@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--swal2-outline:0 0 0 3px #6496c880;--swal2-container-padding:.625em;--swal2-backdrop:#0006;--swal2-backdrop-transition:background-color .15s;--swal2-width:32em;--swal2-padding:0 0 1.25em;--swal2-border:none;--swal2-border-radius:.3125rem;--swal2-background:white;--swal2-color:#545454;--swal2-show-animation:swal2-show .3s;--swal2-hide-animation:swal2-hide .15s forwards;--swal2-icon-zoom:1;--swal2-title-padding:.8em 1em 0;--swal2-html-container-padding:1em 1.6em .3em;--swal2-input-border:1px solid #d9d9d9;--swal2-input-border-radius:.1875em;--swal2-input-box-shadow:inset 0 1px 1px #0000000f, 0 0 0 3px transparent;--swal2-input-background:transparent;--swal2-input-transition:border-color .2s, box-shadow .2s;--swal2-input-hover-box-shadow:inset 0 1px 1px #0000000f, 0 0 0 3px transparent;--swal2-input-focus-border:1px solid #b4dbed;--swal2-input-focus-box-shadow:inset 0 1px 1px #0000000f, 0 0 0 3px #6496c880;--swal2-progress-step-background:#add8e6;--swal2-validation-message-background:#f0f0f0;--swal2-validation-message-color:#666;--swal2-footer-border-color:#eee;--swal2-footer-background:transparent;--swal2-footer-color:inherit;--swal2-timer-progress-bar-background:#0000004d;--swal2-close-button-position:initial;--swal2-close-button-inset:auto;--swal2-close-button-font-size:2.5em;--swal2-close-button-color:#ccc;--swal2-close-button-transition:color .2s, box-shadow .2s;--swal2-close-button-outline:initial;--swal2-close-button-box-shadow:inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow:inset var(--swal2-outline);--swal2-close-button-hover-transform:none;--swal2-actions-justify-content:center;--swal2-actions-width:auto;--swal2-actions-margin:1.25em auto 0;--swal2-actions-padding:0;--swal2-actions-border-radius:0;--swal2-actions-background:transparent;--swal2-action-button-transition:background-color .2s, box-shadow .2s;--swal2-action-button-hover:black 10%;--swal2-action-button-active:black 10%;--swal2-confirm-button-box-shadow:none;--swal2-confirm-button-border-radius:.25em;--swal2-confirm-button-background-color:#7066e0;--swal2-confirm-button-color:#fff;--swal2-deny-button-box-shadow:none;--swal2-deny-button-border-radius:.25em;--swal2-deny-button-background-color:#dc3741;--swal2-deny-button-color:#fff;--swal2-cancel-button-box-shadow:none;--swal2-cancel-button-border-radius:.25em;--swal2-cancel-button-background-color:#6e7881;--swal2-cancel-button-color:#fff;--swal2-toast-show-animation:swal2-toast-show .5s;--swal2-toast-hide-animation:swal2-toast-hide .1s forwards;--swal2-toast-border:none;--swal2-toast-box-shadow:0 0 1px #00000013, 0 1px 2px #00000013, 1px 2px 4px #00000013, 1px 3px 8px #00000013, 2px 4px 16px #00000013}[data-swal2-theme=dark]{--swal2-dark-theme-black:#19191a;--swal2-dark-theme-white:#e1e1e1;--swal2-background:var(--swal2-dark-theme-black);--swal2-color:var(--swal2-dark-theme-white);--swal2-footer-border-color:#555;--swal2-input-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-color:var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background:#ffffffb3}@media (prefers-color-scheme:dark){[data-swal2-theme=auto]{--swal2-dark-theme-black:#19191a;--swal2-dark-theme-white:#e1e1e1;--swal2-background:var(--swal2-dark-theme-black);--swal2-color:var(--swal2-dark-theme-white);--swal2-footer-border-color:#555;--swal2-input-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-color:var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background:#ffffffb3}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{pointer-events:none;background-color:#0000!important}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:auto}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;pointer-events:none;background-color:#0000;width:360px;max-width:100%}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){z-index:1060;box-sizing:border-box;height:100%;padding:var(--swal2-container-padding);transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch;grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);grid-template-areas:"top-start top top-end""center-start center center-end""bottom-start bottom-center bottom-end";display:grid;position:fixed;inset:0;overflow-x:hidden}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:0 0!important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-area:2/2;place-self:center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-area:2/3;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-area:3/1;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-area:3/2;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-area:3/3;place-self:end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container)[popover]{border:0;width:auto}div:where(.swal2-container) div:where(.swal2-popup){box-sizing:border-box;width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);grid-template-columns:minmax(0,100%);font-family:inherit;font-size:1rem;display:none;position:relative}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable,div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging,div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){max-width:100%;padding:var(--swal2-title-padding);color:inherit;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial;margin:0;font-size:1.875em;font-weight:600;position:relative}div:where(.swal2-container) div:where(.swal2-actions){z-index:1;box-sizing:border-box;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background);flex-wrap:wrap;display:flex}div:where(.swal2-container) div:where(.swal2-loader){border:.25em solid #2778c4;border-color:#2778c4 #0000;border-radius:100%;justify-content:center;align-items:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:1.5s linear infinite swal2-rotate-loading;display:none}div:where(.swal2-container) button:where(.swal2-styled){transition:var(--swal2-action-button-transition);border:none;margin:.3125em;padding:.625em 1.1em;font-weight:500;box-shadow:0 0 0 3px #0000}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{box-shadow:var(--swal2-action-button-focus-box-shadow);outline:none}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);text-align:center;cursor:initial;margin:1em 0 0;padding:1em 1em 0;font-size:1em}div:where(.swal2-container) .swal2-timer-progress-bar-container{border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius);position:absolute;bottom:0;left:0;right:0;overflow:hidden;grid-column:auto!important}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){background:var(--swal2-timer-progress-bar-background);width:100%;height:.25em}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;cursor:initial;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;width:1.2em;height:1.2em;transition:var(--swal2-close-button-transition);border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;background:0 0;border:none;justify-content:center;justify-self:end;align-items:center;margin-top:0;margin-bottom:-1.2em;margin-right:0;padding:0;overflow:hidden}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);color:#f27474;background:0 0}div:where(.swal2-container) button:where(.swal2-close):focus-visible{box-shadow:var(--swal2-close-button-focus-box-shadow);outline:none}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;padding:var(--swal2-html-container-padding);color:inherit;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial;justify-content:center;margin:0;font-size:1.125em;font-weight:400;line-height:normal;overflow:auto}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);box-shadow:var(--swal2-input-focus-box-shadow);outline:none}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{background:var(--swal2-background);margin:1em 2em 3px}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;text-align:center;font-weight:600}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{background:var(--swal2-input-background);width:75%;margin-left:auto;margin-right:auto;font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{background:var(--swal2-input-background);min-width:50%;max-width:100%;color:inherit;padding:.375em .625em;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{background:var(--swal2-background);color:inherit;justify-content:center;align-items:center}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){justify-content:center;margin:1em auto 0;display:flex}div:where(.swal2-container) div:where(.swal2-validation-message){background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);justify-content:center;align-items:center;margin:1em 0 0;padding:.625em;font-size:1em;font-weight:300;overflow:hidden}div:where(.swal2-container) div:where(.swal2-validation-message):before{content:"!";color:#fff;text-align:center;background-color:#f27474;border-radius:50%;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;font-weight:600;line-height:1.5em;display:inline-block}div:where(.swal2-container) .swal2-progress-steps{background:0 0;flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;color:#fff;text-align:center;background:#2778c4;border-radius:2em;flex-shrink:0;width:2em;height:2em;line-height:2em}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;background:#2778c4;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px}div:where(.swal2-icon){box-sizing:content-box;zoom:var(--swal2-icon-zoom);cursor:default;-webkit-user-select:none;user-select:none;border:.25em solid #000;border-radius:50%;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;font-family:inherit;line-height:5em;position:relative}div:where(.swal2-icon) .swal2-icon-content{align-items:center;font-size:3.75em;display:flex}div:where(.swal2-icon).swal2-error{color:#f27474;border-color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{flex-grow:1;position:relative}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{background-color:#f27474;border-radius:.125em;width:2.9375em;height:.3125em;display:block;position:absolute;top:2.3125em}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:.5s swal2-animate-error-x-mark}div:where(.swal2-icon).swal2-warning{color:#f8bb86;border-color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:.5s swal2-animate-i-mark}div:where(.swal2-icon).swal2-info{color:#3fc3ee;border-color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:.8s swal2-animate-i-mark}div:where(.swal2-icon).swal2-question{color:#87adbd;border-color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:.8s swal2-animate-question-mark}div:where(.swal2-icon).swal2-success{color:#a5dc86;border-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{border-radius:50%;width:3.75em;height:7.5em;position:absolute}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em;top:-.4375em;left:-2.0635em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0;top:-.6875em;left:1.875em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success .swal2-success-ring{z-index:2;box-sizing:content-box;border:.25em solid #a5dc864d;border-radius:50%;width:100%;height:100%;position:absolute;top:-.25em;left:-.25em}div:where(.swal2-icon).swal2-success .swal2-success-fix{z-index:1;width:.4375em;height:5.625em;position:absolute;top:.5em;left:1.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{z-index:2;background-color:#a5dc86;border-radius:.125em;height:.3125em;display:block;position:absolute}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{width:1.5625em;top:2.875em;left:.8125em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{width:2.9375em;top:2.375em;right:.5em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:.75s swal2-animate-success-line-tip}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:.75s swal2-animate-success-line-long}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:4.25s ease-in swal2-rotate-success-circular-line}[class^=swal2]{-webkit-tap-highlight-color:#0000}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{width:50px;height:50px;position:absolute;top:-9999px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{left:auto;right:0}.swal2-toast{box-sizing:border-box;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:auto;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;grid-area:1/1/4/4!important}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){text-align:initial;margin:.5em 1em;padding:0;font-size:1em}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-area:1/3/99/3;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){overflow:initial;text-align:initial;margin:.5em 1em;padding:0;font-size:1em}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-area:1/1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-area:1/1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{align-items:center;font-size:1.8em;font-weight:700;display:flex}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{width:1.375em;top:.875em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{border-radius:50%;width:1.6em;height:3em;position:absolute}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{transform-origin:2em 2em;border-radius:4em 0 0 4em;top:-.8em;left:-.5em;transform:rotate(-45deg)}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{transform-origin:0 1.5em;border-radius:0 4em 4em 0;top:-.25em;left:.9375em}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{width:.4375em;height:2.6875em;top:0;left:.4375em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{width:.75em;top:1.125em;left:.1875em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{width:1.375em;top:.9375em;right:.1875em}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:.75s swal2-toast-animate-success-line-tip}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:.75s swal2-toast-animate-success-line-long}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes swal2-hide{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(.9)}}@keyframes swal2-animate-success-line-tip{0%{width:0;top:1.1875em;left:.0625em}54%{width:0;top:1.0625em;left:.125em}70%{width:3.125em;top:2.1875em;left:-.375em}84%{width:1.0625em;top:3em;left:1.3125em}to{width:1.5625em;top:2.8125em;left:.8125em}}@keyframes swal2-animate-success-line-long{0%{width:0;top:3.375em;right:2.875em}65%{width:0;top:3.375em;right:2.875em}84%{width:3.4375em;top:2.1875em;right:0}to{width:2.9375em;top:2.375em;right:.5em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{opacity:0;margin-top:1.625em;transform:scale(.4)}50%{opacity:0;margin-top:1.625em;transform:scale(.4)}80%{margin-top:-.375em;transform:scale(1.15)}to{opacity:1;margin-top:0;transform:scale(1)}}@keyframes swal2-animate-error-icon{0%{opacity:0;transform:rotateX(100deg)}to{opacity:1;transform:rotateX(0)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{opacity:0;transform:rotate(45deg)}25%{opacity:.4;transform:rotate(-25deg)}50%{opacity:.8;transform:rotate(15deg)}75%{opacity:1;transform:rotate(-5deg)}to{opacity:1;transform:rotateX(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em)rotate(2deg)}33%{transform:translateY(0)rotate(-2deg)}66%{transform:translateY(.3125em)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes swal2-toast-hide{to{opacity:0;transform:rotate(1deg)}}@keyframes swal2-toast-animate-success-line-tip{0%{width:0;top:.5625em;left:.0625em}54%{width:0;top:.125em;left:.125em}70%{width:1.625em;top:.625em;left:-.25em}84%{width:.5em;top:1.0625em;left:.75em}to{width:.75em;top:1.125em;left:.1875em}}@keyframes swal2-toast-animate-success-line-long{0%{width:0;top:1.625em;right:1.375em}65%{width:0;top:1.25em;right:.9375em}84%{width:1.125em;top:.9375em;right:0}to{width:1.375em;top:.9375em;right:.1875em}}:root{color:#10264b;font-synthesis:none;background:#f5f7fb;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}textarea{resize:none!important}button{cursor:pointer}.logo{align-items:center;display:flex}.logo>span{color:#fff;letter-spacing:-.7px;border:2px solid;border-radius:12px;align-items:center;padding:12px 16px;font-size:20px;font-weight:800;display:inline-flex;box-shadow:0 5px 14px #00182d35}.logo>span b{color:#49a9ff}.logo:not(.dark)>span{color:#07355f}.logo img{display:none}.side-logo .logo>span{padding:10px 12px;font-size:17px}.mobile-logo .logo>span{font-size:22px}.auth-page{background:#fff;grid-template-columns:52% 48%;min-height:100vh;display:grid}.auth-hero{color:#fff;background:linear-gradient(145deg,#06274c,#073a69 60%,#075380);padding:48px 58px;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:620px;margin-top:18vh;position:relative}.hero-copy>span,.overline{letter-spacing:2px;color:#49a9ff;font-size:10px;font-weight:800}.hero-copy h1{letter-spacing:-3px;margin:18px 0;font-size:clamp(38px,4.6vw,67px);line-height:1.08}.hero-copy h1 em{color:#58b6ff;font-style:normal}.hero-copy p{color:#bed0e0;max-width:530px;font-size:15px;line-height:1.7}.hero-points{gap:23px;margin-top:35px;display:flex}.hero-points div{color:#d6e5f2;align-items:center;gap:7px;font-size:11px;display:flex}.hero-points svg{background:#0d7ce7;border-radius:50%;width:17px;height:17px;padding:3px}.phone-art{color:#4ba8eb;opacity:.35;border:1px solid #2c668f;border-radius:50%;place-items:center;width:440px;height:440px;display:grid;position:absolute;bottom:-130px;right:-100px}.phone-art>svg{width:170px;height:170px}.phone-art i{border:1px solid #3b7197;border-radius:50%;width:320px;height:320px;position:absolute}.phone-art i+i{width:220px;height:220px}.owner-hero .hero-copy{z-index:2;max-width:560px;position:relative}.owner-hero .phone-art{opacity:.12;z-index:1}.auth-panel{background:#f8fafd;flex-direction:column;justify-content:center;padding:35px 10%;display:flex}.mobile-logo{display:none}.auth-card{width:100%;max-width:420px;margin:auto}.auth-card h2{letter-spacing:-1.2px;margin:12px 0 8px;font-size:31px}.auth-card>p{color:#7e8da1;margin:0 0 28px;font-size:13px}.auth-card form{flex-direction:column;display:flex}.auth-card label{margin:0 0 7px;font-size:11px;font-weight:700}.input{background:#fff;border:1px solid #dbe3ed;border-radius:8px;align-items:center;height:47px;margin-bottom:16px;display:flex}.input:focus-within{border-color:#0b7af0;box-shadow:0 0 0 3px #0b7af015}.input input{background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 13px;font-size:12px}.input button{color:#73839a;background:0 0;border:0}.input svg{width:17px}.primary{color:#fff;background:#0879ec;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:47px;font-size:12px;font-weight:700;display:flex;box-shadow:0 8px 20px #0879ec35}.primary:hover{background:#0469ce}.primary svg{width:17px}.auth-switch{text-align:center;color:#8491a2;margin-top:24px;font-size:11px}.auth-switch button,.back{color:#0879ec;background:0 0;border:0;font-weight:700}.back{margin-bottom:26px;padding:0}.error{color:#bd3e3e;background:#fff0f0;border:1px solid #ffd1d1;border-radius:7px;margin-bottom:13px;padding:9px 11px;font-size:10px}.secure-note{color:#0879ec;background:#e9f4ff;border-radius:9px;gap:10px;margin-top:18px;padding:12px;display:flex}.secure-note svg{width:19px}.secure-note span{color:#74879b;flex-direction:column;font-size:9px;display:flex}.secure-note b{color:#175b93;margin-bottom:2px;font-size:10px}.copyright{text-align:center;color:#a5b0bd;font-size:8px}.app{grid-template-columns:auto 1fr;min-height:100vh;display:grid}.app>aside{color:#fff;z-index:20;background:linear-gradient(#082e58,#043c6a 68%,#042d51);flex-direction:column;align-self:start;width:230px;height:100dvh;min-height:100dvh;padding:10px 10px 14px;transition:width .22s,padding .22s;display:flex;position:sticky;top:0;overflow:hidden}.side-logo{padding:0 10px 9px;position:relative}.side-logo>button,.side-logo .sidebar-collapse{display:none}.app nav{flex-direction:column;gap:3px;display:flex}.app nav button{color:#d9e6f4;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;height:42px;padding:0 13px;font-size:11px;font-weight:600;display:flex}.app nav button svg{width:17px}.app nav button b{color:#6e99c2;margin-left:auto;font-size:17px}.app nav button.active{color:#fff;background:linear-gradient(90deg,#0879ec,#0b83f4);box-shadow:0 8px 17px #002f5b80}.promo{background:linear-gradient(145deg,#0a6f8a,#0c547b);border-radius:10px;margin-top:auto;padding:13px;overflow:hidden}.promo-visual{color:#78dbef;align-items:center;height:50px;display:flex}.promo-visual svg{width:42px;height:42px}.promo-visual svg+svg{color:#aad5ef;width:24px;margin-left:-8px}.promo p{margin:7px 0 13px;font-size:9px;line-height:1.65}.promo button{color:#fff;background:#1696ae;border:0;border-radius:5px;width:100%;height:34px;font-size:9px;font-weight:700}.mobile-user{display:none}.workspace{min-width:0}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e3e9f0;align-items:center;height:58px;padding:0 25px;display:flex;position:sticky;top:0}.hamb{display:none}.sidebar-toggle-control{color:#07558d;background:#f3f8fd;border:1px solid #d7e4ef;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;margin-right:12px;transition:all .18s;display:grid}.sidebar-toggle-control:hover{color:#0879ec;background:#e6f3ff;border-color:#9dc8ec;transform:translateY(-1px)}.sidebar-toggle-control svg{width:19px;height:19px}.global-search{border:1px solid #dde5ee;border-radius:7px;align-items:center;width:min(430px,45%);height:37px;padding:0 12px;display:flex}.global-search svg{color:#8596aa;width:16px}.global-search input{border:0;outline:0;width:100%;padding-left:10px;font-size:10px}.top-user{align-items:center;gap:9px;margin-left:auto;display:flex}.bell,.logout{color:#12365f;background:0 0;border:0;position:relative}.bell svg,.logout svg{width:18px}.bell i{color:#fff;background:#f24d56;border-radius:10px;padding:2px 4px;font-size:7px;font-style:normal;position:absolute;top:-2px;right:1px}.user-avatar{color:#0b4f86;background:#dceafa;border-radius:50%;place-items:center;width:35px;height:35px;margin-left:13px;display:grid}.user-avatar svg{width:20px}.top-user>div:nth-of-type(2){flex-direction:column;display:flex}.top-user b{font-size:10px}.top-user span{color:#8090a5;margin-top:3px;font-size:8px}.top-user>svg{width:13px}.logout{margin-left:6px}.page{padding:15px 30px 28px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.page-heading h1{letter-spacing:-.6px;font-size:19px}.page-heading>button,.save{color:#fff;background:#0879ec;border:0;border-radius:7px;align-items:center;gap:8px;height:37px;padding:0 16px;font-size:10px;font-weight:700;display:flex;box-shadow:0 6px 14px #0879ec30}.page-heading button svg{width:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.service-stat{background:#fff;border:1px solid #e0e7ef;border-radius:10px;align-items:center;height:95px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #0b31520a}.stat-round{border-radius:50%;place-items:center;width:55px;height:55px;margin-right:14px;display:grid}.stat-round svg{width:27px}.service-stat.blue .stat-round{color:#0879ec;background:#dceaff}.service-stat.orange .stat-round{color:#ff8915;background:#fff0dd}.service-stat.green .stat-round{color:#08b879;background:#d8f9ed}.service-stat.purple .stat-round{color:#815be6;background:#eee7ff}.service-stat>div:nth-child(2){flex-direction:column;display:flex}.service-stat small{color:#637590;font-size:9px}.service-stat strong{margin:5px 0;font-size:22px}.service-stat p{color:#647792;margin:0;font-size:8px}.service-stat.green p,.service-stat.blue p{color:#25896f}.spark{align-items:flex-end;gap:3px;height:32px;margin-left:auto;display:flex;transform:skew(-16deg)}.spark i{background:currentColor;border-radius:4px;width:3px;height:10px;display:block}.spark i:nth-child(2){height:18px}.spark i:nth-child(3){height:12px}.spark i:nth-child(4){height:27px}.service-stat.blue .spark{color:#0b85f5}.service-stat.orange .spark{color:#ff9a2b}.service-stat.green .spark{color:#0fb77d}.service-stat.purple .spark{color:#8459ed}.white-card{background:#fff;border:1px solid #e0e7ef;border-radius:10px;box-shadow:0 3px 8px #0b31520a}.service-grid{grid-template-columns:1.7fr 1.05fr 1fr;gap:13px;margin-top:13px;display:grid}.form-card{padding:13px}.card-title{border-bottom:1px solid #e7ecf2;align-items:flex-start;gap:8px;height:27px;margin-bottom:10px;display:flex}.card-title>span{color:#0879ec;background:#e8f3ff;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.card-title svg{width:12px}.card-title h3,.track-card>h3,.table-header h3{margin:3px 0;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:8px 22px;display:grid}.form-grid label{grid-template-columns:91px 1fr;align-items:center;font-size:8px;font-weight:700;display:grid}.control{color:#405675;border:1px solid #dfe6ee;border-radius:5px;align-items:center;min-width:0;height:27px;padding:0 9px;font-size:8px;display:flex}.control.disabled{color:#8998aa;background:#f5f7fa}.control input,.control select,.control textarea{color:#405675;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0;font-size:8px}.control select{appearance:auto}.control.textarea{height:58px;padding:7px}.control textarea{resize:none}.issue-label{align-items:start!important}.stack{gap:8px;display:grid}.price span{margin-right:4px}.form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.form-actions button{border-radius:5px;height:29px;padding:0 19px;font-size:8px}.secondary{color:#214265;background:#fff;border:1px solid #dfe6ee;align-items:center;gap:5px;display:flex}.secondary svg{width:12px}.save{box-shadow:none}.summary-card{padding:13px}.summary-list{gap:7px;display:grid}.summary-item{border:1px solid #e5ebf1;border-radius:7px;align-items:center;height:57px;padding:8px;display:flex}.summary-item>span{border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.summary-item>span svg{width:19px}.summary-item>div{flex-direction:column;margin-left:9px;display:flex}.summary-item b{font-size:8px}.summary-item small{color:#77889d;margin-top:3px;font-size:7px}.summary-item em{border-radius:10px;margin-left:auto;padding:4px 10px;font-size:7px;font-style:normal;font-weight:700}.summary-item .blue{color:#0879ec;background:#e4f0ff}.summary-item .teal{color:#0eaaa1;background:#dff9f6}.summary-item .purple{color:#7a52e7;background:#f0e9ff}.summary-item .orange{color:#f48618;background:#fff0de}.track-card{padding:14px}.track-card>h3{margin:3px 0 18px}.track-numbers{align-items:center;margin:0 2px 13px;display:flex}.track-numbers span{background:#edf1f5;border:1px solid #dce3ea;border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;font-weight:700;display:grid}.track-numbers span.active{color:#fff;background:#0879ec;border-color:#0879ec}.track-numbers i{border-top:2px dotted #d5dee7;flex:1}.track-row{border-bottom:1px solid #edf0f4;align-items:center;min-height:43px;display:flex;position:relative}.track-row>span{color:#9aa8b7;background:#edf1f4;border-radius:50%;place-items:center;width:27px;height:27px;margin-right:9px;display:grid}.track-row>span svg{width:13px}.track-row.active>span{color:#fff;background:#0879ec}.track-row>div{flex-direction:column;display:flex}.track-row b{font-size:8px}.track-row small{color:#7f8fa2;margin-top:2px;font-size:7px}.track-row time{text-align:right;max-width:70px;margin-left:auto;font-size:7px}.track-row.active b{color:#0879ec}.table-card{margin-top:13px;overflow:hidden}.table-header{justify-content:space-between;align-items:center;height:40px;padding:0 15px;display:flex}.table-header>div{gap:8px;display:flex}.table-header select,.table-search{color:#718299;background:#fff;border:1px solid #dde5ed;border-radius:5px;height:27px;padding:0 9px;font-size:8px}.table-search{align-items:center;width:230px;display:flex}.table-search input{border:0;outline:0;width:100%;font-size:8px}.table-search svg{width:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1000px}th{text-align:left;background:#f7f9fb;border-top:1px solid #e7ebf0;border-bottom:1px solid #e7ebf0;padding:9px 13px;font-size:7px}td{color:#536983;border-bottom:1px solid #e9edf2;padding:8px 13px;font-size:7.5px;line-height:1.35}td>b,td small{display:block}td>b:not(.invoice){color:#173258}.invoice{color:#0879ec}.badge{border-radius:10px;padding:4px 10px;font-weight:700;display:inline-block}.badge.baru{color:#0879ec;background:#e4f0ff}.badge.proses{color:#f28a1d;background:#fff0dd}.badge.menunggu-sparepart{color:#7d55e5;background:#eee8ff}.badge.selesai{color:#0a9c69;background:#ddf8ec}.row-actions{gap:5px;display:flex}.row-actions button{color:#173b65;background:#fff;border:1px solid #dce4ec;border-radius:5px;width:30px;height:27px}.row-actions svg{width:12px}.pagination{color:#647791;justify-content:space-between;align-items:center;height:43px;padding:0 15px;font-size:8px;display:flex}.pagination>div{align-items:center;gap:4px;display:flex}.pagination button{background:#fff;border:1px solid #e0e7ee;border-radius:5px;width:27px;height:27px;font-size:8px}.pagination button.active{color:#fff;background:#0879ec}.empty-module{text-align:center;background:#fff;border:1px solid #e1e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 150px);display:flex}.empty-module>span{color:#0879ec;background:#e7f2ff;border-radius:50%;place-items:center;width:70px;height:70px;display:grid}.empty-module>span svg{width:30px}.empty-module h2{margin:18px 0 7px}.empty-module p{color:#7c8c9f;font-size:11px}.empty-module button{color:#0879ec;background:0 0;border:0;margin-top:10px;font-size:10px;font-weight:700}.overlay{display:none}@media (width<=1200px){.stats-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1.5fr 1fr}.track-card{grid-column:1/-1}.page{padding:15px 18px}.app{grid-template-columns:205px 1fr}.promo{display:none}}@media (width<=850px){.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.auth-panel{min-height:100vh}.mobile-logo{margin-bottom:45px;display:block}.app{display:block}.app>aside,.app>aside.collapsed{width:230px;padding:10px 10px 14px;transition:all .25s;position:fixed;left:-245px}.app>aside.open{left:0}.app>aside>nav{overflow-x:hidden}.nav-submenu.nested{width:100%;margin-left:0;padding-left:38px}.side-logo .sidebar-mobile-close{color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;right:0}.side-logo .sidebar-mobile-close svg{width:20px}.side-logo .sidebar-collapse{display:none}.promo{display:block}.overlay{z-index:15;background:#06192c88;display:block;position:fixed;inset:0}.topbar{padding:0 14px}.global-search{flex:1;min-width:0}.top-user>div:nth-of-type(2),.top-user>svg{display:none}.service-grid{grid-template-columns:1fr}.track-card{grid-column:auto}}@media (width<=560px){.sidebar-toggle-control{flex-basis:38px;width:38px;height:38px;margin-right:6px}.auth-panel{padding:25px 22px}.auth-card h2{font-size:27px}.page{padding:12px 10px}.stats-grid{grid-template-columns:1fr}.service-stat{height:auto;min-height:85px}.service-grid{gap:12px}.global-search{flex:1;width:auto;min-width:0}.pagination>span{display:none}.pagination{justify-content:flex-end}}.muted{color:#8190a4;font-size:10px}.dashboard-filter-wrap{align-items:center;gap:10px;display:flex;position:relative}.dashboard-period{color:#536983;background:#fff;border:1px solid #dce5ee;border-radius:7px;padding:8px 11px;font-size:9px;font-weight:700}.dashboard-filter-trigger{color:#fff;background:#0879ec;border:0;border-radius:7px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.dashboard-filter-trigger svg{width:14px}.dashboard-filter-popover{z-index:12;background:#fff;border:1px solid #dce5ee;border-radius:10px;grid-template-columns:1fr 1fr;gap:11px;width:310px;padding:14px;display:grid;position:absolute;top:44px;right:0;box-shadow:0 14px 35px #183c6426}.dashboard-filter-popover>b{grid-column:1/-1;font-size:11px}.dashboard-filter-popover label{color:#536983;flex-direction:column;gap:6px;font-size:8px;font-weight:700;display:flex}.dashboard-filter-popover input{border:1px solid #dce5ee;border-radius:7px;height:38px;padding:0 8px}.dashboard-filter-popover>div{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.dashboard-filter-popover button{color:#536983;background:#fff;border:1px solid #dce5ee;border-radius:6px;height:34px;padding:0 12px;font-size:8px;font-weight:700}.dashboard-filter-popover button.apply{color:#fff;background:#0879ec;border-color:#0879ec}@media (width<=560px){.dashboard-filter-wrap{justify-content:flex-end;width:100%}.dashboard-filter-popover{grid-template-columns:1fr;width:min(310px,100vw - 36px);right:0}.dashboard-filter-popover>b,.dashboard-filter-popover>div{grid-column:1}.dashboard-period{margin-right:auto}}.date-filter{align-items:center;gap:7px;display:flex}.date-filter input,.date-filter button{color:#536983;background:#fff;border:1px solid #dce5ee;border-radius:6px;height:34px;padding:0 8px;font-size:9px}.date-filter button{color:#fff;background:#0879ec;border:0;padding:0 14px;font-weight:700}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric{background:#fff;border:1px solid #e0e7ef;border-radius:10px;align-items:center;gap:11px;min-height:92px;padding:14px;display:flex}.metric>span{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.metric>span svg{width:21px}.metric>div{min-width:0}.metric small{color:#74849a;white-space:nowrap;font-size:8px;display:block}.metric strong{white-space:nowrap;margin:6px 0 3px;font-size:17px;display:block}.metric p{color:#5a9c80;margin:0;font-size:8px}.metric.blue>span{color:#0879ec;background:#e4efff}.metric.purple>span{color:#7957e5;background:#eee8ff}.metric.green>span{color:#08a86d;background:#dcf8ea}.metric.orange>span{color:#ef881b;background:#fff0df}.metric.cyan>span{color:#079ca6;background:#def9fb}.metric.pink>span{color:#d94a83;background:#ffe9f2}.metric.red>span{color:#e45e5e;background:#ffebeb}.dashboard-lower{grid-template-columns:1.3fr 1fr;gap:13px;margin-top:13px;display:grid}.payment-card,.refund-card{padding:15px}.card-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-heading h3{margin:0;font-size:11px}.card-heading span{color:#8998aa;font-size:8px}.payment-bars{gap:12px;display:grid}.pay-bar>div:first-child{color:#536983;justify-content:space-between;margin-bottom:5px;font-size:8px;display:flex}.pay-bar strong{color:#173258}.bar-track{background:#edf2f6;border-radius:8px;height:8px;overflow:hidden}.bar-track i{border-radius:8px;height:100%;display:block}.bar-track i.blue{background:#0879ec}.bar-track i.cyan{background:#10bbc5}.bar-track i.orange{background:#f7a338}.bar-track i.purple{background:#825deb}.refund-row{border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;align-items:center;gap:10px;padding:11px 0;display:flex}.refund-icon{color:#e45e5e;background:#ffeaea;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.refund-icon svg{width:16px}.refund-row>div{flex-direction:column;display:flex}.refund-row b{font-size:9px}.refund-row small{color:#8190a4;margin-top:3px;font-size:8px}.refund-row strong{color:#dc6262;margin-left:auto;font-size:10px}.outline-btn{color:#0879ec;background:#fff;border:1px solid #dce5ed;border-radius:5px;height:29px;margin-top:12px;padding:0 11px;font-size:8px;font-weight:700}.attendance-grid,.product-grid{grid-template-columns:1fr 1.4fr;gap:13px;display:grid}.attendance-card,.history-card,.product-form,.product-list{padding:18px}.attendance-card{text-align:center}.attendance-avatar{color:#0879ec;background:#e3f0ff;border-radius:50%;place-items:center;width:62px;height:62px;margin:2px auto 9px;display:grid}.attendance-avatar svg{width:28px}.attendance-card h2{margin:0;font-size:17px}.attendance-card>p{color:#8391a4;margin:5px 0 18px;font-size:9px}.location-box{text-align:left;border:1px solid #dce7f1;border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.location-box>span{color:#ed8b21;background:#fff0dd;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.location-box>span svg{width:16px}.location-box>div{flex-direction:column;display:flex}.location-box b{font-size:9px}.location-box small{color:#8190a4;margin-top:3px;font-size:7px}.location-box button{color:#fff;background:#0879ec;border:0;border-radius:5px;margin-left:auto;padding:7px 9px;font-size:8px}.location-box.verified{background:#f2fffa;border-color:#a9e6cf}.location-box.verified>span{color:#0aab71;background:#dcf9ea}.location-box.verified button{color:#0aa66e;background:#ddf8ea}.location-box button svg{width:13px}.upload-photo{text-align:left;color:#536983;border:1px dashed #cbd8e5;border-radius:8px;align-items:center;gap:10px;margin-top:11px;padding:11px;font-size:9px;display:flex}.upload-photo>svg{color:#0879ec;width:20px}.upload-photo span{flex-direction:column;display:flex}.upload-photo small{color:#8998aa;margin-top:3px;font-size:7px}.upload-photo input{width:90px;margin-left:auto;font-size:7px}.attendance-btn{width:100%;margin-top:12px}.attendance-btn:disabled{opacity:.45;cursor:not-allowed}.history-card .card-heading{margin-bottom:0}.history-empty{color:#afbac7;flex-direction:column;justify-content:center;align-items:center;height:220px;display:flex}.history-empty svg{width:33px}.history-empty p{font-size:9px}.history-row{border-bottom:1px solid #edf1f5;align-items:center;gap:10px;padding:13px 0;display:flex}.history-row>span{color:#0aa66e;background:#ddf8ea;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.history-row svg{width:14px}.history-row>div{flex-direction:column;display:flex}.history-row b{font-size:9px}.history-row small,.history-row time{color:#8190a4;margin-top:3px;font-size:8px}.history-row time{margin-left:auto}.transaction-card{padding:18px}.transaction-fields{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.transaction-fields label,.product-form label{color:#274361;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.transaction-fields input,.transaction-fields select,.transaction-fields textarea,.product-form input{color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:6px;outline:0;height:37px;padding:0 10px;font-size:9px}.transaction-fields textarea{resize:vertical;height:80px;padding:10px}.transaction-fields .wide-field{grid-column:1/-1}.wide-field small{color:#9aa7b6;text-align:right;font-size:7px;font-weight:400}.payment-summary{background:#f5f8fb;border-radius:9px;grid-template-columns:1.1fr 1fr 1.1fr 2fr;align-items:center;gap:14px;margin-top:20px;padding:15px;display:grid}.payment-summary>div,.payment-summary label{flex-direction:column;gap:5px;font-size:9px;font-weight:700;display:flex}.payment-summary small{color:#8292a5;font-size:8px}.payment-summary strong{color:#19365b;font-size:18px}.payment-summary strong.positive{color:#0aa66e}.payment-summary input{border:1px solid #dce5ed;border-radius:5px;height:34px;padding:0 8px}.method>div{gap:5px;display:flex}.method button{background:#fff;border:1px solid #dce5ed;border-radius:5px;padding:7px 10px;font-size:8px}.method button.chosen{color:#fff;background:#0879ec;border-color:#0879ec}.transaction-save{margin:17px 0 0 auto}.product-grid{grid-template-columns:.8fr 1.7fr}.product-form form{gap:13px;display:grid}.product-form label input{height:37px;margin-top:0}.product-form .save{justify-content:center}.product-table{display:grid}.product-row{border-top:1px solid #edf1f5;align-items:center;gap:10px;padding:12px 0;display:flex}.product-row>span{color:#0879ec;background:#e4f0ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.product-row svg{width:16px}.product-row>div{flex-direction:column;display:flex}.product-row b{font-size:9px}.product-row small{color:#8190a4;margin-top:3px;font-size:8px}.product-row strong{margin-left:auto;font-size:10px}.big-search{background:#fff;border:1px solid #dce5ed;border-radius:8px;align-items:center;height:45px;margin-bottom:13px;padding:0 13px;display:flex}.big-search svg{color:#8494a7;width:17px}.big-search input{border:0;outline:0;flex:1;padding-left:10px;font-size:10px}.dashboard-charts{grid-template-columns:minmax(0,1.7fr) minmax(260px,.72fr) minmax(260px,.78fr);gap:13px;margin-top:13px;display:grid}.revenue-chart,.mix-chart,.stock-overview{min-height:330px;padding:16px;overflow:hidden}.chart-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.chart-title span{flex-direction:column;gap:5px;display:flex}.chart-title small{letter-spacing:1.3px;color:var(--theme-primary);font-size:7px;font-weight:800}.chart-title h3{margin:0;font-size:12px}.chart-title>b{color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 9%,#fff);border-radius:7px;padding:7px 10px;font-size:13px}.chart-title>svg{background:color-mix(in srgb,var(--theme-primary) 10%,#fff);width:30px;height:30px;color:var(--theme-primary);border-radius:8px;padding:7px}.chart-canvas{position:relative}.chart-canvas svg{width:100%;height:220px;display:block}.chart-grid-line{stroke:#dce5ed;stroke-width:1px;stroke-dasharray:4 6}.chart-dot{fill:#fff;stroke:var(--theme-primary);stroke-width:4px;transition:all .2s}.chart-dot:hover{r:8px;filter:drop-shadow(0 0 5px var(--theme-primary))}.chart-axis{color:var(--theme-muted);text-align:center;grid-template-columns:repeat(7,1fr);margin:-7px 15px 0;font-size:7px;display:grid}.chart-legend{color:var(--theme-muted);align-items:center;gap:13px;margin-top:12px;font-size:8px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{border-radius:50%;width:9px;height:9px}.chart-legend i.service{background:var(--theme-primary)}.chart-legend i.cashier{background:#0fb5bd}.chart-legend small{margin-left:auto}.donut-wrap{place-items:center;gap:17px;display:grid}.donut{filter:drop-shadow(0 10px 18px #17325818);border-radius:50%;place-items:center;width:155px;height:155px;display:grid;position:relative}.donut:after{content:"";background:var(--theme-surface);border-radius:50%;position:absolute;inset:24px}.donut>div{z-index:1;text-align:center;flex-direction:column;display:flex}.donut strong{font-size:24px}.donut small{color:var(--theme-muted);font-size:7px}.donut-legend{gap:7px;width:100%;display:grid}.donut-legend>div{grid-template-columns:10px 1fr auto 32px;align-items:center;gap:7px;font-size:8px;display:grid}.donut-legend i{border-radius:50%;width:8px;height:8px}.donut-legend small{text-align:right;color:var(--theme-muted)}.stock-summary{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.stock-summary>div{background:color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface));border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.stock-summary small{color:var(--theme-muted);font-size:7px}.stock-summary strong{font-size:16px}.stock-summary .danger{background:#fff0f1}.stock-summary .danger strong{color:#d54957}.stock-value{margin:14px 0}.stock-value span{justify-content:space-between;font-size:8px;display:flex}.stock-value>div{background:#eaf0f5;border-radius:9px;height:7px;margin-top:7px;overflow:hidden}.stock-value i{background:linear-gradient(90deg,var(--theme-primary),#17c5bd);border-radius:9px;height:100%;display:block}.low-stock-list>b{margin-bottom:7px;font-size:8px;display:block}.low-stock-list>div{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:7px 0;display:flex}.low-stock-list span{flex-direction:column;font-size:8px;display:flex}.low-stock-list small{color:var(--theme-muted);margin-top:3px;font-size:6px}.low-stock-list strong{color:#dd7c1c;background:#fff0e1;border-radius:6px;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.low-stock-list p{color:#078858;background:#ecfbf4;border-radius:7px;padding:12px;font-size:8px}@media (width<=1250px){.dashboard-charts{grid-template-columns:1fr 1fr}.revenue-chart{grid-column:1/-1}}@media (width<=850px){.dashboard-charts{grid-template-columns:1fr}.revenue-chart{grid-column:auto}.chart-canvas svg{height:190px}}@media (width<=560px){.revenue-chart,.mix-chart,.stock-overview{min-height:auto;padding:13px}.chart-canvas svg{height:165px}.chart-legend small{display:none}.donut{width:135px;height:135px}.dashboard-charts{gap:9px}.chart-title>b{font-size:10px}.stock-summary strong{font-size:14px}}.payment-summary strong.shortage{color:#dc5b5b}.payment-summary.with-discount{grid-template-columns:1.1fr 1.15fr 1fr 1.1fr 1.8fr}.payment-summary.with-discount>label:nth-child(2) input::placeholder{color:#0000}.payment-summary em{color:#0aa66e;margin-top:3px;font-size:7px;font-style:normal}.inline-error{color:#bd4949;text-align:left;background:#fff0f0;border-radius:6px;margin-top:7px;padding:8px 10px;font-size:8px}.map-box{text-align:left;border:1px solid #dce5ed;border-radius:8px;margin-top:10px;overflow:hidden}.map-box iframe{border:0;width:100%;height:190px;display:block}.map-box>div{justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.map-box span{flex-direction:column;display:flex}.map-box b{font-size:9px}.map-box small{color:#7e8fa3;margin-top:3px;font-size:7px}.map-box a{color:#0879ec;white-space:nowrap;align-items:center;gap:4px;font-size:8px;font-weight:700;text-decoration:none;display:flex}.map-box a svg{width:11px}.camera-box{background:#081b2d;border:1px dashed #bfd1e2;border-radius:8px;min-height:90px;margin-top:10px;position:relative;overflow:hidden}.open-camera{color:#0879ec;background:#fff;border:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:90px;display:flex}.open-camera>svg{width:24px}.open-camera span{text-align:left;flex-direction:column;display:flex}.open-camera b{font-size:9px}.open-camera small{color:#7d8da1;margin-top:3px;font-size:7px}.camera-box video{object-fit:cover;width:100%;max-height:320px;display:block;transform:scaleX(-1)}.camera-guide{border:2px dashed #fff9;border-radius:50%;position:absolute;inset:10% 24%}.capture-btn{background:#ffffff50;border:3px solid #fff;border-radius:50%;width:48px;height:48px;padding:4px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.capture-btn span{background:#fff;border-radius:50%;width:100%;height:100%;display:block}.photo-result{position:relative}.photo-result img{object-fit:cover;width:100%;max-height:320px;display:block;transform:scaleX(-1)}.photo-result button{color:#17375d;background:#fff;border:0;border-radius:5px;align-items:center;gap:5px;height:29px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:9px;right:9px}.photo-result button svg{width:13px}.history-row>img{object-fit:cover;border-radius:8px;width:38px;height:38px;transform:scaleX(-1)}.attendance-history{cursor:pointer;border-radius:7px;padding-inline:5px;transition:background .18s,transform .18s}.attendance-history:hover,.attendance-history:focus{background:#f2f8ff;outline:1px solid #c6e0fa;transform:translateY(-1px)}.attendance-detail{text-align:left;color:#173258}.attendance-detail-photo{object-fit:contain;background:#081b2d;border-radius:10px;width:100%;max-height:360px;margin-bottom:14px;display:block}.attendance-detail-no-photo{color:#8190a4;background:#f7fafc;border:1px dashed #bfd0e0;border-radius:9px;place-items:center;min-height:120px;margin-bottom:14px;display:grid}.attendance-detail-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.attendance-detail-grid p,.attendance-detail-block{background:#f5f8fb;border-radius:8px;flex-direction:column;gap:5px;margin:0;padding:10px;display:flex}.attendance-detail-grid small,.attendance-detail-block small{color:#7d8fa3;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.attendance-detail-grid b,.attendance-detail-block b{font-size:13px}.attendance-detail-block{margin-top:9px}.attendance-detail-block p{margin:0;line-height:1.5}.attendance-detail-link{background:#0879ec;border-radius:6px;margin-top:9px;padding:9px 12px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex;color:#fff!important}@media (width<=560px){.attendance-detail-grid{grid-template-columns:1fr}.attendance-detail-photo{max-height:300px}}.clear-history{color:#d34e4e;background:#fff0f0;border:0;border-radius:5px;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.clear-history svg{width:12px}.delete-history{color:#d45b5b;background:#fff;border:1px solid #f0d4d4;border-radius:6px;place-items:center;width:29px;height:29px;margin-left:7px;display:grid}.delete-history:hover{background:#fff0f0}.delete-history svg{width:13px}.history-row time{white-space:nowrap}.product-import-actions{align-items:center;gap:8px;display:flex}.product-import-actions button{border-radius:7px;align-items:center;gap:6px;height:38px;padding:0 13px;font-size:9px;font-weight:700;display:flex}.product-import-actions svg{width:14px}.product-export{color:#0879ec;background:#fff;border:1px solid #bcd9f5}.product-import{color:#fff;background:#0879ec;border:1px solid #0879ec}@media (width<=560px){.product-import-actions{width:100%}.product-import-actions button{flex:1;justify-content:center}}.product-form label select{color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:6px;height:37px;padding:0 9px;font-size:9px}.cancel-edit{color:#60748b;background:#eef3f8;border:0;border-radius:5px;padding:6px 9px;font-size:8px}.product-actions{gap:5px;margin-left:12px;display:flex}.product-actions button,.master-list button{color:#0879ec;background:#fff;border:1px solid #dce5ed;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.product-actions svg,.master-list button svg{width:13px}.product-actions button.danger,.master-list button.danger{color:#d95858;border-color:#f0d5d5}.product-list{flex-direction:column;height:520px;display:flex;overflow:hidden}.product-search{border:1px solid #dce5ed;border-radius:6px;align-items:center;height:34px;margin:0 0 4px;padding:0 9px;display:flex}.product-search svg{color:#8091a5;width:13px}.product-search input{border:0;outline:0;flex:1;padding-left:7px;font-size:8px}.product-table{padding-right:4px;overflow-y:auto}.product-row{min-height:64px;padding:8px 0}.master-grid{grid-template-columns:1fr 1fr;align-items:start;gap:13px;margin-top:13px;display:grid}.master-card{padding:16px}.master-add{gap:7px;display:flex}.master-add input{border:1px solid #dce5ed;border-radius:6px;outline:0;flex:1;height:35px;padding:0 10px;font-size:9px}.master-add button{color:#fff;background:#0879ec;border:0;border-radius:6px;align-items:center;gap:5px;height:35px;padding:0 12px;font-size:8px;font-weight:700;display:flex}.master-add svg{width:12px}.master-list{margin-top:10px;display:grid}.master-list>div{border-top:1px solid #edf1f5;align-items:center;gap:5px;min-height:42px;display:flex}.master-list span{margin-right:auto;font-size:9px;font-weight:600}@media (width<=850px){.master-grid,.product-grid{grid-template-columns:1fr}}.workflow-tabs{gap:6px;margin-bottom:12px;display:flex}.workflow-tabs button{color:#61758d;background:#fff;border:1px solid #d8e2ec;border-radius:7px;height:35px;padding:0 18px;font-size:9px;font-weight:700}.workflow-tabs button.active{color:#fff;background:#0879ec;border-color:#0879ec}.resume-alert{color:#0879ec;background:#eff7ff;border:1px solid #b9dcff;border-radius:8px;align-items:center;gap:10px;margin-bottom:11px;padding:11px 13px;display:flex}.resume-alert>svg{width:20px}.resume-alert span{flex-direction:column;display:flex}.resume-alert b{font-size:9px}.resume-alert small,.resume-alert span{font-size:8px}.workflow-date input{color:#405675;border:1px solid #dce5ed;border-radius:6px;height:37px;padding:0 10px}.history-table{overflow:hidden}.category-badge{color:#0879ec;background:#e5f0ff;border-radius:10px;padding:4px 9px;font-weight:700;display:inline-block}.category-badge.unit-tinggal{color:#e78925;background:#fff0dd}.category-badge.po{color:#7655dc;background:#eee8ff}.continue-btn{color:#fff;background:#0879ec;border:0;border-radius:5px;height:27px;padding:0 10px;font-size:8px;font-weight:700}.done-text{color:#0aa66e;align-items:center;gap:4px;font-weight:700;display:flex}.done-text svg{width:12px}.success-banner{color:#0a9d67;background:#effcf5;border:1px solid #a7e5c8;border-radius:8px;align-items:center;gap:9px;margin-bottom:12px;padding:12px 14px;font-size:10px;display:flex}.success-banner>svg{width:18px}.success-banner span{color:#658a7a;margin-left:4px;font-size:8px}.history-actions{white-space:nowrap;align-items:center;gap:4px;display:flex}.history-actions button{color:#0879ec;background:#fff;border:1px solid #dce5ed;border-radius:5px;align-items:center;gap:3px;height:27px;padding:0 7px;font-size:8px;font-weight:700;display:flex}.history-actions button svg{width:12px}.history-actions button:nth-child(2){color:#159a65}.history-actions button:nth-child(3){color:#8058de}.otp-input input{text-align:center;letter-spacing:9px;color:#07355f;font-size:22px;font-weight:800}.account-types{grid-template-columns:1fr 1fr;gap:9px;margin:0 0 22px;display:grid}.account-types>button{color:#6c7d92;text-align:left;background:#fff;border:1px solid #dbe3ed;border-radius:9px;align-items:center;gap:9px;min-height:68px;padding:11px 12px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex}.account-types>button:hover{border-color:#91c8ff;transform:translateY(-1px)}.account-types>button.active{color:#0879ec;background:#eef6ff;border-color:#0879ec;box-shadow:0 0 0 3px #0879ec12}.account-types svg{flex:none;width:21px}.account-types span{flex-direction:column;gap:4px;display:flex}.account-types b{font-size:10px}.account-types small{color:#8291a4;font-size:7px;line-height:1.35}.account-types>button.active small{color:#4f82b4}.account-types>button:first-child b{font-size:0}.account-types>button:first-child b:after{content:"Login Superuser";font-size:10px}.history-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:13px;display:flex}.history-periods{flex-wrap:wrap;gap:5px;display:flex}.history-periods button{color:#60758d;background:#fff;border:1px solid #dce5ed;border-radius:6px;height:34px;padding:0 13px;font-size:9px;font-weight:700}.history-periods button.active{color:#fff;background:#0879ec;border-color:#0879ec}.history-filters>input{color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:6px;height:34px;padding:0 10px;font-size:9px}.history-filters>span{color:#7f8fa3;margin-left:auto;font-size:9px}@media (width<=560px){.history-filters{align-items:stretch}.history-periods{width:100%}.history-periods button{flex:1;padding:0 6px}.history-filters>input{width:100%}.history-filters>span{margin-left:0}}.contact-grid{grid-template-columns:minmax(280px,.75fr) minmax(420px,1.6fr);align-items:start;gap:13px;display:grid}.contact-form,.contact-list{padding:18px}.contact-form form{gap:13px;display:grid}.contact-form form>label{color:#274361;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.contact-form input{color:#405675;border:1px solid #dce5ed;border-radius:6px;outline:0;height:37px;padding:0 10px;font-size:9px}.contact-form-actions{justify-content:flex-end;gap:7px;display:flex}.contact-form-actions .save{justify-content:center}.contact-table{max-height:560px;overflow:auto}.contact-row{border-bottom:1px solid #edf1f5;align-items:center;gap:11px;min-height:66px;padding:10px 2px;display:flex}.contact-row>span{color:#0879ec;background:#e4f0ff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.contact-row>span svg{width:18px}.contact-row>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.contact-row b{font-size:10px}.contact-row small{color:#8190a4;overflow-wrap:anywhere;margin-top:4px;font-size:8px}.contact-row .product-actions{margin-left:auto}@media (width<=850px){.contact-grid{grid-template-columns:1fr}}@media (width<=560px){.contact-form,.contact-list{padding:13px}.contact-row{align-items:flex-start}.contact-row small{line-height:1.5}}@media (width<=1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower{grid-template-columns:1fr}.payment-summary.with-discount{grid-template-columns:repeat(3,minmax(0,1fr))}.method{grid-column:span 2}}@media (width<=850px){.app>aside{overscroll-behavior:contain;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;box-shadow:14px 0 35px #001d3970}.workspace{width:100%;overflow:hidden}.topbar{height:60px}.hamb{border-radius:8px;place-items:center;width:38px;height:38px;margin-right:10px;display:grid}.hamb:hover{background:#eef5fc}.global-search{flex:1;max-width:520px}.page{padding:16px}.attendance-grid,.product-grid,.contact-grid{grid-template-columns:1fr}.attendance-card,.history-card,.product-form,.product-list{padding:16px}.product-list{height:auto;max-height:650px}.transaction-card{padding:16px}.payment-summary.with-discount{grid-template-columns:repeat(2,minmax(0,1fr))}.method{grid-column:1/-1}.date-filter{flex-wrap:wrap}.date-filter input{flex:1;min-width:145px}.table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.table-scroll:after{content:"Geser tabel ke samping →";color:#718299;width:max-content;padding:6px 9px;font-size:8px;display:block;position:sticky;left:12px}}@media (width<=700px){.page-heading{align-items:flex-start;gap:10px}.page-heading h1{margin:8px 0}.page-heading .muted{line-height:1.5;display:block}.transaction-fields{grid-template-columns:1fr;gap:12px}.transaction-fields .wide-field{grid-column:auto}.payment-summary.with-discount{grid-template-columns:1fr 1fr;gap:12px}.metric-grid{gap:9px}.metric{min-height:82px;padding:12px}.metric strong{font-size:15px}.master-grid{grid-template-columns:1fr}.history-actions{flex-wrap:wrap}.success-banner{flex-wrap:wrap;align-items:flex-start}}@media (width<=560px){body{background:#f5f7fb}.topbar{gap:6px;padding:0 10px}.hamb{margin-right:0}.global-search{height:40px;padding:0 10px}.global-search input{min-width:0;font-size:11px}.top-user{gap:2px}.user-avatar{width:34px;height:34px;margin-left:3px}.page{padding:12px 10px 22px}.page-heading{margin-bottom:14px}.page-heading h1{font-size:18px}.muted{font-size:10px}.white-card{border-radius:9px}.metric-grid,.stats-grid{grid-template-columns:1fr}.metric,.service-stat{height:auto;min-height:84px}.dashboard-lower{gap:9px}.payment-card,.refund-card,.transaction-card,.attendance-card,.history-card,.product-form,.product-list,.contact-form,.contact-list{padding:13px}.workflow-tabs{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.workflow-tabs button{width:100%;padding:0 6px}.transaction-fields input,.transaction-fields select,.product-form input,.product-form label select,.contact-form input,.workflow-date input{height:44px;font-size:12px}.transaction-fields label,.product-form label,.contact-form form>label{font-size:11px}.transaction-fields textarea{font-size:12px}.payment-summary.with-discount{grid-template-columns:1fr;padding:12px}.method{grid-column:auto}.method>div{grid-template-columns:repeat(2,1fr);display:grid}.method button{min-height:38px;font-size:10px}.transaction-save{justify-content:center;width:100%;height:44px}.date-filter{width:100%}.date-filter input,.date-filter button{height:40px}.date-filter button{flex:1}.big-search{height:44px}.big-search input{min-width:0;font-size:11px}.history-periods{grid-template-columns:repeat(3,1fr);display:grid}.history-periods button{height:39px}.history-filters>input{height:42px;font-size:12px}.contact-row{gap:8px}.contact-row>span{width:34px;height:34px}.contact-row b{font-size:11px}.contact-row small{font-size:9px}.product-row{flex-wrap:wrap;align-items:flex-start}.product-row>div:nth-child(2){flex:1;min-width:calc(100% - 50px)}.product-row strong{margin-left:44px}.product-actions{margin-left:auto}.location-box{flex-wrap:wrap;align-items:flex-start}.location-box>div{flex:1;min-width:calc(100% - 50px)}.location-box button{justify-content:center;width:100%;height:38px;margin-left:0}.map-box>div{flex-direction:column;align-items:flex-start}.history-row{flex-wrap:wrap;align-items:flex-start}.history-row time{margin-left:48px}table{min-width:760px}th{padding:10px;font-size:8px}td{padding:10px;font-size:8.5px}.table-header{gap:8px;height:auto;min-height:48px;padding:8px 10px}.table-header>div{flex:1}.table-search{width:100%;height:34px}.pagination{padding:0 9px}.auth-panel{padding:24px 18px}.mobile-logo{margin-bottom:28px}.auth-card h2{font-size:25px}.auth-card>p{line-height:1.5}}@media (width<=390px){.global-search input::placeholder{color:#0000}.metric-grid{grid-template-columns:1fr}.history-periods{grid-template-columns:repeat(2,1fr)}.contact-form-actions{flex-direction:column-reverse}.contact-form-actions>*{justify-content:center;width:100%}}.attendance-tabs{gap:7px;margin-bottom:12px;display:flex}.attendance-tabs button{color:#60758d;background:#fff;border:1px solid #d8e2ec;border-radius:7px;height:38px;padding:0 18px;font-size:9px;font-weight:700}.attendance-tabs button.active{color:#fff;background:#0879ec;border-color:#0879ec}.permit-form{text-align:left;gap:13px;display:grid}.permit-form>label{color:#274361;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.permit-form input[type=date],.permit-form textarea{color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:7px;outline:0;width:100%;padding:0 10px}.permit-form input[type=date]{height:40px}.permit-form textarea{resize:vertical;height:110px;padding:10px}.permit-form label>small{color:#8998aa;text-align:right;font-size:7px}.permit-type{color:#0879ec;background:#eef6ff;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.permit-type.sakit{color:#d65555;background:#fff1f1}.permit-type>svg{width:23px}.permit-type>div{flex-direction:column;display:flex}.permit-type b{font-size:10px}.permit-type small{color:#718299;margin-top:3px;font-size:8px}.permit-upload{border:1px dashed #bfd0e1;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;padding:12px;display:grid!important}.permit-upload>svg{color:#0879ec;width:22px}.permit-upload span{flex-direction:column;display:flex}.permit-upload span small{color:#8595a7;margin-top:3px;font-size:7px}.permit-upload input{grid-column:1/-1;margin-top:8px;font-size:8px}.attachment-selected{color:#0a9d67;background:#effbf5;border-radius:6px;align-items:center;gap:6px;padding:9px;font-size:8px;display:flex}.attachment-selected svg{width:14px}.attendance-history>div{flex:1;min-width:0}.attendance-history.permit>span{color:#e58b22;background:#fff0dd}.history-reason{line-height:1.5;color:#314e70!important}.attachment-link{color:#0879ec;overflow-wrap:anywhere;margin-top:5px;font-size:8px;font-weight:700;text-decoration:none}.attachment-link:hover{text-decoration:underline}@media (width<=560px){.attendance-tabs{grid-template-columns:repeat(3,1fr);display:grid}.attendance-tabs button{padding:0 5px}.permit-form>label{font-size:11px}.permit-form input[type=date]{height:44px;font-size:12px}.permit-form textarea{font-size:12px}.permit-upload input{font-size:10px}.attendance-history time{margin-left:0}}.stock-stepper{grid-template-columns:40px 1fr 40px;height:38px;display:grid}.stock-stepper button{color:#0879ec;background:#eef6ff;border:1px solid #dce5ed;font-size:18px;font-weight:800}.stock-stepper button:first-child{border-radius:7px 0 0 7px}.stock-stepper button:last-child{border-radius:0 7px 7px 0}.stock-stepper input{text-align:center;font-weight:700;border-left:0!important;border-right:0!important;border-radius:0!important;height:38px!important}.stock-stepper input::-webkit-inner-spin-button{appearance:none}.stock-stepper button:hover{color:#fff;background:#0879ec}@media (width<=560px){.stock-stepper{height:44px}.stock-stepper input{height:44px!important}.stock-stepper button{font-size:21px}}.purchase-card{padding:18px}.purchase-total{background:#f3f7fb;border-radius:9px;align-items:center;gap:35px;margin-top:18px;padding:14px;display:flex}.purchase-total>span{flex-direction:column;display:flex}.purchase-total small{color:#8190a4;font-size:8px}.purchase-total strong{margin-top:5px;font-size:18px}.purchase-total .save{margin-left:auto}.report-summary{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin-bottom:13px;display:grid}.report-summary>div{background:#fff;border:1px solid #e0e7ef;border-radius:10px;align-items:center;gap:12px;padding:15px;display:flex}.report-summary>div>svg{color:#0879ec;width:26px}.report-summary span{flex-direction:column;display:flex}.report-summary small{color:#8190a4;font-size:8px}.report-summary strong{margin-top:5px;font-size:18px}.range-filter{align-items:center;gap:7px;display:flex}.range-filter input{color:#405675;border:1px solid #dce5ed;border-radius:6px;height:34px;padding:0 9px}.purchase-items{border-top:1px solid #edf1f5;margin-top:16px;padding-top:14px}.purchase-line{border-bottom:1px solid #edf1f5;grid-template-columns:70px repeat(2,minmax(130px,1fr)) 42px;align-items:end;gap:10px;padding:13px 0;display:grid}.purchase-line>b{color:#274361;padding-bottom:12px;font-size:9px}.purchase-line label{color:#274361;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.purchase-line input,.purchase-line select{color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:6px;height:37px;padding:0 9px;font-size:9px}.purchase-line .delete-history{margin-bottom:4px}.purchase-items .card-heading button{align-items:center;gap:5px;display:flex}.purchase-items .card-heading button svg{width:12px}.purchase-line{grid-template-columns:72px minmax(220px,1.45fr) minmax(145px,.9fr) minmax(220px,1.2fr) minmax(130px,.7fr) 42px}.purchase-line input[type=number]{font-variant-numeric:tabular-nums}.purchase-line label:nth-of-type(3) input{min-width:0}.purchase-card>.wide-field{color:#274361;flex-direction:column;gap:7px;margin-top:18px;font-size:9px;font-weight:700;display:flex}.purchase-card>.wide-field textarea{resize:vertical;color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:8px;outline:0;width:100%;min-height:104px;padding:12px 13px;font-size:10px;line-height:1.55}.purchase-card>.wide-field textarea:focus,.purchase-line input:focus,.purchase-line select:focus{border-color:#0879ec;box-shadow:0 0 0 3px #0879ec14}.purchase-card>.wide-field small{color:#9aa7b6;text-align:right;font-size:8px;font-weight:400}.purchase-total>span:first-child{min-width:225px}.purchase-total>span:first-child label{color:#8190a4;flex-direction:column;gap:6px;font-size:8px;display:flex}.purchase-total>span:first-child input{color:#173258;border:1px solid #dce5ed;border-radius:6px;outline:0;width:100%;height:39px;padding:0 10px;font-size:11px;font-weight:700}.purchase-total>span:first-child input:focus{border-color:#0879ec;box-shadow:0 0 0 3px #0879ec14}@media (width<=700px){.purchase-total{flex-direction:column;align-items:stretch;gap:12px}.purchase-total .save{justify-content:center;margin-left:0}.report-summary{grid-template-columns:1fr}.range-filter{flex-wrap:wrap;width:100%}.range-filter input{flex:1;min-width:130px}}@media (width<=560px){.purchase-card{padding:13px}.purchase-total .save{height:44px}.report-summary>div{padding:13px}}@media (width<=850px){.purchase-line{grid-template-columns:1fr 1fr}.purchase-line>b{grid-column:1/-1;padding-bottom:0}.purchase-line .delete-history{justify-self:end}}.quantity-stepper{grid-template-columns:34px minmax(70px,1fr) 34px;height:37px;display:grid}.quantity-stepper button{color:#0879ec;background:#f3f7fb;border:1px solid #dce5ed;font-size:18px;font-weight:700;line-height:1}.quantity-stepper button:first-child{border-radius:6px 0 0 6px}.quantity-stepper button:last-child{border-radius:0 6px 6px 0}.quantity-stepper input{text-align:center;-moz-appearance:textfield;width:100%;border-radius:0!important;padding:0!important}.quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-stepper button:hover{background:#e3f0ff}.purchase-note{color:#274361;margin-top:18px;font-size:9px;font-weight:700;flex-direction:column!important;gap:7px!important;width:100%!important;display:flex!important}.purchase-note textarea{resize:vertical;color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:8px;outline:0;height:120px;min-height:120px;padding:12px 13px;font-size:10px;line-height:1.55;display:block;width:100%!important}.purchase-note textarea:focus{border-color:#0879ec;box-shadow:0 0 0 3px #0879ec14}.purchase-note small{color:#9aa7b6;text-align:right;font-size:8px;font-weight:400}.stock-stepper button:first-child,.quantity-stepper button:first-child{font-size:0}.stock-stepper button:first-child:before,.quantity-stepper button:first-child:before{content:"−";font-size:20px;font-weight:800;line-height:1}.purchase-line{grid-template-columns:72px minmax(220px,1.6fr) minmax(145px,1fr) minmax(180px,1fr) minmax(180px,1fr) 42px;grid-auto-rows:auto;row-gap:10px}.purchase-line label:has(.quantity-stepper){grid-area:2/3}.purchase-line label:has(input[type=number]):not(:has(.quantity-stepper)){grid-area:2/2}.purchase-line>b{grid-row:1/span 2;align-self:center}@media (width<=850px){.top-user .logout{justify-content:center;align-items:center;width:34px;height:34px;margin-left:2px;display:inline-flex}.mobile-user{border-top:1px solid #ffffff2b;justify-content:space-between;align-items:center;margin-top:10px;padding:10px;display:flex}.mobile-user b{font-size:10px}.mobile-user button{color:#fff;background:#e74c5b;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.mobile-user button svg{width:16px}}.top-user>.bell{display:none}@media (width<=850px){.purchase-line{grid-template-columns:1fr 1fr;grid-auto-rows:auto}:is(.purchase-line label:has(.quantity-stepper),.purchase-line label:has(input[type=number]):not(:has(.quantity-stepper))){grid-area:auto}.purchase-line>b{grid-row:auto}}.db-state{z-index:20;text-align:center;border-bottom:1px solid #0000;padding:7px 24px;font-size:12px;font-weight:700;position:sticky;top:64px}.db-state.loading{color:#755700;background:#fff8d8;border-color:#f1dfa0}.db-state.online{color:#087443;background:#e9fbf1;border-color:#b8ebcf}.db-state.error{color:#a52b2b;background:#fff0f0;border-color:#f2c5c5}.range-filter{gap:8px}.range-filter input{width:202px;height:34px;padding:0 9px;font-family:Inter,Arial,sans-serif;line-height:34px;font-size:9px!important}.range-filter span{color:#536983;white-space:nowrap;font-size:9px}@media (width<=560px){.range-filter input{flex:1;width:auto;min-width:0;font-size:11px!important}.range-filter span{font-size:10px}}.purchase-actions{align-items:center;gap:5px;display:flex}.purchase-actions button{color:#0879ec;background:#fff;border:1px solid #dce5ed;border-radius:5px;align-items:center;gap:4px;height:26px;padding:0 7px;font-size:8px;font-weight:700;display:inline-flex}.purchase-actions button svg{width:12px;height:12px}.purchase-actions button.danger{color:#dc5b5b;border-color:#f0d4d4}.purchase-actions button:hover{background:#eef6ff}.purchase-actions button.danger:hover{background:#fff0f0}.purchase-tabs{gap:6px;margin-bottom:13px;display:flex}.purchase-tabs button,.petty-report-filters button{color:#60758d;background:#fff;border:1px solid #dce5ed;border-radius:7px;height:36px;padding:0 16px;font-size:9px;font-weight:700}.purchase-tabs button.active,.petty-report-filters button.active{color:#fff;background:#0879ec;border-color:#0879ec}.purchase-tabs-shell{margin:0 0 13px}.petty-balance{color:#fff;background:linear-gradient(135deg,#08345f,#0879ec);border-radius:10px;flex-direction:column;gap:6px;margin-bottom:13px;padding:18px 20px;display:flex}.petty-balance small{opacity:.8;font-size:9px}.petty-balance strong{font-size:25px}.petty-card{padding:18px}.petty-top{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.petty-top label,.petty-card form>label{color:#274361;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.petty-top input,.petty-top select,.petty-card form>label textarea{color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:6px;height:37px;padding:0 10px;font-size:9px}.petty-items{gap:10px;display:grid}.petty-item{border-bottom:1px solid #edf1f5;grid-template-columns:60px 1.7fr .6fr 1fr 32px;align-items:end;gap:10px;padding:12px 0;display:grid}.petty-item>b{color:#274361;padding-bottom:12px;font-size:9px}.petty-item label{color:#274361;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.petty-item label input{border:1px solid #dce5ed;border-radius:6px;height:37px;padding:0 9px;font-size:9px}.petty-total{color:#8190a4;justify-content:flex-end;align-items:center;gap:12px;padding:16px 0;font-size:9px;display:flex}.petty-total strong{color:#173258;font-size:18px}.petty-card>.save{margin-left:auto}.petty-report{margin-top:14px;padding:15px}.petty-report .card-heading strong{color:#0879ec;font-size:9px}.petty-report-filters button{height:30px;padding:0 11px;font-size:8px}.petty-report-filters input{border:1px solid #dce5ed;border-radius:6px;min-width:220px;height:30px;margin-left:auto;padding:0 9px;font-size:9px}.cash-in{color:#0aa66e}.cash-out{color:#dc5b5b}.report-tabs-page>.page:not(.petty-only) .petty-report{display:none}.db-state{display:none!important}.topbar{position:relative}.topbar:after{content:"";z-index:2;background:#f2b705;border-radius:50%;width:10px;height:10px;position:absolute;top:9px;right:20px;box-shadow:0 0 0 3px #f2b70522}.app:has(.db-state.online) .topbar:after{background:#16a66a;box-shadow:0 0 0 3px #16a66a22}.app:has(.db-state.error) .topbar:after{background:#dc4d5b;box-shadow:0 0 0 3px #dc4d5b22}@media (width<=560px){.topbar:after{width:9px;height:9px;top:7px;right:12px}}.settings-tabs{gap:6px;margin-bottom:14px;display:flex}.settings-tabs button{color:#60758d;background:#fff;border:1px solid #dce5ed;border-radius:7px;height:38px;padding:0 16px;font-size:9px;font-weight:700}.settings-tabs button.active{color:#fff;background:#0879ec;border-color:#0879ec}.settings-card{max-width:700px;padding:20px}.settings-card h3{margin:0 0 16px;font-size:12px}.settings-card form{gap:13px;display:grid}.settings-card form>label{color:#274361;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.settings-card input,.settings-card textarea{color:#405675;border:1px solid #dce5ed;border-radius:6px;outline:0;height:38px;padding:0 10px;font-size:9px}.settings-card textarea{resize:vertical;height:90px;padding:10px}.settings-card .save{width:max-content}.settings-page .success-banner{max-width:700px;margin-bottom:14px}@media (width<=560px){.settings-tabs{grid-template-columns:1fr;display:grid}.settings-tabs button{height:42px}.settings-card{padding:14px}.settings-card .save{justify-content:center;width:100%}}.verification-options{background:#f8fbfe;border:1px solid #dce5ed;border-radius:8px;gap:8px;padding:14px;display:grid}.verification-options>b{color:#173258;font-size:10px}.verification-options>small{color:#8190a4;margin-top:-3px;font-size:8px}.verification-options>label{align-items:center;gap:8px;flex-direction:row!important;font-size:9px!important;font-weight:600!important;display:flex!important}.verification-options input{accent-color:#0879ec;width:15px;height:15px;margin:0}.profile-photo-setting{background:#f8fbfe;border:1px solid #dce5ed;border-radius:10px;align-items:center;gap:16px;padding:14px;display:flex}.profile-photo-preview{color:#0879ec;background:#eaf4fe;border:2px dashed #b8cee2;border-radius:50%;flex:0 0 84px;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.profile-photo-preview svg{width:34px;height:34px}.profile-photo-preview.has-photo{border-style:solid;border-color:#0879ec}.profile-photo-preview img,.user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-photo-setting>div:last-child{flex-direction:column;gap:6px;display:flex}.profile-photo-setting b{font-size:11px}.profile-photo-setting small{color:#8190a4;font-size:8px}.profile-photo-setting span{gap:7px;margin-top:4px;display:flex}.profile-photo-setting button{color:#fff;background:#0879ec;border:1px solid #0879ec;border-radius:7px;align-items:center;gap:5px;height:34px;padding:0 11px;font-size:8px;font-weight:700;display:flex}.profile-photo-setting button svg{width:13px}.profile-photo-setting button.remove-photo{color:#cf4050;background:#fff5f6;border-color:#efc9cd}.user-avatar.has-photo{padding:0;overflow:hidden}@media (width<=560px){.profile-photo-setting{align-items:flex-start}.profile-photo-preview{flex-basis:68px;width:68px;height:68px}.profile-photo-setting span{flex-wrap:wrap}}.notification-center{order:9;position:relative}.top-user .logout{order:10}.notification-center .bell{color:#07558d;background:#eef6ff;border-radius:8px;place-items:center;width:36px;height:36px;margin:0;display:grid!important}.notification-center .bell svg{width:19px;height:19px}.notification-popover{z-index:80;background:#fff;border:1px solid #dce5ed;border-radius:11px;width:390px;max-height:520px;position:absolute;top:44px;right:-8px;overflow:hidden;box-shadow:0 18px 45px #183c6430}.notification-popover header{border-bottom:1px solid #e5ebf1;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.notification-popover header span{flex-direction:column;gap:2px;display:flex}.notification-popover header b{font-size:11px}.notification-popover header small{color:#8190a4;font-size:7px}.notification-popover header button{color:#536983;background:#f7fafc;border:1px solid #dce5ed;border-radius:6px;padding:6px 8px;font-size:7px;font-weight:700}.notification-popover>div{max-height:440px;overflow:auto}.notification-popover article{border-bottom:1px solid #edf1f5;gap:9px;padding:11px 13px;display:flex}.notification-popover article>svg{color:#0879ec;flex:none;width:17px}.notification-popover article.reminder{background:#fff8e7}.notification-popover article.reminder>svg{color:#e38b14}.notification-popover article span{flex-direction:column;gap:3px;min-width:0;display:flex}.notification-popover article b{font-size:9px}.notification-popover article small,.notification-popover article time{color:#74869a;font-size:7px;line-height:1.35}.notification-popover>div>p{text-align:center;color:#8190a4;padding:24px;font-size:9px}.badge.terminal{color:#cf4050;background:#ffebed}.history-actions .cancel-pending,.history-actions .fail-pending{color:#cf4050;border-color:#efc9cd}.history-actions .fail-pending{color:#fff;background:#cf4050}.transaction-fields label select{color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:6px;height:38px;padding:0 9px}@media (width<=560px){.notification-popover{width:auto;max-height:calc(100vh - 75px);position:fixed;top:58px;left:10px;right:10px}}.phone-field>div{grid-template-columns:28px 72px 1fr;align-items:center;display:grid}.phone-field>div input{border-radius:0!important;height:38px!important}.phone-field>div input:last-child{border-radius:0 6px 6px 0!important}.country-prefix{color:#405675;background:#f7f9fb;border:1px solid #dce5ed;border-right:0;border-radius:6px 0 0 6px;place-items:center;height:38px;font-size:10px;display:grid}.country-code{text-align:center;border-left:0!important;border-right:0!important;padding:0 5px!important}.phone-field>div:focus-within .country-prefix,.phone-field>div:focus-within input{border-color:#0879ec}.petty-summary-cards{grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;margin:0 0 14px;display:grid}.petty-summary-cards>div{background:#fff;border:1px solid #e0e7ef;border-radius:10px;align-items:center;gap:14px;min-height:84px;padding:15px 22px;display:flex;box-shadow:0 3px 8px #0b31520a}.petty-summary-cards>div>svg{color:#0879ec;flex:none;width:27px;height:27px}.petty-summary-cards span{flex-direction:column;gap:5px;display:flex}.petty-summary-cards small{color:#8190a4;font-size:8px}.petty-summary-cards strong{color:#10264b;font-size:18px}.petty-only .petty-summary-cards{width:100%}@media (width<=700px){.petty-summary-cards{grid-template-columns:1fr}.petty-summary-cards>div{min-height:78px}}.petty-report .card-heading>strong{display:none}@media (width<=700px){.petty-top{grid-template-columns:1fr}.petty-item{grid-template-columns:1fr 1fr}.petty-item>b{grid-column:1/-1;padding-bottom:0}.petty-report-filters input{width:100%;min-width:0;margin-left:0}}.petty-report-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.petty-filter-types{flex-wrap:wrap;gap:6px;display:flex}.petty-date-filters{align-items:end;gap:7px;margin-left:auto;display:flex}.petty-date-filters label{color:#536983;flex-direction:column;gap:4px;font-size:8px;font-weight:700;display:flex}.petty-date-filters input{border:1px solid #dce5ed;border-radius:6px;min-width:140px;height:30px;padding:0 9px}.petty-date-filters span{color:#8190a4;padding-bottom:8px;font-size:8px}.petty-report-filters>input{min-width:220px;height:30px}.petty-periods{flex-wrap:wrap;gap:6px;width:100%;margin-bottom:8px;display:flex}.petty-periods button{color:#60758d;background:#fff;border:1px solid #dce5ed;border-radius:7px;height:34px;padding:0 14px;font-size:9px;font-weight:700}.petty-periods button.active{color:#fff;background:#0879ec;border-color:#0879ec}.petty-report-filters>.petty-filter-types{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.petty-report-filters>.petty-filter-types input{margin-left:auto}.history-filters,.petty-report-filters{background:#fff;border:1px solid #dfe7f0;border-radius:10px;align-items:flex-end;gap:12px;margin:0 0 14px;padding:42px 16px 16px;display:flex;position:relative;box-shadow:0 4px 14px #1732580a}.history-filters:before,.petty-report-filters:before{content:"Filter Tanggal";color:#173258;border-bottom:1px solid #e8edf3;align-items:center;height:34px;padding:0 16px;font-size:10px;font-weight:800;display:flex;position:absolute;top:0;left:0;right:0}.history-periods,.petty-periods{flex-wrap:wrap;align-items:center;gap:6px;width:auto;margin:0;padding:0;display:flex}.history-periods button,.petty-periods button{color:#4f6178;background:#fff;border:1px solid #dce5ed;border-radius:7px;height:38px;padding:0 16px;font-size:9px;font-weight:700;transition:all .18s}.history-periods button:hover,.petty-periods button:hover{background:#f5faff;border-color:#8fc5fb}.history-periods button.active,.petty-periods button.active{color:#fff;background:#0879ec;border-color:#0879ec;box-shadow:0 6px 14px #0879ec28}.history-filters>input,.petty-report-filters>input[type=date],.history-filters .range-filter input,.petty-report-filters .range-filter input{color:#30465f;background:#fff;border:1px solid #d6e0ea;border-radius:7px;outline:0;width:175px;height:38px;margin:0;padding:0 11px;font:600 9px Inter,Arial,sans-serif}.history-filters>input:focus,.petty-report-filters>input[type=date]:focus,.history-filters .range-filter input:focus,.petty-report-filters .range-filter input:focus{border-color:#0879ec;box-shadow:0 0 0 3px #0879ec14}.history-filters .range-filter,.petty-report-filters .range-filter{border-left:1px solid #e5ebf1;align-items:center;gap:9px;padding-left:12px;display:flex}.history-filters .range-filter span,.petty-report-filters .range-filter span{color:#7e8da0;font-size:9px}.history-filters>span{color:#7f8fa3;white-space:nowrap;margin-left:auto;padding-bottom:11px;font-size:9px}.petty-report-filters>.petty-filter-types{border-top:1px solid #edf1f5;align-items:center;gap:6px;width:100%;padding-top:12px;display:flex}.petty-report-filters>.petty-filter-types input{border:1px solid #d6e0ea;border-radius:7px;width:min(280px,100%);height:38px;margin-left:auto;padding:0 11px;font-size:9px}@media (width<=900px){.history-filters,.petty-report-filters{align-items:stretch}.history-periods,.petty-periods{width:100%}.history-filters .range-filter,.petty-report-filters .range-filter{border-top:1px solid #edf1f5;border-left:0;width:100%;padding:10px 0 0}.history-filters .range-filter input,.petty-report-filters .range-filter input{flex:1;width:auto}.history-filters>span{margin-left:0;padding:10px 0 0}}@media (width<=560px){.history-filters,.petty-report-filters{gap:9px;padding:44px 12px 12px}.history-periods,.petty-periods{grid-template-columns:repeat(3,1fr);display:grid}.history-periods button,.petty-periods button{height:42px;padding:0 5px}.history-filters>input,.petty-report-filters>input[type=date]{width:100%;height:42px;font-size:11px}.history-filters .range-filter,.petty-report-filters .range-filter{grid-template-columns:1fr auto 1fr;display:grid}.history-filters .range-filter input,.petty-report-filters .range-filter input{width:100%;min-width:0;height:42px;font-size:11px!important}.petty-report-filters>.petty-filter-types{grid-template-columns:1fr 1fr;display:grid}.petty-report-filters>.petty-filter-types button:first-child{grid-column:1/-1}.petty-report-filters>.petty-filter-types input{grid-column:1/-1;width:100%;height:42px;margin:0;font-size:11px}}.history-filters,.petty-report-filters{min-height:52px;box-shadow:none;background:#f7f9fc;border:1px solid #dde6ef;border-radius:9px;align-items:center;gap:8px;padding:7px 9px;position:relative}.history-filters:before,.petty-report-filters:before{content:"Periode";color:#6f8095;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap;border:0;width:auto;height:auto;padding:0 8px 0 4px;font-size:8px;font-weight:800;position:static}.history-periods,.petty-periods{background:#fff;border:1px solid #d7e1eb;border-radius:7px;gap:0;width:auto;overflow:hidden}.history-periods button,.petty-periods button{height:36px;box-shadow:none;border:0;border-right:1px solid #e2e8ef;border-radius:0;margin:0;padding:0 14px}.history-periods button:last-child,.petty-periods button:last-child{border-right:0}.history-periods button.active,.petty-periods button.active{color:#fff;background:#0879ec;box-shadow:inset 0 -2px #0065ce}.history-filters>input,.petty-report-filters>input[type=date],.history-filters .range-filter input,.petty-report-filters .range-filter input{background:#fff;height:36px}.history-filters .range-filter,.petty-report-filters .range-filter{border-left:1px solid #dce4ec;padding-left:8px}.history-filters>span{margin-left:auto;padding:0 7px}.petty-report-filters>.petty-filter-types{border-top:1px solid #e1e8ef;width:100%;min-height:45px;padding:7px 0 0 64px;position:relative}.petty-report-filters>.petty-filter-types:before{content:"Jenis";color:#6f8095;text-transform:uppercase;letter-spacing:.55px;font-size:8px;font-weight:800;position:absolute;left:4px}.petty-report-filters>.petty-filter-types button{background:#fff;height:34px;padding:0 13px}.petty-report-filters>.petty-filter-types button.active{color:#fff;background:#0879ec}.petty-report-filters>.petty-filter-types input{background:#fff;height:34px}@media (width<=700px){.history-filters,.petty-report-filters{align-items:stretch;padding:9px}.history-filters:before,.petty-report-filters:before{padding:5px 2px 0}.history-periods,.petty-periods{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.history-periods button,.petty-periods button{padding:0 5px}.history-filters .range-filter,.petty-report-filters .range-filter{border-left:0;padding:8px 0 0}.history-filters>input,.petty-report-filters>input[type=date]{width:100%}.petty-report-filters>.petty-filter-types{grid-template-columns:repeat(2,1fr);padding:34px 0 0;display:grid}.petty-report-filters>.petty-filter-types:before{top:12px}.petty-report-filters>.petty-filter-types button:first-of-type{grid-column:1/-1}.petty-report-filters>.petty-filter-types input{grid-column:1/-1;width:100%;margin:0}}.app nav button>svg:last-child.rotated{transform:rotate(180deg)}@media (width>=851px){.app>aside{width:252px;height:100dvh;min-height:100dvh;max-height:100dvh;position:fixed!important;inset:0 auto 0 0!important}.app>aside.collapsed{width:68px;padding-left:8px;padding-right:8px}.app>aside.collapsed .side-logo{height:46px;padding:0}.app>aside.collapsed .side-logo .logo{display:none}.app>aside.collapsed .side-logo .sidebar-collapse{top:5px;right:-21px}.app>aside.collapsed nav button{justify-content:center;gap:0;padding:0}.app>aside.collapsed nav button>span,.app>aside.collapsed nav button>svg:last-child,.app>aside.collapsed .nav-submenu,.app>aside.collapsed .sidebar-credit,.app>aside.collapsed .mobile-user,.app>aside.collapsed .return-owner{display:none}.app>aside.collapsed nav button>svg:first-child{width:20px;height:20px}.app>aside.collapsed .sidebar-bottom{padding:0}}.app>aside .side-logo{flex:none}.app>aside>nav{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;flex:1 1 0;height:0;min-height:0;padding:2px 3px 24px 0;overflow:hidden auto}.app>aside>nav::-webkit-scrollbar{width:0;height:0;display:none}.app>aside>nav::-webkit-scrollbar-button{width:0;height:0;display:none}.nav-submenu{box-sizing:border-box;border-left:1px solid #3c6d97;gap:3px;width:100%;min-width:0;margin:1px 0 4px;padding-left:30px;padding-right:3px;display:grid}.app nav .nav-submenu button{color:#bcd2e7;box-sizing:border-box;background:#062b50;width:100%;height:38px;min-height:38px;padding:0 11px;font-size:9px}.app nav .nav-submenu button span{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.35}.app nav .nav-submenu button.active{color:#fff;box-shadow:none;background:#0b5f9f}.app nav .nav-submenu button svg{width:14px}.nav-submenu.nested{border-left-color:#5a87ad;width:calc(100% - 18px);margin-left:18px}.app nav .nav-submenu.nested button{height:38px;min-height:38px;font-size:9px;font-weight:600}.app nav .nav-submenu.nested button span{font-size:9px;line-height:1.35}.sidebar-bottom{z-index:2;background:var(--theme-sidebar,#082e58);flex:none;margin-top:0;padding-top:8px;position:relative}.sidebar-credit{text-align:center;flex-direction:column;align-items:center;gap:3px;padding:10px 8px 0;display:flex;position:relative}.sidebar-credit:before{content:"";background:linear-gradient(90deg,#0000,#40a9ff99,#0000);height:1px;position:absolute;top:0;left:10px;right:10px}.sidebar-credit small{color:#8eacca;letter-spacing:1.5px;font-size:7px;font-weight:700}.sidebar-credit span{color:#dceaf7;letter-spacing:.2px;font-size:8px}.sidebar-credit strong{background:linear-gradient(90deg,#63c3ff,#9ce7ff);color:#0000;text-shadow:0 0 16px #3caef755;-webkit-background-clip:text;background-clip:text;font-weight:800}.server-filter-bar{color:#fff;background:linear-gradient(115deg,#062f59,#075b91);border:1px solid #d7e4f0;border-radius:12px;align-items:center;gap:18px;min-height:68px;margin-bottom:15px;padding:12px 15px;display:flex;box-shadow:0 10px 24px #0a3b671f}.server-filter-bar>div{align-items:center;gap:10px;min-width:190px;display:flex}.server-filter-bar>div>svg{color:#63c3ff;width:28px;height:28px}.server-filter-bar>div span{flex-direction:column;gap:4px;display:flex}.server-filter-bar>div small{letter-spacing:1.4px;color:#a9cbe6;font-size:7px}.server-filter-bar>div b{font-size:13px}.server-filter-bar label{align-items:center;gap:9px;margin-left:auto;font-size:9px;font-weight:700;display:flex}.server-filter-bar select{color:#173258;background:#fff;border:1px solid #ffffff38;border-radius:8px;min-width:220px;height:38px;padding:0 12px;font-size:10px;font-weight:700}.server-filter-bar>small{color:#b9d7ec;font-size:8px}.database-alert{max-width:100%;margin-bottom:13px}.database-create{margin-bottom:14px;padding:18px}.database-create form{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;display:grid}.database-create form>label,.account-create>label{color:#274361;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.database-create input,.account-create input,.account-create select{color:#304d6d;background:#fff;border:1px solid #d7e2ed;border-radius:7px;outline:0;height:40px;padding:0 11px}.database-create .save{white-space:nowrap;height:40px}.database-layout{grid-template-columns:minmax(260px,.75fr) minmax(420px,1.45fr);gap:14px;display:grid}.server-list,.account-manager{padding:16px}.server-list{flex-direction:column;gap:7px;display:flex}.server-list .card-heading{margin-bottom:5px}.server-list>button{color:#405675;text-align:left;background:#f8fafc;border:1px solid #dce5ed;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px;display:flex}.server-list>button>svg:first-child{color:#6f89a3;width:22px}.server-list>button>svg:last-child{width:13px;margin-left:auto;transform:rotate(-90deg)}.server-list>button span{flex-direction:column;gap:3px;display:flex}.server-list>button b{color:#173258;font-size:10px}.server-list>button small{color:#8190a4;font-size:8px}.server-list>button.active{background:linear-gradient(90deg,#eaf5ff,#f8fbff);border-color:#1685ee;box-shadow:inset 3px 0 #0879ec}.server-list>button.active>svg:first-child{color:#0879ec}.account-list{gap:7px;margin:6px 0 18px;display:grid}.account-list>div{border:1px solid #e2e8ef;border-radius:8px;align-items:center;gap:10px;padding:9px;display:flex}.account-list>div>span{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.account-list>div>span svg{width:17px}.account-list .super{color:#0879ec;background:#e6f2ff}.account-list .admin{color:#0b9d68;background:#e7f8ef}.account-list>div>div{flex-direction:column;gap:3px;display:flex}.account-list b{font-size:10px}.account-list small{color:#8190a4;font-size:8px}.account-create{border-top:1px solid #e6ebf1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;padding-top:18px;display:grid}.account-create h4{grid-column:1/-1;margin:0 0 2px;font-size:12px}.account-create .permission-create{background:#f8fbfe;border:1px solid #dce7f1;border-radius:10px;grid-column:1/-1;margin-top:4px;padding:16px 18px}.permission-create>b,.permission-create>small{display:block}.permission-create>b{margin-bottom:4px;font-size:12px}.permission-create .permission-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px;margin:14px 0 0;padding-top:14px}.permission-create .permission-grid label{min-height:24px;font-size:9px;line-height:1.3}.permission-create .permission-grid input{flex:none;width:16px;height:16px}.account-create .save{white-space:nowrap;grid-column:1/-1;justify-self:start;min-width:190px;height:42px}@media (width<=900px){.database-create form,.account-create{grid-template-columns:1fr 1fr}.permission-create .permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.database-create .save,.account-create .save{justify-content:center;width:100%}.database-layout{grid-template-columns:1fr}.server-filter-bar{flex-wrap:wrap;align-items:stretch}.server-filter-bar label{justify-content:space-between;width:100%;margin-left:0}.server-filter-bar select{flex:1;min-width:0}}@media (width<=680px){.permission-create .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.database-create form,.account-create{grid-template-columns:1fr}.database-create,.server-list,.account-manager,.account-create .permission-create{padding:13px}.permission-create .permission-grid{grid-template-columns:1fr}.server-filter-bar>div{min-width:0}.server-filter-bar label{grid-template-columns:1fr;display:grid}.server-filter-bar select{width:100%}.app .server-filter-bar .searchable-combobox{width:100%;min-width:0;max-width:none}.app .server-filter-bar .searchable-combobox>input{font-size:16px!important}}.permission-accounts{gap:12px}.permission-account{background:#fbfdff;border:1px solid #dfe7f0;border-radius:9px;padding:11px}.account-summary{align-items:center;gap:9px;display:flex}.account-summary>div{flex-direction:column;gap:3px;min-width:0;display:flex}.account-summary b{font-size:10px}.account-summary small{color:#8190a4;font-size:8px}.account-buttons{align-items:center;gap:6px;margin-left:auto;display:flex}.login-user{color:#fff;background:#0879ec;border:0;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.login-user svg{width:13px}.delete-account{color:#cf4050;background:#fff5f6;border:1px solid #f0c9ce;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.delete-account svg{width:13px}.server-heading-actions{align-items:center;gap:9px;display:flex}.delete-server{color:#cb3d4d;background:#fff4f5;border:1px solid #efc7cc;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.delete-server svg{width:13px}.permission-grid{border-top:1px solid #e8eef4;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin:12px 0 0 43px;padding-top:10px;display:grid}.permission-grid label{color:#526b84;align-items:center;gap:6px;font-size:8px;font-weight:600;display:flex}.permission-grid input{accent-color:#0879ec;width:14px;height:14px}.return-owner,.return-owner-top{color:#fff;background:#0b568b;border:1px solid #7bc5ff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:8px;font-weight:700;display:flex}.return-owner{width:calc(100% - 12px);margin:10px 6px}.return-owner svg,.return-owner-top svg{width:14px}.return-owner-top{color:#0879ec;background:#eaf5ff;border-color:#b8dcff;padding:6px 9px}.top-user .return-owner-top+.bell{margin-left:3px}@media (width<=850px){.return-owner-top{padding:7px;font-size:0}.return-owner-top svg{width:16px}}@media (width<=560px){.permission-grid{grid-template-columns:1fr;margin-left:0}.account-buttons{gap:4px}.login-user,.delete-account{justify-content:center;width:32px;padding:0;font-size:0}.login-user svg,.delete-account svg{width:15px}}.pending-heading{padding-bottom:0}.pending-tabs{gap:6px;margin-top:5px;display:flex}.pending-tabs button{color:#60758d;background:#fff;border:1px solid #dce5ed;border-radius:7px;height:38px;padding:0 18px;font-size:9px;font-weight:700}.pending-tabs button.active{color:#fff;background:#0879ec;border-color:#0879ec}.pending-page>.page:nth-child(2){padding-top:10px}.pending-page>.page:nth-child(2)>.page-heading{display:none}@media (width<=560px){.pending-tabs{grid-template-columns:1fr 1fr;display:grid}.pending-tabs button{height:42px}}.page:has(.workflow-tabs)>.success-banner{z-index:80;color:#087749;background:#edfff5;border:1px solid #9fe0bf;border-radius:12px;width:min(390px,100vw - 28px);min-height:58px;margin:0;padding:12px 16px;animation:.24s ease-out transaction-toast-in;position:fixed;top:72px;right:22px;box-shadow:0 14px 34px #0b59352b}.page:has(.workflow-tabs)>.success-banner>svg{flex:none}.page:has(.workflow-tabs)>.success-banner>span{color:#4f7564;font-size:9px}@keyframes transaction-toast-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:none}}@media (width<=560px){.page:has(.workflow-tabs)>.success-banner{width:calc(100vw - 20px);top:66px;right:10px}}.history-actions button.danger{color:#cf3f4d;background:#fff7f7;border-color:#f1cccc}.history-actions button.danger:hover{color:#fff;background:#dc4d5b;border-color:#dc4d5b}.app{color:var(--theme-text);background:var(--theme-bg)}.app>aside{background:linear-gradient(180deg,var(--theme-sidebar),color-mix(in srgb,var(--theme-sidebar) 78%,var(--theme-primary)),color-mix(in srgb,var(--theme-sidebar) 88%,#000))}.app .workspace{background:var(--theme-bg);color:var(--theme-text)}.app .topbar,.app .white-card,.app .metric,.app .settings-card,.app .database-create,.app .server-list,.app .account-manager{background:var(--theme-surface)}.app .logo>span b{color:var(--theme-logo-accent)}.app nav button.active,.app .save,.app .primary,.app .date-filter button,.app .attendance-tabs button.active,.app .workflow-tabs button.active,.app .settings-tabs button.active,.app .continue-btn,.app .master-add button,.app .login-user{background:var(--theme-primary);border-color:var(--theme-primary)}.app nav button:hover{background:color-mix(in srgb,var(--theme-primary) 42%,var(--theme-sidebar))}.app nav .nav-submenu button{background:color-mix(in srgb,var(--theme-sidebar) 78%,#000);color:color-mix(in srgb,#fff 78%,var(--theme-primary))}.app nav .nav-submenu button:hover,.app nav .nav-submenu button.active{background:color-mix(in srgb,var(--theme-primary) 72%,var(--theme-sidebar));color:#fff}.app h1,.app h2,.app h3,.app h4,.app strong,.app b{color:var(--theme-text)}.app .muted,.app small,.app .card-heading span{color:var(--theme-muted)}.app input,.app select,.app textarea{color:var(--theme-text);background:var(--theme-surface)}.app input:focus,.app select:focus,.app textarea:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 16%,transparent)}.service-note-layout{grid-template-columns:minmax(560px,1fr) minmax(480px,1fr);align-items:start;gap:16px;display:grid}.service-note-editor{padding:19px}.service-note-grid,.service-note-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.service-note-grid label,.service-note-labels label,.service-note-texts label{flex-direction:column;gap:6px;font-size:8px;font-weight:700;display:flex}.service-note-grid input,.service-note-grid select,.service-note-labels input,.service-note-texts textarea{background:#fff;border:1px solid #dce5ed;border-radius:7px;padding:9px;font-size:9px}.service-note-texts{grid-template-columns:1fr 1fr;gap:11px;margin:16px 0;display:grid}.service-note-texts label:nth-child(2){grid-row:span 2}.service-note-texts textarea{resize:vertical;min-height:85px}.service-note-texts label:nth-child(2) textarea{height:100%}.service-note-labels{border-top:1px solid #edf1f5;padding-top:15px}.service-note-toggles{background:#f6f9fc;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;padding:12px;display:grid}.service-note-toggles label{align-items:center;gap:6px;font-size:8px;display:flex}.service-note-preview-wrap{background:#dce3e9;border-radius:12px;min-height:720px;padding:22px;overflow:auto}.service-note-preview{color:#172b4d;background:#fff;margin:auto;padding:28px;line-height:1.45;box-shadow:0 12px 34px #172b4d24}.service-note-preview.a4{width:560px;min-height:790px}.service-note-preview.a5{width:420px;min-height:590px}.service-note-preview header{border-bottom:3px solid var(--note-accent);justify-content:space-between;gap:20px;padding-bottom:14px;display:flex}.service-note-preview header>div{flex-direction:column;display:flex}.service-note-preview header h1,.service-note-preview header h2{color:var(--note-accent);margin:0}.service-note-preview header h1{font-size:1.45em}.service-note-preview header h2{font-size:1.65em}.service-note-preview header>div:last-child{text-align:right}.service-note-preview header small{margin-top:4px}.note-intro{background:color-mix(in srgb,var(--note-accent) 8%,#fff);border-left:3px solid var(--note-accent);margin:13px 0;padding:9px}.note-info{grid-template-columns:1fr 1fr;gap:20px;display:grid}.note-info p{flex-direction:column;margin:8px 0;display:flex}.service-note-preview table{border-collapse:collapse;width:100%;margin:14px 0}.service-note-preview th{background:var(--note-accent);color:#fff}.service-note-preview th,.service-note-preview td{text-align:left;border:1px solid #dce5ed;padding:8px}.note-block,.note-terms{border:1px solid #dce5ed;margin:12px 0;padding:10px}.note-total{background:#f4f8fb;justify-content:space-between;padding:12px;font-size:1.2em;display:flex}.note-total strong{color:var(--note-accent)}.note-signatures{text-align:center;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px;display:grid}.note-signatures span{border-bottom:1px solid #333;height:45px;display:block}.service-note-preview footer{text-align:center;border-top:1px solid #dce5ed;margin-top:25px;padding-top:10px}@media (width<=1180px){.service-note-layout{grid-template-columns:1fr}.service-note-preview-wrap{min-height:auto}}@media (width<=650px){.service-note-grid,.service-note-labels,.service-note-texts,.service-note-toggles{grid-template-columns:1fr}.service-note-preview-wrap{padding:10px}.service-note-preview.a4,.service-note-preview.a5{width:520px}.service-note-layout{display:block}.service-note-preview-wrap{margin-top:14px}}.receipt-settings-layout{grid-template-columns:minmax(420px,1fr) minmax(300px,.8fr);align-items:start;gap:15px;display:grid}.receipt-editor{padding:18px}.receipt-editor>label,.receipt-two label{flex-direction:column;gap:6px;margin-bottom:10px;font-size:9px;font-weight:700;display:flex}.receipt-editor input,.receipt-editor select,.receipt-editor textarea{background:#fff;border:1px solid #dce5ed;border-radius:7px;padding:9px;font-size:9px}.receipt-editor textarea{resize:vertical;min-height:70px}.receipt-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.receipt-checks{background:#f6f9fc;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding:12px;display:grid}.receipt-checks label{align-items:center;gap:6px;font-size:8px;display:flex}.receipt-preview-wrap{background:#dde4ea;border-radius:12px;justify-content:center;min-height:520px;padding:22px;display:flex}.receipt-preview{color:#111;background:#fff;padding:18px;line-height:1.45;transition:all .2s;box-shadow:0 10px 30px #172b4d22}.receipt-preview h2{margin:0}.receipt-preview hr{border:0;border-top:1px dashed #333;margin:9px 0}.receipt-preview-line,.receipt-preview-total{justify-content:space-between;gap:10px;margin:5px 0;display:flex}.receipt-preview-total{font-size:1.2em;font-weight:800}.receipt-preview p{white-space:pre-wrap}.receipt-preview small{margin-top:10px;display:block}.cashier-checkout-actions{grid-template-columns:.7fr 1.3fr;gap:8px;margin-top:13px;display:grid}.cashier-checkout-actions button{justify-content:center;width:100%;height:42px}.cashier-checkout-actions .save{margin:0}@media (width<=900px){.receipt-settings-layout{grid-template-columns:1fr}}@media (width<=560px){.receipt-two,.receipt-checks{grid-template-columns:1fr}.receipt-preview-wrap{justify-content:flex-start;overflow:auto}.cashier-checkout-actions{grid-template-columns:1fr}}.theme-preset-section{background:var(--theme-surface);border:1px solid #dce5ed;border-radius:11px;margin-bottom:15px;padding:17px;box-shadow:0 8px 20px #1732580a}.theme-preset-section .card-heading>span{flex-direction:column;gap:4px;display:flex}.theme-preset-section .card-heading h3{margin:0;font-size:12px}.theme-preset-section .card-heading small{font-size:8px;font-weight:400}.theme-preset-section .card-heading>b{background:color-mix(in srgb,var(--theme-primary) 10%,#fff);color:var(--theme-primary);border-radius:6px;padding:6px 9px;font-size:8px}.theme-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.theme-presets>button{background:var(--theme-surface);min-height:134px;color:var(--theme-text);text-align:left;border:1px solid #dce5ed;border-radius:9px;flex-direction:column;align-items:flex-start;gap:7px;padding:12px;transition:all .18s;display:flex}.theme-presets>button:hover{border-color:var(--theme-primary);box-shadow:0 8px 18px color-mix(in srgb,var(--theme-primary) 15%,transparent);transform:translateY(-2px)}.theme-presets>button.selected{border:2px solid var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 5%,var(--theme-surface));padding:11px}.preset-swatches{border-radius:6px;width:100%;height:25px;display:flex;overflow:hidden}.preset-swatches i{flex:1;height:100%}.theme-presets strong{font-size:9px}.theme-presets small{color:var(--theme-muted);font-size:7px;line-height:1.45}.theme-presets em{color:var(--theme-primary);margin-top:auto;font-size:7px;font-style:normal;font-weight:800}@media (width<=1200px){.theme-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.theme-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.theme-presets{grid-template-columns:1fr}.theme-presets>button{min-height:112px}}.theme-layout{grid-template-columns:minmax(420px,.9fr) minmax(360px,1.1fr);align-items:start;gap:15px;display:grid}.theme-editor{padding:19px}.theme-color-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.theme-color-grid>label,.theme-logo-fields label{color:var(--theme-text);flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.theme-color-grid>label>div{grid-template-columns:42px 1fr;gap:7px;display:grid}.theme-color-grid input[type=color]{border:1px solid #dce5ed;border-radius:7px;width:42px;height:38px;padding:2px}.theme-color-grid input:not([type=color]),.theme-logo-fields input{border:1px solid #dce5ed;border-radius:7px;height:38px;padding:0 10px}.theme-logo-fields{border-top:1px solid #e4eaf0;margin-top:20px;padding-top:17px}.theme-logo-fields h3{margin:0 0 12px;font-size:11px}.theme-logo-fields>div{grid-template-columns:1fr 1fr;gap:11px;display:grid}.theme-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.theme-reset{background:var(--theme-surface);height:38px;color:var(--theme-text);border:1px solid #dce5ed;border-radius:7px;align-items:center;gap:6px;padding:0 13px;font-size:9px;font-weight:700;display:flex}.theme-reset svg{width:14px}.theme-preview{background:var(--theme-bg);border:1px solid color-mix(in srgb,var(--theme-primary) 20%,#dce5ed);border-radius:13px;grid-template-columns:155px 1fr;min-height:390px;display:grid;overflow:hidden;box-shadow:0 15px 35px #17325818}.theme-preview-sidebar{background:linear-gradient(180deg,var(--theme-sidebar),color-mix(in srgb,var(--theme-sidebar) 82%,#000));flex-direction:column;gap:7px;padding:16px 10px;display:flex}.theme-preview-sidebar .logo>span{border-radius:8px;margin-bottom:12px;padding:8px;font-size:12px}.theme-preview-sidebar>span{color:#dce9f5;border-radius:6px;align-items:center;gap:8px;height:35px;padding:0 10px;font-size:8px;font-weight:700;display:flex}.theme-preview-sidebar>span svg{width:14px}.theme-preview-sidebar>span.active{background:var(--theme-primary);color:#fff}.theme-preview-content{color:var(--theme-text);padding:0 15px 15px}.theme-preview-top{background:var(--theme-surface);align-items:center;height:49px;margin:0 -15px 15px;padding:0 15px;font-size:9px;font-weight:700;display:flex}.theme-preview-card{background:var(--theme-surface);border:1px solid color-mix(in srgb,var(--theme-primary) 14%,#dce5ed);border-radius:9px;padding:16px}.theme-preview-card small{color:var(--theme-muted)}.theme-preview-card h3{margin:7px 0 15px}.theme-preview-card button{background:var(--theme-primary);color:#fff;border:0;border-radius:6px;height:34px;padding:0 13px;font-size:8px;font-weight:700}.theme-preview-submenu{border-left:3px solid var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 10%,var(--theme-surface));margin-top:12px;padding:11px;font-size:8px;font-weight:700}@media (width<=900px){.theme-layout{grid-template-columns:1fr}}@media (width<=560px){.theme-color-grid,.theme-logo-fields>div{grid-template-columns:1fr}.theme-preview{grid-template-columns:115px 1fr;min-height:330px}.theme-preview-sidebar{padding:12px 7px}.theme-actions{grid-template-columns:1fr 1fr;display:grid}.theme-actions button{justify-content:center;width:100%}}.service-product-items{border-top:1px solid #e7edf3;margin-top:15px;padding-top:14px}.service-product-items .card-heading button{align-items:center;gap:5px;display:flex}.service-product-items .card-heading button svg{width:13px}.service-product-line{border-bottom:1px solid #edf1f5;grid-template-columns:65px minmax(220px,1fr) 100px 130px 36px;align-items:end;gap:10px;padding:10px 0;display:grid}.service-product-line>b{color:#274361;padding-bottom:11px;font-size:9px}.service-product-line label{color:#274361;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.service-product-line select,.service-product-line input{color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:6px;height:37px;padding:0 9px;font-size:9px}.service-item-total{background:#eef7ff;border-radius:6px;flex-direction:column;justify-content:center;gap:3px;height:37px;padding:0 9px;display:flex}.service-item-total small{color:#7b8ca0;font-size:7px}.service-item-total strong{color:#0879ec;font-size:9px}.service-product-line .delete-history{height:37px;margin:0}@media (width<=850px){.service-product-line{grid-template-columns:1fr 110px}.service-product-line>b{grid-column:1/-1;padding-bottom:0}.service-item-total{grid-column:1}.service-product-line .delete-history{grid-area:3/2}}@media (width<=560px){.service-product-line{grid-template-columns:1fr}.service-item-total,.service-product-line .delete-history{grid-area:auto}.service-product-line .delete-history{width:100%}}.split-payment{border-top:1px solid #e6edf3;margin-top:12px;padding-top:12px}.split-payment-heading{justify-content:space-between;align-items:start;gap:10px;margin-bottom:8px;display:flex}.split-payment-heading span{flex-direction:column;gap:4px;display:flex}.split-payment-heading b{color:#173258;font-size:9px}.split-payment-heading small{color:#8190a4;font-size:7px}.split-payment-heading button{color:#0879ec;background:#eef8ff;border:1px solid #b9d9f5;border-radius:5px;align-items:center;gap:4px;height:28px;padding:0 8px;font-size:8px;font-weight:700;display:flex}.split-payment-heading button svg{width:12px}.split-payment-row{grid-template-columns:1fr 1fr auto 28px;gap:7px;margin:6px 0;display:grid}.split-payment-row select,.split-payment-row input{border:1px solid #dce5ed;border-radius:6px;height:34px;padding:0 8px;font-size:9px}.split-fill{color:#0879ec;white-space:nowrap;background:#eef8ff;border:1px solid #b9d9f5;border-radius:5px;height:34px;padding:0 8px;font-size:7px;font-weight:700}.split-remove{color:#cf4050;background:#fff4f5;border:0;border-radius:5px}.split-remove svg{width:13px}.split-payment-balance{border-radius:6px;justify-content:space-between;gap:10px;margin-top:9px;padding:8px;font-size:8px;display:flex}.split-payment-balance b{font-size:9px}.split-payment-balance.complete{color:#087b57;background:#e9fbf2}.split-payment-balance.pending{color:#aa7410;background:#fff7e5}.split-payment-balance.error{color:#c83f4b;background:#fff0f0}.runtime-error{text-align:center;color:#173258;background:#f5f7fb;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:30px;display:flex}.runtime-error>svg{color:#0879ec;background:#e4f2ff;border-radius:50%;width:62px;height:62px;padding:15px}.runtime-error h1{margin:4px 0 0}.runtime-error p,.runtime-error small{color:#70849a}.runtime-error button{color:#fff;background:#0879ec;border:0;border-radius:7px;align-items:center;gap:7px;height:40px;padding:0 16px;font-weight:700;display:flex}.runtime-error button svg{width:15px}.cashier-page{padding:15px}.cashier-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:15px;display:grid}.cashier-products{min-width:0}.cashier-filters{gap:10px;margin-bottom:12px;display:flex}.cashier-filters input,.cashier-filters select{color:#405675;background:#fff;border:1px solid #dce5ed;border-radius:7px;height:36px;padding:0 10px;font-size:9px}.cashier-filters input{flex:1}.product-grid-view{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px;display:grid}.cashier-page .product-card{cursor:pointer;background:#fff;border:1px solid #dce5ed;border-radius:9px;flex-direction:column;gap:7px;min-height:135px;padding:9px;display:flex}.cashier-page .product-card img{aspect-ratio:1;object-fit:contain;background:#f7f9fb;border-radius:6px;width:100%}.cashier-page .product-card>div{flex-direction:column;gap:4px;display:flex}.cashier-page .product-card b{font-size:9px}.cashier-page .product-card small{color:#0a9d67;font-size:7px}.cashier-page .product-card span{color:#0879ec;font-size:10px;font-weight:700}.cashier-cart{padding:15px;position:sticky;top:72px}.cashier-cart .card-heading button{color:#d5525d;background:0 0;border:0;align-items:center;gap:4px;font-size:8px;display:flex}.cashier-cart .card-heading button svg{width:13px}.cart-list{gap:8px;max-height:390px;margin:12px 0;display:grid;overflow:auto}.cart-row{border-bottom:1px solid #edf1f5;grid-template-columns:1fr 54px 25px;align-items:center;gap:7px;padding-bottom:8px;display:grid}.cart-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.cart-row b{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.cart-row small{color:#8190a4;font-size:7px}.cart-row input{text-align:center;border:1px solid #dce5ed;border-radius:5px;height:28px;font-size:8px}.cart-row button{color:#d5525d;background:0 0;border:0}.cart-row button svg{width:13px}.cart-total{border-top:1px solid #edf1f5;gap:8px;padding-top:10px;display:grid}.cart-total p,.cart-total label{color:#60758d;justify-content:space-between;align-items:center;margin:0;font-size:8px;display:flex}.cart-total strong{color:#173258;font-size:11px}.cart-total input{border:1px solid #dce5ed;border-radius:5px;width:90px;height:28px;padding:0 7px;font-size:8px}.cashier-cart>.save{justify-content:center;width:100%;margin-top:13px}.product-image-preview{border:1px dashed #bfd0e1;border-radius:7px;margin-top:8px;padding:8px}.product-image-preview img{object-fit:contain;max-width:100%;height:90px;margin:auto;display:block}@media (width<=900px){.cashier-grid{grid-template-columns:1fr}.cashier-cart{position:static}.cart-list{max-height:280px}}@media (width<=560px){.cashier-filters{display:grid}.product-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-page .product-card{min-height:125px}}.part-short-form{max-width:920px;padding:18px}.part-short-form form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.part-short-form label{flex-direction:column;gap:6px;font-size:8px;font-weight:700;display:flex}.part-short-form input,.part-short-form select,.part-short-form textarea{border:1px solid #dce5ed;border-radius:7px;padding:9px;font-size:9px}.part-short-form .wide-field,.part-short-preview{grid-column:1/-1}.part-short-preview{color:#285278;background:#eef7ff;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.part-short-preview svg{width:24px}.part-short-preview span{flex-direction:column;gap:4px;display:flex}.part-short-form .save{grid-column:1/-1;justify-content:center}.part-short-actions{white-space:nowrap;gap:6px;display:flex}.part-short-actions button{background:#fff;border:1px solid #dce5ed;border-radius:5px;align-items:center;gap:4px;height:30px;padding:0 8px;font-size:7px;font-weight:700;display:inline-flex}.part-short-actions button svg{width:12px}.part-short-actions .danger{color:#cf3f4d;border-color:#f0c9cd}.part-short-actions .warranty{color:#078a5d;background:#f2fff9;border-color:#bde5d4}@media (width<=700px){.part-short-form form{grid-template-columns:1fr}.part-short-report .table-scroll{overflow-x:auto}.part-short-report table{min-width:850px}}.attendance-report-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:14px;display:grid}.attendance-total{background:#fff;border:1px solid #dce6ef;border-radius:11px;align-items:center;gap:13px;min-height:92px;padding:17px;display:flex}.attendance-total>svg{border-radius:11px;width:42px;height:42px;padding:10px}.attendance-total span{flex-direction:column;gap:6px;display:flex}.attendance-total small{color:#7b8ca0;font-size:8px}.attendance-total strong{font-size:22px}.attendance-total.present>svg{color:#0879ec;background:#e2f2ff}.attendance-total.leave>svg{color:#7555db;background:#eee8ff}.attendance-total.sick>svg{color:#ef8419;background:#fff0e2}.attendance-report-filter,.report-server-filter{background:#fff;border:1px solid #dce6ef;border-radius:10px;align-items:end;gap:12px;margin-bottom:14px;padding:13px 15px;display:flex}.attendance-report-filter label,.report-server-filter label{color:#49627d;flex-direction:column;gap:6px;font-size:8px;font-weight:700;display:flex}.attendance-report-filter select,.report-server-filter select{color:#304d6d;background:#fff;border:1px solid #d7e2ed;border-radius:7px;min-width:220px;height:37px;padding:0 10px;font-size:9px}.attendance-report-filter>span{color:#7e8fa3;align-self:center;margin-left:auto;font-size:8px}.report-server-filter{color:#fff;background:linear-gradient(105deg,#062f59,#075c93);align-items:center}.report-server-filter>svg{color:#65ccff;width:26px}.report-server-filter label{color:#c9e5f7;flex:1}.report-server-filter select{width:min(340px,100%)}.attendance-report-table{overflow:hidden}.attendance-report-table table{border-collapse:collapse;width:100%}.attendance-report-table th,.attendance-report-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:12px 13px;font-size:8px}.attendance-report-table th{color:#60748c;text-transform:uppercase;letter-spacing:.5px;background:#f7f9fc;font-size:7px}.attendance-status{white-space:nowrap;border-radius:12px;padding:5px 8px;font-size:7px;font-weight:800;display:inline-flex}.attendance-status.present{color:#0879ec;background:#e3f5ff}.attendance-status.leave{color:#7152d8;background:#eee9ff}.attendance-status.sick{color:#e57c17;background:#fff0e3}.attachment-link{color:#0879ec;align-items:center;gap:5px;font-size:8px;font-weight:700;text-decoration:none;display:inline-flex}.attachment-link svg{width:13px}@media (width<=850px){.attendance-report-summary{grid-template-columns:1fr 1fr 1fr}.attendance-report-filter{flex-wrap:wrap;align-items:stretch}.attendance-report-filter label{flex:1;min-width:180px}.attendance-report-filter select{width:100%;min-width:0}.attendance-report-filter>span{width:100%;margin-left:0}.attendance-report-table .table-scroll{overflow-x:auto}.attendance-report-table table{min-width:780px}}@media (width<=560px){.attendance-report-summary{grid-template-columns:1fr}.attendance-total{min-height:75px}.attendance-report-filter{display:grid}.attendance-report-filter label{min-width:0}.report-server-filter{align-items:flex-start}.report-server-filter label{width:100%}}.app .topbar{border-bottom-color:color-mix(in srgb,var(--theme-primary) 14%,#dce5ed)}.app .global-search{border-color:color-mix(in srgb,var(--theme-primary) 18%,#dce5ed);background:var(--theme-surface)}.app .global-search svg{color:var(--theme-muted)}.app .sidebar-toggle-control{border-color:color-mix(in srgb,var(--theme-primary) 25%,#dce5ed);background:color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface));color:var(--theme-primary)}.app .sidebar-toggle-control:hover{border-color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 14%,var(--theme-surface));color:var(--theme-primary)}.app .notification-center .bell{background:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface));color:var(--theme-primary)}.app .top-user .logout{color:var(--theme-primary)}.app .user-avatar{background:color-mix(in srgb,var(--theme-primary) 11%,var(--theme-surface));color:var(--theme-primary)}.app .return-owner,.app .return-owner-top{border-color:color-mix(in srgb,var(--theme-primary) 45%,#fff);background:color-mix(in srgb,var(--theme-primary) 88%,var(--theme-sidebar));color:#fff}.app .return-owner-top{background:color-mix(in srgb,var(--theme-primary) 10%,var(--theme-surface));border-color:color-mix(in srgb,var(--theme-primary) 30%,#dce5ed);color:var(--theme-primary)}.app .notification-popover{border-color:color-mix(in srgb,var(--theme-primary) 20%,#dce5ed);background:var(--theme-surface);color:var(--theme-text)}.app .notification-popover header{border-bottom-color:color-mix(in srgb,var(--theme-primary) 12%,#dce5ed)}.app .notification-popover header button{border-color:color-mix(in srgb,var(--theme-primary) 20%,#dce5ed);background:color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface));color:var(--theme-primary)}.app .notification-popover article>svg{color:var(--theme-primary)}.app nav>button{color:color-mix(in srgb,#fff 82%,var(--theme-primary))}.app nav>button>svg:last-child{color:color-mix(in srgb,#fff 72%,var(--theme-primary))}.app nav button.active{background:linear-gradient(90deg,var(--theme-primary),color-mix(in srgb,var(--theme-primary) 78%,#fff));border-color:var(--theme-primary);box-shadow:0 8px 17px color-mix(in srgb,var(--theme-primary) 28%,transparent)}.app .sidebar-credit:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--theme-primary) 70%,#fff),transparent)}.app .sidebar-credit strong{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-primary) 45%,#fff),#fff);-webkit-background-clip:text;background-clip:text}.app .db-state.online{background:color-mix(in srgb,var(--theme-primary) 8%,var(--theme-surface));border-color:color-mix(in srgb,var(--theme-primary) 25%,#dce5ed);color:color-mix(in srgb,var(--theme-primary) 82%,var(--theme-text))}.app .dashboard-filter-trigger,.app .product-import,.app .history-periods button.active,.app .pending-tabs button.active,.app .purchase-tabs button.active,.app .petty-periods button.active,.app .petty-report-filters button.active{background:var(--theme-primary);border-color:var(--theme-primary);color:#fff}.app .product-export,.app .history-actions button:not(.danger),.app .purchase-actions button:not(.danger),.app .split-payment-heading button,.app .split-fill{color:var(--theme-primary);border-color:color-mix(in srgb,var(--theme-primary) 30%,#dce5ed);background:color-mix(in srgb,var(--theme-primary) 6%,var(--theme-surface))}.app input[type=checkbox],.app input[type=radio]{accent-color:var(--theme-primary)}.refund-filters select{background:var(--theme-surface);min-width:190px;height:37px;color:var(--theme-text);border:1px solid #dce5ed;border-radius:7px;padding:0 9px;font-size:8px}.refund-action{color:#cf4050;background:#fff4f5;border:1px solid #efc8cd;border-radius:6px;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:8px;font-weight:700;display:inline-flex}.refund-action svg{width:13px}.refund-list{gap:7px;display:grid}.refund-list article{background:#fff7f8;border:1px solid #f0d2d5;border-radius:7px;align-items:center;gap:9px;padding:9px;display:flex}.refund-list article>svg{color:#cf4050;width:17px}.refund-list article span{flex-direction:column;flex:1;gap:3px;display:flex}.refund-list article b,.refund-list article strong{font-size:8px}.refund-list article small{color:var(--theme-muted);font-size:7px}.refund-list article strong{color:#cf4050}@media (width<=700px){.refund-filters select{width:100%}}.app{--ui-border:color-mix(in srgb,var(--theme-text) 10%,var(--theme-surface));--ui-border-strong:color-mix(in srgb,var(--theme-text) 16%,var(--theme-surface));--ui-subtle:color-mix(in srgb,var(--theme-text) 3%,var(--theme-surface));--ui-accent-soft:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface));--ui-accent-border:color-mix(in srgb,var(--theme-primary) 25%,var(--theme-surface));--ui-shadow:0 1px 2px #0f172a08,0 12px 35px #0f172a0d;--ui-shadow-hover:0 18px 45px #0f172a17;--ui-radius:16px;--ui-control-radius:10px;letter-spacing:-.006em;line-height:1.5}.app .workspace{background:radial-gradient(circle at 95% 0,color-mix(in srgb,var(--theme-primary) 4%,transparent),transparent 26%),var(--theme-bg)}.app .service-note-preview{--note-accent:var(--theme-primary);background:var(--theme-surface)!important;color:var(--theme-text)!important}.app .service-note-preview header h1,.app .service-note-preview header h2{color:var(--theme-primary)!important}.app .service-note-preview header b,.app .service-note-preview .unit-custody-summary b{color:var(--theme-text)!important}.app .service-note-preview header small,.app .service-note-preview .unit-custody-summary small{color:var(--theme-muted)!important}.app .unit-custody-summary,.app .unit-custody-summary>div{border-color:var(--ui-border);background:var(--ui-subtle)}.app .payment-invoice{color:var(--theme-text);background:var(--theme-surface);border-color:var(--ui-border)}.app .service-note-preview .note-items th{background:var(--theme-primary)!important;color:var(--theme-on-primary)!important}.app .service-note-preview .note-items td{border-bottom-color:var(--ui-border);color:var(--theme-text)}.app .service-note-preview .note-block,.app .service-note-preview .note-terms{border-color:var(--ui-border);color:var(--theme-text)}.app .service-note-preview .note-block small,.app .service-note-preview .note-terms small{color:var(--theme-muted)!important}.app .service-note-preview .note-total{border-color:var(--ui-border);color:var(--theme-text)}.app .service-note-preview .note-total strong{color:var(--theme-primary)!important}.app .payment-plan span,.app .payment-amount span,.app .payment-detail span,.app .payment-note,.app .payment-bank small{color:var(--theme-muted)}.app .payment-plan b,.app .payment-detail b{color:var(--theme-text)}.app .payment-amount b,.app .registration-link b,.app .copy-rekening:hover{color:var(--theme-primary)}.app .payment-invoice hr{border-top-color:var(--ui-border)}.app .copy-rekening{border-color:var(--ui-border);background:var(--theme-surface);color:var(--theme-text)}.app .inline-error,.app .clear-history,.app .delete-history,.app .delete-account,.app .delete-server{background:color-mix(in srgb,var(--theme-danger) 8%,var(--theme-surface));border-color:color-mix(in srgb,var(--theme-danger) 25%,var(--ui-border));color:var(--theme-danger)}.app .success-banner,.app .attachment-selected,.app .done-text{background:color-mix(in srgb,var(--theme-success) 8%,var(--theme-surface));border-color:color-mix(in srgb,var(--theme-success) 25%,var(--ui-border));color:var(--theme-success)}.app .permit-type,.app .resume-alert,.app .part-short-preview{background:var(--ui-accent-soft);color:var(--theme-primary)}.app .permit-type.sakit{background:color-mix(in srgb,var(--theme-danger) 8%,var(--theme-surface));color:var(--theme-danger)}.app .warning,.app .split-payment-balance.pending{background:color-mix(in srgb,var(--theme-warning) 10%,var(--theme-surface));color:var(--theme-warning)}.app .server-subscription-banner.grace{border-color:color-mix(in srgb,var(--theme-warning) 35%,var(--ui-border));background:color-mix(in srgb,var(--theme-warning) 8%,var(--theme-surface))}.app .server-subscription-banner.frozen,.app .server-subscription-banner.deleted{border-color:color-mix(in srgb,var(--theme-danger) 35%,var(--ui-border));background:color-mix(in srgb,var(--theme-danger) 8%,var(--theme-surface))}.app .server-subscription-status.grace{color:var(--theme-warning)}.app .server-subscription-status.frozen,.app .server-subscription-status.deleted{color:var(--theme-danger)}.app .notification-popover,.app .dashboard-filter-popover,.app .payment-inbox{background:var(--theme-surface);color:var(--theme-text);border-color:var(--ui-border)}.app .notification-popover header,.app .payment-inbox>header{border-bottom-color:var(--ui-border);background:linear-gradient(135deg,var(--ui-accent-soft),var(--theme-surface))}.app .notification-popover header button{background:var(--ui-accent-soft);border-color:var(--ui-border);color:var(--theme-primary)}.app .dashboard-filter-popover input,.app .dashboard-filter-popover button{background:var(--theme-surface);border-color:var(--ui-border);color:var(--theme-text)}.app .dashboard-filter-popover button.apply{background:var(--theme-primary);border-color:var(--theme-primary);color:var(--theme-on-primary)}.app .payment-inbox-item{background:var(--theme-bg);color:var(--theme-text);border-color:var(--ui-border)}.app .payment-inbox-item strong{color:var(--theme-warning)}.app .attendance-detail,.app .attendance-detail-grid p,.app .attendance-detail-block{color:var(--theme-text)}.app .attendance-detail-grid p,.app .attendance-detail-block{background:var(--ui-subtle)}.app .attendance-detail-grid small,.app .attendance-detail-block small{color:var(--theme-muted)}.app .report-server-filter{background:linear-gradient(105deg,var(--theme-sidebar),color-mix(in srgb,var(--theme-sidebar) 65%,var(--theme-primary)));color:var(--theme-on-sidebar)}.app .report-server-filter label{color:color-mix(in srgb,var(--theme-on-sidebar) 78%,var(--theme-primary))}.app .report-server-filter select{background:var(--theme-surface);color:var(--theme-text);border-color:var(--ui-border)}.app .theme-presets>button,.app .cashier-page .product-card{background:var(--theme-surface);border-color:var(--ui-border);color:var(--theme-text)}.app .theme-presets>button small,.app .cashier-page .product-card small{color:var(--theme-muted)}.app .cashier-page .product-card span{color:var(--theme-primary)}.app .status-online{color:var(--theme-success)}.app .page{max-width:1920px;margin-inline:auto;padding:30px clamp(22px,2.2vw,42px) 48px}.app .page-heading{align-items:center;margin-bottom:22px}.app .page-heading h1{letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(23px,1.25vw + 12px,31px);font-weight:800;line-height:1.18}.app .page-heading .muted,.app .page-heading small{letter-spacing:0;font-size:12px;line-height:1.65}.app .muted{font-size:12px;line-height:1.55}.app .white-card,.app .settings-card,.app .database-create,.app .server-list,.app .account-manager{border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);background:var(--theme-surface)}.app .white-card:hover{border-color:color-mix(in srgb,var(--theme-primary) 12%,var(--ui-border))}.app .card-heading{min-height:28px;margin-bottom:18px}.app .card-heading h3,.app .card-title h3,.app .chart-title h3{letter-spacing:-.025em;font-size:15px;font-weight:750;line-height:1.35}.app .card-heading span,.app .card-heading small{letter-spacing:0;font-size:11px}.app .topbar{border-bottom:1px solid var(--ui-border);background:color-mix(in srgb,var(--theme-surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:68px;padding:0 clamp(18px,2vw,32px);box-shadow:0 1px #0f172a05}.app .sidebar-toggle-control{border-radius:12px;flex-basis:42px;width:42px;height:42px;margin-right:14px;box-shadow:0 1px 2px #0f172a0a}.app .global-search{border-radius:12px;max-width:570px;height:42px;padding:0 14px;box-shadow:inset 0 1px 1px #0f172a05}.app .global-search input{letter-spacing:0;font-size:12px}.app .global-search svg{width:18px}.app .top-user{gap:9px}.app .top-user>div>b{letter-spacing:-.01em;font-size:12px}.app .top-user>div>span{font-size:9px}.app .user-avatar,.app .notification-center .bell,.app .top-user .logout{border-radius:12px;width:40px;height:40px}.app .notification-center .bell{box-shadow:inset 0 0 0 1px var(--ui-accent-border)}.app .notification-center .bell i{border:2px solid var(--theme-surface);min-width:18px;height:18px;padding:0 4px;font-size:9px}.app .notification-popover{border-radius:16px;width:min(420px,100vw - 24px);top:49px;box-shadow:0 24px 70px #0f172a2e}.app .notification-popover header{padding:16px 17px}.app .notification-popover article{gap:11px;padding:13px 16px}.app .notification-popover article b{font-size:11px}.app .notification-popover article small,.app .notification-popover article time{font-size:9px}.app>aside{background:linear-gradient(180deg,var(--theme-sidebar),color-mix(in srgb,var(--theme-sidebar) 94%,var(--theme-primary)));width:252px;padding:14px 12px 16px;box-shadow:8px 0 30px #0f172a12}.app .side-logo{padding:0 8px 14px}.app .side-logo .logo>span{box-shadow:none;letter-spacing:-.7px;border-width:1px;border-color:#ffffff8c;border-radius:11px;padding:10px 13px;font-size:17px}.app nav{gap:4px}.app nav>button{border-radius:11px;gap:12px;height:45px;padding:0 13px;font-size:12px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.app nav>button svg{opacity:.92;width:18px;height:18px}.app nav>button:hover{background:#ffffff12}.app nav>button.active{background:color-mix(in srgb,var(--theme-primary) 72%,var(--theme-sidebar));box-shadow:0 9px 24px color-mix(in srgb,var(--theme-primary) 20%,transparent);border-color:#0000;position:relative}.app nav>button.active:before{content:"";background:#fff;border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.app nav .nav-submenu{border-left-color:#ffffff2e;gap:3px;margin:3px 0 7px 19px;padding:3px 0 3px 11px}.app nav .nav-submenu button{height:39px;min-height:39px;color:color-mix(in srgb,#fff 70%,var(--theme-primary));background:0 0;border-radius:9px;padding:0 11px;font-size:10.5px;font-weight:550}.app nav .nav-submenu button:hover{color:#fff;background:#ffffff0f}.app nav .nav-submenu button.active{background:color-mix(in srgb,var(--theme-primary) 30%,transparent);box-shadow:none;color:#fff}.app nav .nav-submenu button.active:before{display:none}.app .sidebar-bottom{background:0 0;padding-top:10px}.app .sidebar-credit{opacity:.72;padding-top:10px}.app .sidebar-credit small{letter-spacing:.16em;font-size:8px}.app .metric-grid{gap:14px}.app .metric{border:1px solid var(--ui-border);background:var(--theme-surface);border-radius:15px;min-height:116px;padding:19px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0f172a08}.app .metric:hover{border-color:var(--ui-accent-border);box-shadow:var(--ui-shadow-hover);transform:translateY(-2px)}.app .metric>span{border-radius:13px;width:45px;height:45px;background:var(--ui-accent-soft)!important;color:var(--theme-primary)!important}.app .metric>span svg{width:21px;height:21px}.app .metric small{letter-spacing:.01em;font-size:10px}.app .metric strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:22px;line-height:1.15}.app .metric p{margin-top:5px;font-size:10px;line-height:1.45}.app .dashboard-charts,.app .dashboard-lower{gap:15px;margin-top:15px}.app .revenue-chart,.app .mix-chart,.app .stock-overview,.app .payment-card,.app .refund-card{padding:21px}.app .revenue-chart{box-shadow:var(--ui-shadow)}.app .mix-chart,.app .stock-overview,.app .payment-card,.app .refund-card{box-shadow:none;background:color-mix(in srgb,var(--theme-surface) 97%,var(--theme-text))}.app .chart-title small{letter-spacing:.13em;font-size:9px}.app .chart-title>b{border-radius:10px;padding:8px 12px;font-size:15px}.app .chart-axis,.app .chart-legend{font-size:10px}.app .chart-grid-line{stroke:var(--ui-border)}.app .dashboard-period{border-color:var(--ui-border);border-radius:10px;padding:9px 13px;font-size:10px}.app .dashboard-filter-trigger{height:40px;box-shadow:0 5px 14px color-mix(in srgb,var(--theme-primary) 20%,transparent);border-radius:10px;padding:0 15px;font-size:11px}.app .dashboard-filter-popover{border-color:var(--ui-border);border-radius:14px;padding:17px;top:49px;box-shadow:0 22px 60px #0f172a24}.app .dashboard-filter-popover>b{font-size:13px}.app .dashboard-filter-popover label{font-size:10px}.app input:not([type=checkbox]):not([type=radio]),.app select,.app textarea{border-color:var(--ui-border);border-radius:var(--ui-control-radius);font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s}.app input:not([type=checkbox]):not([type=radio]),.app select{min-height:42px}.app textarea{min-height:96px;padding:12px 13px;line-height:1.6}.app label{color:color-mix(in srgb,var(--theme-text) 88%,var(--theme-surface));font-size:11px;font-weight:650;line-height:1.45}.app input::placeholder,.app textarea::placeholder{color:color-mix(in srgb,var(--theme-muted) 75%,var(--theme-surface));font-weight:500}.app button:focus-visible,.app input:focus-visible,.app select:focus-visible,.app textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-primary) 18%,transparent);outline-offset:2px}.app button:disabled{cursor:not-allowed;opacity:.55}.app .save,.app .primary,.app .product-import,.app .dashboard-filter-trigger{min-height:42px;box-shadow:0 7px 16px color-mix(in srgb,var(--theme-primary) 18%,transparent);border-radius:10px;padding-inline:16px;font-size:11px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s}.app .save:hover,.app .primary:hover,.app .product-import:hover,.app .dashboard-filter-trigger:hover{filter:saturate(.92);box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary) 23%,transparent);transform:translateY(-1px)}.app .secondary,.app .theme-reset,.app .product-export,.app .cancel-edit{border:1px solid var(--ui-border);background:var(--theme-surface);color:var(--theme-text);border-radius:10px;box-shadow:0 1px 2px #0f172a08}.app .workflow-tabs,.app .settings-tabs,.app .attendance-tabs,.app .purchase-tabs{gap:7px;margin-bottom:17px}.app .workflow-tabs button,.app .settings-tabs button,.app .attendance-tabs button,.app .purchase-tabs button{border-color:var(--ui-border);background:var(--theme-surface);height:40px;min-height:40px;color:var(--theme-muted);border-radius:10px;padding:0 16px;font-size:11px;font-weight:650}.app .workflow-tabs button.active,.app .settings-tabs button.active,.app .attendance-tabs button.active,.app .purchase-tabs button.active{color:#fff;box-shadow:0 6px 15px color-mix(in srgb,var(--theme-primary) 18%,transparent)}.app .transaction-card,.app .cashier-cart,.app .product-form,.app .contact-form,.app .settings-card,.app .database-create,.app .account-manager{padding:24px}.app .transaction-fields{gap:16px 18px}.app .transaction-fields label,.app .product-form label,.app .contact-form label,.app .receipt-editor label{gap:8px;font-size:11px}.app .payment-summary{background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:13px}.app .payment-summary small,.app .split-payment-heading small{font-size:9px}.app .payment-summary strong,.app .cart-total strong,.app .service-item-total strong{font-variant-numeric:tabular-nums}.app .split-payment{border-top-color:var(--ui-border)}.app .split-payment-heading b{font-size:12px}.app .split-payment-row{gap:9px}.app .split-payment-balance{border-radius:9px;padding:11px;font-size:10px}.app .resume-alert,.app .success-banner{border-radius:11px;padding:13px 15px}.app .history-filters,.app .petty-report-filters{border:1px solid var(--ui-border);background:var(--theme-surface);border-radius:13px;padding:12px 14px;box-shadow:0 1px 2px #0f172a08}.app .history-periods button,.app .petty-periods button{border-color:var(--ui-border);border-radius:9px;height:38px;padding:0 14px;font-size:10px}.app .big-search,.app .table-search,.app .product-search{border-color:var(--ui-border);background:var(--theme-surface);border-radius:11px;min-height:42px}.app .big-search input,.app .table-search input,.app .product-search input{font-size:11px}.app .history-table,.app .table-card,.app .attendance-report-table{border:1px solid var(--ui-border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a08}.app table{border-collapse:separate;border-spacing:0}.app table th{background:var(--ui-subtle);color:var(--theme-muted);letter-spacing:.035em;text-transform:uppercase;border-bottom:1px solid var(--ui-border);padding:13px 14px;font-size:10px;font-weight:700}.app table td{border-bottom:1px solid var(--ui-border);padding:14px;font-size:11px;line-height:1.5}.app table tbody tr{transition:background .16s}.app table tbody tr:hover{background:color-mix(in srgb,var(--theme-primary) 3%,var(--theme-surface))}.app .invoice{letter-spacing:-.01em;font-size:11px}.app .badge,.app .category-badge{letter-spacing:.01em;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700}.app .badge.cancel{color:#c83f4b;background:#fff0f1;border-color:#f3c6cb}.app .cancel-pending{color:#c83f4b!important;background:#fff5f6!important;border-color:#efc5ca!important}.app .history-actions .continue-btn{background:var(--theme-primary);color:#fff}.app .history-actions button,.app .purchase-actions button,.app .product-actions button{border-radius:8px;min-height:31px;font-size:9px}.app .history-empty{min-height:210px;color:var(--theme-muted)}.app .history-empty svg{opacity:.55}.app .server-filter-bar{border:1px solid var(--ui-border);background:var(--theme-surface);color:var(--theme-text);box-shadow:var(--ui-shadow);border-radius:14px;padding:14px 17px}.app .server-filter-bar>div small,.app .server-filter-bar label{color:var(--theme-muted)}.app .server-filter-bar>svg,.app .server-filter-bar>div>svg{color:var(--theme-primary)}.app .server-filter-bar select{border-color:var(--ui-border);background:var(--ui-subtle)}.app .server-filter-bar .searchable-combobox{flex:340px;min-width:260px;max-width:420px}.app .server-filter-bar .searchable-combobox>input{border:1px solid color-mix(in srgb,var(--theme-primary) 16%,var(--ui-border));background:linear-gradient(180deg,var(--theme-surface),var(--ui-subtle));box-shadow:0 5px 16px color-mix(in srgb,var(--theme-text) 5%,transparent);letter-spacing:-.01em;border-radius:14px;font-weight:700;height:48px!important;min-height:48px!important;padding-left:42px!important;padding-right:72px!important;font-size:13px!important}.app .server-filter-bar .searchable-combobox>input:hover{border-color:color-mix(in srgb,var(--theme-primary) 34%,var(--ui-border));box-shadow:0 7px 20px color-mix(in srgb,var(--theme-primary) 9%,transparent)}.app .server-filter-bar .searchable-combobox.is-open>input,.app .server-filter-bar .searchable-combobox>input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary) 10%,transparent),0 8px 22px color-mix(in srgb,var(--theme-primary) 10%,transparent)}.app .server-filter-bar .searchable-combobox-icon{width:18px;height:18px;left:15px}.app .server-filter-bar .searchable-combobox-chevron{width:18px;height:18px;right:14px}.app .server-filter-bar .searchable-combobox-clear{right:40px}.app .server-filter-bar .searchable-combobox-menu{box-shadow:0 18px 42px color-mix(in srgb,var(--theme-text) 16%,transparent);border-radius:14px;top:calc(100% + 7px)}.app .product-grid-view{gap:13px}.app .cashier-page .product-card{border-color:var(--ui-border);border-radius:13px;min-height:155px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 1px 2px #0f172a08}.app .cashier-filters{align-items:stretch;min-height:48px}.app .cashier-filters input,.app .cashier-filters select{height:48px!important;min-height:48px!important;padding:0 14px!important;font-size:14px!important}.app .cashier-filters .searchable-combobox{flex:0 280px;min-width:220px}.app .cashier-filters .searchable-combobox>input{height:48px!important;min-height:48px!important;padding-left:42px!important;font-size:14px!important}.app .cashier-filters .searchable-combobox-menu,.app .cashier-filters .searchable-option-main{font-size:13px!important}.app .cashier-filters .searchable-option-meta{font-size:11px!important}.app .cashier-page .product-card:hover{border-color:var(--ui-accent-border);box-shadow:var(--ui-shadow-hover);transform:translateY(-3px)}.app .cashier-page .product-card b{font-size:11px}.app .cashier-page .product-card small{font-size:9px}.app .cashier-page .product-card span{color:var(--theme-primary);font-size:13px}.app .cart-row{border-bottom-color:var(--ui-border);padding:11px 0}.app .cart-row b{font-size:11px}.app .cart-row small{font-size:9px}.app .theme-preset-section{border-color:var(--ui-border);box-shadow:var(--ui-shadow);border-radius:16px;padding:22px}.app .theme-presets{gap:13px}.app .theme-presets>button{border-color:var(--ui-border);border-radius:13px;min-height:150px;padding:15px;box-shadow:0 1px 2px #0f172a08}.app .theme-presets>button.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 12%,transparent);padding:14px}.app .theme-presets strong{font-size:11px}.app .theme-presets small,.app .theme-presets em{font-size:9px}.app .preset-swatches{border-radius:8px;height:31px}.app .profile-photo-setting,.app .verification-options,.app .receipt-checks{border-color:var(--ui-border);background:var(--ui-subtle);border-radius:12px}.app .attendance-total,.app .report-summary>div,.app .petty-summary-cards>div{border-color:var(--ui-border);background:var(--theme-surface);border-radius:14px;box-shadow:0 1px 2px #0f172a08}.app .attendance-total small,.app .report-summary small,.app .petty-summary-cards small{font-size:10px}.app .attendance-total strong,.app .report-summary strong,.app .petty-summary-cards strong{font-variant-numeric:tabular-nums}.app .notification-popover,.app .dashboard-filter-popover,.swal2-popup{font-family:Manrope,Arial,sans-serif}.swal2-popup{border-radius:18px!important;box-shadow:0 30px 90px #0f172a38!important}.swal2-title{letter-spacing:-.03em!important;font-size:20px!important}.swal2-html-container{font-size:13px!important}.swal2-confirm,.swal2-cancel{border-radius:10px!important;min-height:40px!important;font-size:12px!important;font-weight:700!important}@media (width<=1200px){.app>aside{width:220px}.app{grid-template-columns:auto 1fr}.app .page{padding-inline:24px}}@media (width<=850px){.app>aside,.app>aside.collapsed{width:230px;height:100dvh;min-height:100dvh;padding:14px 12px 16px;left:-245px}.app .topbar{height:64px;padding:0 14px}.app .page{padding:22px 16px 36px}.app .transaction-card,.app .cashier-cart,.app .product-form,.app .contact-form,.app .settings-card,.app .database-create,.app .account-manager{padding:19px}}@media (width<=560px){.app .topbar{height:60px;padding:0 10px}.app .sidebar-toggle-control{border-radius:10px;flex-basis:38px;width:38px;height:38px;margin-right:7px}.app .global-search{border-radius:10px;height:38px}.app .page{padding:18px 11px 32px}.app .page-heading{margin-bottom:17px}.app .page-heading h1{margin-bottom:7px;font-size:22px}.app .page-heading .muted,.app .page-heading small{font-size:11px}.app .white-card{border-radius:14px}.app .metric-grid{gap:10px}.app .metric{min-height:101px;padding:15px}.app .metric>span{border-radius:11px;width:40px;height:40px}.app .metric strong{font-size:19px}.app .revenue-chart,.app .mix-chart,.app .stock-overview,.app .payment-card,.app .refund-card{padding:16px}.app .transaction-card,.app .cashier-cart,.app .product-form,.app .contact-form,.app .settings-card,.app .database-create,.app .account-manager{padding:15px}.app .workflow-tabs,.app .settings-tabs,.app .attendance-tabs,.app .purchase-tabs{padding-bottom:3px;overflow-x:auto}.app .workflow-tabs button,.app .settings-tabs button,.app .attendance-tabs button,.app .purchase-tabs button{flex:none;min-height:42px}.app table th{padding:11px 12px;font-size:9px}.app table td{padding:12px;font-size:10.5px}.app .notification-popover{border-radius:14px;top:62px}.app .theme-preset-section{padding:15px}}.app .global-search>input,.app .big-search>input,.app .table-search>input,.app .product-search>input{height:100%!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;padding-block:0!important}.app .global-search:focus-within,.app .big-search:focus-within,.app .table-search:focus-within,.app .product-search:focus-within{border-color:var(--theme-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary) 10%,transparent),0 8px 24px #0f172a0f}.app .workspace{position:relative}.app .workspace:before{content:"";z-index:0;background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 5%,transparent),transparent 68%);pointer-events:none;border-radius:50%;width:42vw;max-width:720px;height:42vw;max-height:720px;position:fixed;top:70px;right:-12vw}.app .workspace>.topbar,.app .workspace>.db-state,.app .workspace>.page{z-index:1;position:relative}.app .topbar:before{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--theme-primary) 35%,transparent),transparent);opacity:.75;height:1px;position:absolute;bottom:-1px;left:0;right:0}.app .white-card{position:relative}.app .white-card:before{content:"";background:linear-gradient(90deg,var(--theme-primary),color-mix(in srgb,var(--theme-primary) 20%,transparent));opacity:.7;border-radius:0 0 2px 2px;width:42px;height:2px;position:absolute;inset:0 auto auto 18px}.app .metric:after{content:"";background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 7%,transparent),transparent 70%);pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;top:-28px;right:-25px}.app .metric{position:relative;overflow:hidden}.app .save,.app .primary,.app .product-import,.app .dashboard-filter-trigger{background:linear-gradient(135deg,var(--theme-primary),color-mix(in srgb,var(--theme-primary) 78%,#fff));border-color:#0000}.app .save:after,.app .primary:after{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff24 48%,#0000 70%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.app .save:hover:after,.app .primary:hover:after{transform:translate(120%)}.app .save,.app .primary{position:relative;overflow:hidden}.app .category-badge,.app .badge{box-shadow:inset 0 0 0 1px #ffffff52}.app table tbody tr:last-child td{border-bottom:0}.app .card-heading:after{content:"";background:linear-gradient(90deg,var(--ui-border),transparent);flex:1;max-width:70px;height:1px;margin-left:auto}.app .chart-title:after{content:"";background:linear-gradient(90deg,var(--ui-border),transparent 65%);height:1px;position:absolute;bottom:-7px;left:0;right:0}.app .chart-title{margin-bottom:20px;position:relative}.app .refund-list article,.app .notification-popover article{transition:background .16s,transform .16s}.app .refund-list article:hover,.app .notification-popover article:hover{background:var(--ui-accent-soft);transform:translate(2px)}@media (width<=560px){.app .workspace:before{width:90vw;height:90vw;top:60px;right:-45vw}.app .white-card:before{width:34px;left:14px}.app .card-heading:after{display:none}}.app{--lux-glow:color-mix(in srgb,var(--theme-primary) 18%,transparent);--lux-metal:color-mix(in srgb,var(--theme-primary) 42%,#f2d6a0);--lux-ink:color-mix(in srgb,var(--theme-sidebar) 90%,#080b14)}.app>aside:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 9%,color-mix(in srgb,var(--theme-primary) 20%,transparent),transparent 22%),linear-gradient(135deg,transparent 0 47%,#ffffff06 47% 48%,transparent 48% 100%);opacity:.8;background-size:auto,34px 34px;position:absolute;inset:0}.app>aside:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--lux-metal) 70%,#fff),transparent);opacity:.48;pointer-events:none;height:1px;position:absolute;top:69px;left:12px;right:12px}.app>aside>*{z-index:1;position:relative}.app .side-logo .logo>span{background:linear-gradient(135deg,#ffffff0f,#0000 62%);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.app .side-logo .logo>span:after{content:"";background:linear-gradient(115deg,#0000 25%,#ffffff29 47%,#0000 68%);animation:8s ease-in-out infinite luxLogoSweep;position:absolute;inset:0;transform:translate(-130%)}@keyframes luxLogoSweep{0%,70%,to{transform:translate(-130%)}82%{transform:translate(130%)}}.app .topbar{border:1px solid color-mix(in srgb,var(--theme-primary) 12%,var(--ui-border));border-radius:15px;height:58px;margin:10px 14px 0;top:10px;box-shadow:0 10px 34px #0f172a12}.app .topbar:after{border-radius:0 0 15px 15px}.app .db-state{margin-top:10px}.app .page{padding-top:34px}.app .page-heading h1{display:inline-block;position:relative}.app .page-heading h1:after{content:"";background:linear-gradient(90deg,var(--theme-primary),var(--lux-metal));width:34px;height:3px;box-shadow:0 2px 8px var(--lux-glow);border-radius:3px;position:absolute;bottom:-8px;left:0}.app .white-card{border-color:color-mix(in srgb,var(--theme-primary) 8%,var(--ui-border));box-shadow:0 1px 2px #0f172a08,0 14px 40px #0f172a0d}.app .white-card:before{background:linear-gradient(90deg,var(--theme-primary),var(--lux-metal),transparent);opacity:.82;width:55px;height:3px}.app .white-card:after{content:"";z-index:0;border-radius:0 var(--ui-radius) 0 54px;background:linear-gradient(225deg,color-mix(in srgb,var(--theme-primary) 7%,transparent),transparent 66%);pointer-events:none;width:54px;height:54px;position:absolute;top:0;right:0}.app .white-card>*{z-index:1;position:relative}.app .metric{border-top-color:color-mix(in srgb,var(--theme-primary) 22%,var(--ui-border))}.app .metric:nth-child(3n+2)>span{background:color-mix(in srgb,var(--lux-metal) 11%,var(--theme-surface))!important;color:color-mix(in srgb,var(--lux-metal) 80%,var(--theme-text))!important}.app .metric strong{background:linear-gradient(115deg,var(--theme-text) 15%,color-mix(in srgb,var(--theme-text) 75%,var(--theme-primary)));color:#0000;-webkit-background-clip:text;background-clip:text}.app .sidebar-toggle-control,.app .notification-center .bell,.app .top-user .logout{border:1px solid color-mix(in srgb,var(--theme-primary) 16%,var(--ui-border));box-shadow:inset 0 1px #fff9,0 4px 14px #0f172a0d}.app .sidebar-toggle-control:hover,.app .notification-center .bell:hover,.app .top-user .logout:hover{box-shadow:inset 0 1px 0 #ffffffb3,0 9px 22px var(--lux-glow);transform:translateY(-2px)}.app .save,.app .primary,.app .product-import,.app .dashboard-filter-trigger{background:linear-gradient(120deg,color-mix(in srgb,var(--theme-primary) 86%,#000),var(--theme-primary) 54%,color-mix(in srgb,var(--theme-primary) 77%,#fff));box-shadow:inset 0 1px 0 #ffffff38,0 10px 24px color-mix(in srgb,var(--theme-primary) 22%,transparent)}.app .secondary,.app .theme-reset,.app .product-export,.app .cancel-edit{background:linear-gradient(180deg,var(--theme-surface),color-mix(in srgb,var(--theme-surface) 97%,var(--theme-text)));box-shadow:inset 0 1px #fff,0 4px 12px #0f172a0a}.app .workflow-tabs,.app .history-periods,.app .settings-tabs,.app .attendance-tabs,.app .purchase-tabs{border:1px solid var(--ui-border);background:var(--ui-subtle);border-radius:13px;width:max-content;max-width:100%;padding:4px}.app .workflow-tabs button,.app .history-periods button,.app .settings-tabs button,.app .attendance-tabs button,.app .purchase-tabs button{box-shadow:none;background:0 0;border:0}.app .workflow-tabs button.active,.app .history-periods button.active,.app .settings-tabs button.active,.app .attendance-tabs button.active,.app .purchase-tabs button.active{background:var(--theme-surface);color:var(--theme-primary);box-shadow:0 5px 16px #0f172a14,inset 0 -2px 0 var(--theme-primary)}.app table thead{position:relative}.app table thead:after{content:"";background:linear-gradient(90deg,var(--theme-primary),var(--lux-metal),transparent 60%);opacity:.5;height:2px;position:absolute;bottom:0;left:0;right:0}.app table th{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface) 96%,var(--theme-primary)),var(--ui-subtle));letter-spacing:.07em}.app table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--theme-text) 1.2%,var(--theme-surface))}.app .badge,.app .category-badge{border:1px solid #ffffff80;box-shadow:0 3px 10px #0f172a0d}.app .chart-canvas{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 2%,transparent),transparent);border-radius:12px;padding:8px 3px}.app .donut{filter:drop-shadow(0 16px 26px color-mix(in srgb,var(--theme-primary) 16%,transparent))}.app .product-card,.app .theme-presets>button{isolation:isolate}.app .theme-presets>button:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--theme-primary) 7%,transparent),transparent 42%);opacity:0;transition:opacity .2s;position:absolute;inset:0}.app .theme-presets>button{position:relative}.app .theme-presets>button:hover:before,.app .theme-presets>button.selected:before{opacity:1}.app .notification-popover header{background:linear-gradient(135deg,var(--ui-accent-soft),var(--theme-surface) 60%)}.app .dashboard-filter-popover,.app .notification-popover{border-top:2px solid color-mix(in srgb,var(--theme-primary) 45%,var(--lux-metal))}.app .history-empty{background:radial-gradient(circle at center,color-mix(in srgb,var(--theme-primary) 3.5%,transparent),transparent 55%)}@media (prefers-reduced-motion:reduce){.app *,.app :before,.app :after{transition-duration:.01ms!important;animation:none!important}}@media (width<=850px){.app .topbar{margin:7px 8px 0;top:7px}.app .db-state{margin-top:7px}.app .page{padding-top:28px}}@media (width<=560px){.app .topbar{border-radius:12px;margin:5px 5px 0;top:5px}.app .topbar:after{border-radius:0 0 12px 12px}.app .page{padding-top:24px}.app .page-heading h1:after{width:28px;bottom:-6px}.app .workflow-tabs,.app .history-periods,.app .settings-tabs,.app .attendance-tabs,.app .purchase-tabs{width:100%}.app .white-card:after{width:42px;height:42px}}.app .workspace{isolation:isolate}.app .workspace>.page{z-index:1;position:relative}.app .workspace>.db-state{z-index:10;position:relative}.app .workspace>.topbar{isolation:isolate;position:sticky;overflow:visible;z-index:2000!important}.app .notification-center{z-index:2100;position:relative}.app .notification-popover{isolation:isolate;z-index:2200!important}.app .dashboard-filter-wrap{z-index:50}.app .dashboard-filter-popover{z-index:100!important}.app>aside{z-index:3000!important}.app .overlay{z-index:2900!important}.swal2-container{z-index:10000!important}.app .white-card,.app .metric,.app .server-filter-bar{z-index:auto}.app .notification-popover header{z-index:2;position:sticky;top:0}.app .notification-popover>div{z-index:1;position:relative}.app .notification-popover:before{content:"";z-index:-1;border-radius:inherit;background:var(--theme-surface);position:absolute;inset:0;box-shadow:0 30px 90px #0f172a3d}@media (width<=850px){.app .workspace{overflow:hidden visible}.app .notification-popover{width:auto;max-height:calc(100dvh - 92px);position:fixed;top:76px;left:12px;right:12px}.app .notification-popover>div{max-height:calc(100dvh - 158px)}}@media (width<=560px){.app .notification-popover{max-height:calc(100dvh - 78px);top:68px;left:8px;right:8px}.app .notification-popover>div{max-height:calc(100dvh - 144px)}}.app .page-heading{justify-content:space-between;align-items:flex-start;gap:24px;min-width:0;display:flex}.app .page-heading>div:first-child{flex:auto;min-width:0;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:17px!important;display:flex!important}.app .page-heading h1{overflow-wrap:anywhere;max-width:100%;line-height:1.16;display:block;margin:0!important}.app .page-heading h1+small,.app .page-heading h1+.muted{width:100%;padding:0;line-height:1.65;display:block;margin:0!important}.app .page-heading>div:not(:first-child),.app .page-heading>button{flex:none}.app .page-heading .dashboard-filter-wrap,.app .page-heading .product-import-actions{align-self:flex-start}.app .card-heading{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.app .card-heading>h3{flex:0 auto;margin:0;line-height:1.4}.app .card-heading>span:not(:has(h3)){text-align:right;flex:0 auto;margin-left:auto;line-height:1.45}.app .card-heading>span:has(h3){flex-direction:column;flex:1;align-items:flex-start;gap:5px;min-width:0;display:flex}:is(.app .card-heading>span:has(h3) h3,.app .card-heading>span:has(h3) small){margin:0;line-height:1.45}.app .card-title{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.app .card-title>div,.app .chart-title>span{flex-direction:column;gap:6px;min-width:0;display:flex}.app .card-title h3,.app .card-title p,.app .chart-title h3,.app .chart-title small{margin:0}.app h2,.app h3,.app h4{line-height:1.35}.app p{line-height:1.6}.app label{line-height:1.5}.app label>span,.app label>small{line-height:1.45}.app nav button span{white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:1.35;display:block;overflow:hidden}.app .nav-submenu button span{line-height:1.35}.app .metric>div,.app .metric>div>span{min-width:0}.app .metric small,.app .metric p{line-height:1.5}.app table td b,.app table td small{line-height:1.45;display:block}.app table td b+small{margin-top:4px}.app .contact-row>div:nth-child(2),.app .product-row>div,.app .cart-row>div{gap:5px}.app .contact-row b,.app .contact-row small,.app .product-row b,.app .product-row small,.app .cart-row b,.app .cart-row small{line-height:1.4}.app .resume-alert span{gap:4px;line-height:1.45}.app .success-banner{line-height:1.5}.app .history-empty p{margin:8px 0 0;line-height:1.55}.app .notification-popover article span{gap:4px}.app .notification-popover article b,.app .notification-popover article small,.app .notification-popover article time{line-height:1.45}.app .verification-options>b,.app .verification-options>small,.app .profile-photo-setting b,.app .profile-photo-setting small{line-height:1.5;display:block}.app .service-item-total,.app .part-short-preview span,.app .server-filter-bar span{line-height:1.45}@media (width<=700px){.app .page-heading{flex-direction:column;gap:16px}.app .page-heading>div:first-child{width:100%;gap:15px!important}.app .page-heading>div:not(:first-child),.app .page-heading>.dashboard-filter-wrap,.app .page-heading>.product-import-actions{width:100%}.app .page-heading .product-import-actions{justify-content:stretch}.app .page-heading .product-import-actions button{flex:1;justify-content:center}}@media (width<=560px){.app .page-heading{gap:14px}.app .page-heading>div:first-child{gap:13px!important}.app .page-heading h1{line-height:1.2}.app .card-heading{flex-wrap:wrap;gap:10px}.app .card-heading:after{display:none}.app .card-heading>span:not(:has(h3)){text-align:left;margin-left:0}}.app .service-note-preview-wrap{border:1px solid var(--ui-border);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-text) 5%,var(--theme-bg)),var(--theme-bg));border-radius:16px;min-width:0;padding:22px;position:sticky;top:86px;overflow:auto;box-shadow:inset 0 1px #ffffffa6}.app .service-note-preview{letter-spacing:0;border:0;border-radius:2px;width:min(100%,794px);min-width:0;margin:0 auto;line-height:1.5;overflow:hidden;box-shadow:0 24px 65px #0f172a29;color:#17223b!important;background:#fff!important;padding:34px!important}.app .service-note-preview.a5{max-width:560px}.app .service-note-preview header{border-bottom:3px solid var(--note-accent);grid-template-columns:minmax(0,1fr) minmax(190px,.85fr);align-items:start;gap:22px;margin:0 0 17px;padding:0 0 16px;display:grid}.app .service-note-preview header>div{min-width:0}.app .service-note-preview header>div:last-child{text-align:right}.app .service-note-preview header h1,.app .service-note-preview header h2{overflow-wrap:anywhere;margin:0;line-height:1.15;color:var(--note-accent)!important}.app .service-note-preview header h1{font-size:1.65em}.app .service-note-preview header h2{font-size:1.7em}.app .service-note-preview header b{margin-top:5px;display:block;color:#17223b!important}.app .service-note-preview header small{overflow-wrap:anywhere;margin-top:3px;line-height:1.5;display:block;color:#718096!important}.app .unit-custody-summary{background:#dbe3ec;border:1px solid #dbe3ec;border-radius:5px;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 17px;padding:1px;display:grid;overflow:hidden}.app .unit-custody-summary>div{background:#f7f9fc;flex-direction:column;gap:5px;min-width:0;padding:11px 13px;display:flex}.app .unit-custody-summary .wide{grid-column:1/-1}.app .unit-custody-summary small{line-height:1.4;color:#718096!important}.app .unit-custody-summary b{overflow-wrap:anywhere;line-height:1.5;color:#17223b!important}.app .service-note-preview .note-intro{border-left:4px solid var(--note-accent);color:#334155;white-space:pre-wrap;background:#f2f6fa;border-radius:0 5px 5px 0;margin:0 0 18px;padding:12px 14px;line-height:1.55}.app .service-note-preview .note-info{grid-template-columns:1fr 1fr;gap:0 28px;margin:0 0 17px;display:grid}.app .service-note-preview .note-info>div{min-width:0}.app .service-note-preview .note-info p{border-bottom:1px solid #e8edf3;flex-direction:column;gap:4px;min-width:0;margin:0;padding:8px 0;display:flex}.app .service-note-preview .note-info small{line-height:1.4;color:#718096!important}.app .service-note-preview .note-info b{overflow-wrap:anywhere;line-height:1.45;color:#17223b!important}.app .service-note-preview .note-items{table-layout:fixed!important;border-collapse:collapse!important;border-spacing:0!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0 0 16px!important;display:table!important}.app .service-note-preview .note-items col.qty{width:9%}.app .service-note-preview .note-items col.money{width:20%}.app .service-note-preview .note-items thead{display:table-header-group!important}.app .service-note-preview .note-items th,.app .service-note-preview .note-items td{overflow-wrap:anywhere;vertical-align:top!important;border:1px solid #dbe3ec!important;padding:10px!important;line-height:1.45!important;display:table-cell!important}.app .service-note-preview .note-items th{background:var(--note-accent)!important;color:#fff!important;letter-spacing:.04em!important;text-transform:uppercase!important;font-size:.86em!important;font-weight:700!important}.app .service-note-preview .note-items td{color:#17223b!important;background:#fff!important;font-size:1em!important}.app .service-note-preview .note-items th:nth-child(2),.app .service-note-preview .note-items td:nth-child(2){text-align:center}.app .service-note-preview .note-items th:nth-child(n+3),.app .service-note-preview .note-items td:nth-child(n+3){text-align:right;white-space:nowrap}.app .service-note-preview .note-block,.app .service-note-preview .note-terms{color:#17223b;background:#fff;border:1px solid #dbe3ec;border-radius:5px;margin:12px 0;padding:12px 14px}.app .service-note-preview .note-block>b,.app .service-note-preview .note-terms>b{margin-bottom:7px;display:block;color:#17223b!important}.app .service-note-preview .note-block p,.app .service-note-preview .note-terms p{color:#334155;white-space:pre-wrap;margin:0;line-height:1.6}.app .service-note-preview .note-total{border-left:4px solid var(--note-accent);color:#17223b;background:#f2f6fa;border-radius:0 5px 5px 0;justify-content:space-between;align-items:center;gap:15px;margin:14px 0;padding:14px 16px;display:flex}.app .service-note-preview .note-total strong{white-space:nowrap;font-size:1.2em;color:var(--note-accent)!important}.app .service-note-preview .note-signatures{text-align:center;grid-template-columns:1fr 1fr;gap:65px;margin-top:45px;display:grid}.app .service-note-preview .note-signatures span{border-bottom:1px solid #556274;height:52px;margin-bottom:7px;display:block}.app .service-note-preview .note-signatures b{color:#17223b!important}.app .service-note-preview footer{text-align:center;white-space:pre-wrap;border-top:1px solid #dbe3ec;margin-top:26px;padding-top:12px;line-height:1.55;color:#607086!important}@media (width<=1100px){.app .service-note-preview-wrap{position:relative;top:auto}.app .service-note-preview{padding:27px!important}}@media (width<=620px){.app .service-note-preview-wrap{border-radius:12px;padding:10px}.app .service-note-preview{padding:20px 16px!important}.app .service-note-preview header{grid-template-columns:1fr;gap:12px}.app .service-note-preview header>div:last-child{text-align:left}.app .service-note-preview .note-info{grid-template-columns:1fr;gap:0}.app .unit-custody-summary{grid-template-columns:1fr}.app .unit-custody-summary .wide{grid-column:1}.app .service-note-preview .note-items th,.app .service-note-preview .note-items td{padding:7px 5px!important;font-size:.78em!important}.app .service-note-preview .note-items col.qty{width:10%}.app .service-note-preview .note-items col.money{width:23%}.app .service-note-preview .note-signatures{gap:25px}.app .service-note-preview .note-total{flex-direction:column;align-items:flex-start}}.app .purchase-line{grid-template-columns:74px repeat(3,minmax(150px,1fr));align-items:end;gap:14px 12px;padding:18px 0}.app .purchase-line>label{min-width:0}.app .purchase-line .weighted-hpp-preview{border:1px solid var(--ui-border);background:var(--ui-border);border-radius:11px;grid-column:2/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;display:grid;overflow:hidden}.app .weighted-hpp-preview>span{background:color-mix(in srgb,var(--theme-primary) 3%,var(--theme-surface));flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:66px;padding:11px 13px;display:flex}.app .weighted-hpp-preview small{color:var(--theme-muted);font-size:9px;line-height:1.4}.app .weighted-hpp-preview b,.app .weighted-hpp-preview strong{font-variant-numeric:tabular-nums;font-size:11px;line-height:1.4}.app .weighted-hpp-preview strong{color:var(--theme-primary);font-size:13px}.app .purchase-line>.delete-history{align-self:end;margin-bottom:4px}@media (width<=1100px){.app .purchase-line{grid-template-columns:70px repeat(2,minmax(160px,1fr))}.app .purchase-line .purchase-hpp-fields,.app .purchase-line .purchase-sales-fields,.app .purchase-line .weighted-hpp-preview{grid-column:2/-1}.app .purchase-line .weighted-hpp-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.app .purchase-line{grid-template-columns:1fr}.app .purchase-line>b{padding-bottom:0}.app .purchase-line .purchase-hpp-fields,.app .purchase-line .purchase-sales-fields,.app .purchase-line .weighted-hpp-preview{grid-column:1}.app .purchase-line .purchase-hpp-fields,.app .purchase-line .purchase-sales-fields{grid-template-columns:1fr}.app .purchase-line .purchase-sales-fields{max-width:none}.app .purchase-line .weighted-hpp-preview{grid-template-columns:1fr 1fr}.app .purchase-line>.delete-history{width:100%;margin:0}}@media (width<=430px){.app .purchase-line .weighted-hpp-preview{grid-template-columns:1fr}}.app .purchase-line .purchase-hpp-fields,.app .purchase-line .purchase-sales-fields{grid-column:2/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;display:grid}.app .purchase-line .purchase-hpp-fields{border:1px solid var(--ui-border);background:color-mix(in srgb,var(--theme-primary) 2.5%,var(--theme-surface));border-radius:12px;padding:14px}.app .purchase-line .purchase-sales-fields{max-width:740px}.app .purchase-line .purchase-hpp-fields>label,.app .purchase-line .purchase-sales-fields>label{flex-direction:column;gap:8px;min-width:0;display:flex}.app .purchase-line .compact-quantity{max-width:190px}.app .quantity-stepper,.app .stock-stepper{width:170px;max-width:100%;grid-template-columns:42px minmax(64px,86px) 42px!important}.app .quantity-stepper input,.app .stock-stepper input{text-align:center;padding-inline:5px}.app .quantity-stepper button,.app .stock-stepper button{width:42px}.app .cart-row input[type=number]{text-align:center;width:64px;min-height:38px}.app .service-product-line input[type=number]{max-width:100px}.app .petty-item input[type=number]{max-width:120px}.app .purchase-line input:disabled{background:color-mix(in srgb,var(--theme-text) 4%,var(--theme-surface));color:var(--theme-muted);cursor:not-allowed}.app .purchase-line label:has(input:disabled){opacity:.72}@media (width<=700px){.app .purchase-line .compact-quantity{max-width:none}.app .quantity-stepper,.app .stock-stepper{width:170px}}.owner-launcher{color:#dff8ff;background:radial-gradient(circle at 22% 24%,#075b8d55,#0000 28%),radial-gradient(circle at 82% 78%,#063e6755,#0000 30%),linear-gradient(135deg,#020713,#03172d 58%,#020b18);flex-direction:column;min-height:100vh;padding:30px clamp(24px,5vw,76px);display:flex;position:relative;overflow:hidden}.owner-launcher:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#00aeff0d 1px,#0000 1px),linear-gradient(#00aeff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 80%);mask-image:linear-gradient(135deg,#000,#0000 80%)}.owner-launcher:after{content:"";border:1px solid #16c6ff33;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-210px;right:-190px;box-shadow:0 0 90px #00aaff20,inset 0 0 90px #00aaff12}.owner-launcher>header,.owner-launcher-content,.owner-launcher>footer{z-index:1;position:relative}.owner-launcher>header{justify-content:space-between;align-items:center;display:flex}.owner-launcher>header .logo>span{border-color:#19c7ff;border-radius:8px;box-shadow:0 0 18px #00b8ff80,inset 0 0 13px #0384c455}.owner-launcher>header button{color:#bdefff;background:#031d33aa;border:1px solid #18c8ff55;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.owner-launcher>header button svg{width:16px}.owner-launcher>header button:hover{background:#073556;border-color:#20d8ff;box-shadow:0 0 20px #00baff2b}.owner-launcher-content{width:min(980px,100%);margin:auto;padding:70px 0}.owner-launcher-overline{color:#20d8ff;letter-spacing:2px;text-shadow:0 0 12px #00baff;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.owner-launcher-overline svg{width:17px}.owner-launcher h1{letter-spacing:-2.5px;margin:16px 0 8px;font-size:clamp(34px,5vw,62px);line-height:1.08}.owner-launcher-content>p{color:#8fb6ca;margin:0;font-size:14px}.owner-app-grid{grid-template-columns:repeat(auto-fill,minmax(280px,340px));gap:20px;margin-top:48px;display:grid}.owner-app-card{color:#dff8ff;text-align:left;background:linear-gradient(145deg,#073558cc,#031a2ddd);border:1px solid #12bfff55;border-radius:16px;align-items:center;gap:18px;min-height:154px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;box-shadow:0 18px 50px #0009,inset 0 1px #8ce8ff22}.owner-app-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 20% 10%,#1bd5ff22,#0000 42%);position:absolute;inset:0}.owner-app-card:hover{border-color:#20d8ff;transform:translateY(-5px);box-shadow:0 24px 60px #000b,0 0 28px #00baff33,inset 0 1px #8ce8ff33}.owner-app-icon{color:#20d8ff;background:#062c49;border:1px solid #20d8ff99;border-radius:17px;flex:0 0 66px;place-items:center;width:66px;height:66px;display:grid;box-shadow:0 0 24px #00baff2e,inset 0 0 18px #00aaff1f}.owner-app-icon svg{filter:drop-shadow(0 0 7px #00bfff);width:34px;height:34px}.owner-app-card>span:nth-child(2){flex-direction:column;gap:6px;min-width:0;display:flex}.owner-app-card strong{letter-spacing:-.5px;font-size:20px}.owner-app-card small{color:#8fb6ca;font-size:10px;line-height:1.5}.owner-app-card>svg{color:#20d8ff;width:18px;margin-left:auto;transition:transform .2s}.owner-app-card:hover>svg{transform:translate(4px)}.owner-launcher>footer{color:#568299;letter-spacing:1px;text-align:center;font-size:9px}.owner-app-card:focus-visible,.owner-launcher>header button:focus-visible{outline-offset:4px;outline:2px solid #20d8ff}@media (width<=560px){.owner-launcher{padding:22px 18px}.owner-launcher>header .logo>span{padding:9px 11px;font-size:16px}.owner-launcher>header button{justify-content:center;width:40px;padding:0;font-size:0}.owner-launcher-content{padding:54px 0}.owner-launcher h1{letter-spacing:-1.5px;font-size:35px}.owner-app-grid{grid-template-columns:1fr;margin-top:34px}.owner-app-card{min-height:132px;padding:19px}.owner-app-icon{flex-basis:58px;width:58px;height:58px}.owner-app-icon svg{width:29px;height:29px}}@media (prefers-reduced-motion:reduce){.owner-launcher *{transition:none!important}}.petty-report-heading-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.petty-report-heading-actions .export-excel{min-height:42px;padding-inline:16px}.petty-report-heading-actions>strong{white-space:nowrap}@media (width<=700px){.petty-report>.card-heading{flex-direction:column;align-items:stretch}.petty-report-heading-actions{flex-wrap:wrap;width:100%;margin-left:0}.petty-report-heading-actions .export-excel{flex:1}.petty-report-heading-actions>strong{flex:1;min-width:max-content}}.clickable-notification{cursor:pointer}.clickable-notification:hover{background:color-mix(in srgb,var(--theme-primary) 8%,var(--theme-surface))}.payment-inbox-overlay{z-index:12000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0812267a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.payment-inbox{border:1px solid var(--ui-border);background:var(--theme-surface);width:min(980px,100%);max-height:min(760px,100dvh - 40px);color:var(--theme-text);border-radius:20px;overflow:auto;box-shadow:0 30px 90px #0f172a4d}.payment-inbox>header{border-bottom:1px solid var(--ui-border);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 8%,var(--theme-surface)),var(--theme-surface));justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px;display:flex}.payment-inbox>header h2{margin:8px 0 4px}.payment-inbox>header p{color:var(--theme-muted);margin:0;font-size:12px}.payment-inbox>header>button{border:1px solid var(--ui-border);background:var(--theme-surface);width:40px;height:40px;color:var(--theme-muted);cursor:pointer;border-radius:10px}.payment-inbox-content{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:18px;padding:18px;display:grid}.payment-inbox-list{align-content:start;gap:9px;display:grid}.payment-inbox-item{border:1px solid var(--ui-border);background:var(--theme-bg);width:100%;color:var(--theme-text);text-align:left;cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:15px;display:flex}.payment-inbox-item:hover,.payment-inbox-item.selected{border-color:var(--theme-primary);box-shadow:0 8px 20px color-mix(in srgb,var(--theme-primary) 15%,transparent)}.payment-inbox-item>svg{color:var(--theme-primary);flex:0 0 20px}.payment-inbox-item>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.payment-inbox-item small,.payment-inbox-item time{color:var(--theme-muted);font-size:10px}.payment-inbox-item strong{color:#d28b14;font-size:10px}.payment-inbox-item strong.verified{color:#109b68}.payment-inbox-item strong.rejected{color:#c2414b}.payment-inbox-detail{border:1px solid var(--ui-border);background:color-mix(in srgb,var(--theme-primary) 4%,var(--theme-surface));border-radius:14px;align-self:start;padding:22px}.payment-inbox-detail h3{margin:10px 0 18px;font-size:20px}.payment-inbox-detail dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.payment-inbox-detail dt{color:var(--theme-muted);font-size:10px}.payment-inbox-detail dd{text-align:right;margin:0;font-size:12px;font-weight:700}.payment-inbox-actions{gap:10px;margin-top:22px;display:flex}.payment-inbox-actions button{min-height:44px;font:inherit;cursor:pointer;border-radius:9px;flex:1;font-size:11px;font-weight:700}.payment-inbox-actions .reject{color:#b43844;background:#fff2f3;border:1px solid #d56a73}.payment-inbox-actions .verify{border:1px solid var(--theme-primary);background:var(--theme-primary);color:#fff}.payment-inbox-empty{color:var(--theme-muted);text-align:center;padding:50px 20px}@media (width<=700px){.payment-inbox-overlay{padding:10px}.payment-inbox-content{grid-template-columns:1fr;padding:12px}.payment-inbox>header{padding:20px}.payment-inbox-detail dl{grid-template-columns:1fr;gap:8px}.payment-inbox-detail dd{text-align:left}.payment-inbox-actions{flex-direction:column}}.server-list>button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.server-subscription-status,.server-subscription-dates{color:var(--theme-muted);font-size:10px;font-style:normal}.server-subscription-status{color:var(--theme-primary);font-weight:750}.server-subscription-status.grace{color:#d28b14}.server-subscription-status.frozen,.server-subscription-status.deleted{color:#c2414b}.server-subscription-banner{border:1px solid color-mix(in srgb,var(--theme-primary) 28%,var(--ui-border));background:color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface));border-radius:12px;align-items:center;gap:12px;margin:16px 0;padding:14px 16px;display:flex}.server-subscription-banner>svg{width:22px;color:var(--theme-primary);flex:0 0 22px}.server-subscription-banner>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.server-subscription-banner small{color:var(--theme-muted)}.server-subscription-banner.grace{background:#fff9e8;border-color:#e6b34b}.server-subscription-banner.frozen,.server-subscription-banner.deleted{background:#fff4f5;border-color:#e6a2a9}.server-heading-actions>span{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.server-heading-actions>span small{color:var(--theme-muted);font-size:10px}@media (width<=700px){.server-subscription-banner{flex-wrap:wrap;align-items:stretch}.server-subscription-banner>span{flex-basis:calc(100% - 36px)}.server-subscription-banner .save{width:100%}.server-heading-actions>span{align-items:flex-start}}.registration-link{color:#6d88a5;background:0 0;border:0;margin-top:16px;font-size:11px}.registration-link b{color:#0879ec}.registration-link:hover{text-decoration:underline}.export-excel{border:1px solid var(--theme-primary);background:linear-gradient(135deg,var(--theme-primary),color-mix(in srgb,var(--theme-primary) 72%,#000));color:#fff;min-height:52px;font:inherit;letter-spacing:.01em;cursor:pointer;box-shadow:0 7px 18px color-mix(in srgb,var(--theme-primary) 25%,transparent);border-radius:10px;justify-content:center;align-self:end;align-items:center;gap:9px;padding:0 20px;font-size:12px;font-weight:750;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.export-excel svg{stroke-width:2px;width:18px;height:18px}.export-excel:hover{filter:brightness(1.08);box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary) 34%,transparent);transform:translateY(-2px)}.export-excel:active{transform:translateY(0)}.export-excel:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-primary) 30%,transparent);outline-offset:3px}@media (width<=720px){.export-excel{align-self:stretch;width:100%;min-height:48px}}.trial-timer{z-index:2500;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;color:#dff8ff;text-align:left;cursor:grab;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#031a2ddd,#062e4ddd);border:1px solid #20d8ff88;border-radius:13px;align-items:center;gap:13px;min-width:238px;padding:12px 15px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:fixed;bottom:20px;right:22px;box-shadow:0 12px 35px #0008,0 0 22px #00baff24}.trial-timer:active{cursor:grabbing}.trial-timer.positioned{margin:0!important;position:fixed!important;transform:none!important}.trial-timer:hover{border-color:#20d8ff;transform:translateY(-3px);box-shadow:0 16px 40px #0009,0 0 28px #00baff45}.trial-timer:focus-visible{outline-offset:3px;outline:2px solid #20d8ff}.trial-timer>span{flex-direction:column;gap:3px;min-width:0;display:flex}.trial-timer>span svg{color:#20d8ff;width:17px;height:17px;margin-bottom:1px}.trial-timer b{white-space:nowrap;font-size:11px}.trial-timer small{color:#8fb6ca;white-space:nowrap;font-size:8px}.trial-timer strong{color:#20d8ff;text-align:right;white-space:nowrap;text-shadow:0 0 10px #00baff;margin-left:auto;font-size:12px}.trial-timer strong i{color:#e9f8ff;letter-spacing:.06em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:14px;font-style:normal;display:block}.subscription-blocked{color:#dff8ff;text-align:center;background:radial-gradient(circle at 50% 30%,#0b3e6555,#0000 45%),#020713;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;padding:24px;display:flex}.subscription-blocked svg{color:#20d8ff;border:1px solid #20d8ff;border-radius:50%;width:62px;height:62px;padding:17px;box-shadow:0 0 25px #00baff55}.subscription-blocked h1{color:#e9f8ff;margin:8px 0 0}.subscription-blocked p{color:#9eb9c9}.subscription-options{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.subscription-options button{color:#dff8ff;background:#031d33;border:1px solid #20d8ff77;border-radius:10px;flex-direction:column;gap:5px;min-width:130px;padding:14px 12px;display:flex}.subscription-options button:hover{background:#073556;border-color:#20d8ff}.subscription-options b{color:#20d8ff;font-size:16px}.subscription-options span{font-size:10px}.subscription-intro{margin:0}.swal2-html-container .subscription-options button{cursor:pointer;font-family:inherit}.payment-invoice{text-align:left;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:10px;padding:16px}.payment-plan,.payment-amount,.payment-detail{justify-content:between;align-items:center;margin:8px 0;display:flex}.payment-plan span,.payment-amount span,.payment-detail span{color:#64748b;font-size:12px}.payment-plan b,.payment-amount b,.payment-detail b{color:#1e293b;margin-left:auto;font-size:14px}.payment-amount b{color:#0879ec;font-size:16px}.payment-invoice hr{border:0;border-top:1px solid #e2e8f0;margin:12px 0}.payment-bank{align-items:center;gap:12px;margin-bottom:12px;display:flex}.bank-logo{border-radius:4px;height:24px}.payment-bank small{color:#64748b;font-size:11px}.account-number{align-items:center;gap:8px;margin-left:auto;display:flex}.copy-rekening{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.copy-rekening:hover{color:#0f172a;background:#f1f5f9}.payment-note{color:#64748b;margin:0;font-size:11px;line-height:1.5}.swal2-html-container .subscription-options{margin:12px 0}.swal2-html-container .subscription-options button{font-family:inherit}@media (width<=560px){.subscription-options{grid-template-columns:1fr}.subscription-options button{width:100%}}.subscription-blocked{min-height:100dvh}.swal2-popup{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}.payment-plan,.payment-amount,.payment-detail{justify-content:space-between;gap:12px}.copy-rekening{min-height:40px;padding:0 12px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;min-width:320px;overflow-x:clip}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0;padding:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:clip}#root{flex-direction:column;min-height:100dvh;display:flex}.app,.app>.workspace,.app .page,.app .white-card,.app .metric,.app .card-heading,.app .page-heading,.app .table-scroll,.app .service-grid,.app .dashboard-charts,.app .dashboard-lower,.app .cashier-grid,.app .contact-grid,.app .database-layout,.app .receipt-settings-layout,.app .theme-layout,.app .service-note-layout{box-sizing:border-box!important;min-width:0!important}.app img,.app video,.app iframe,.app canvas{max-width:100%!important}.app form>*{min-width:0!important}.app input,.app select,.app textarea{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}.app button{overflow-wrap:anywhere!important;box-sizing:border-box!important;max-width:100%!important}@media (width>=851px){.app{--desktop-sidebar-width:252px;background:linear-gradient(to right, var(--theme-sidebar,#082e58) 0 var(--desktop-sidebar-width,252px), var(--theme-bg,#f3f6fb) var(--desktop-sidebar-width,252px) 100%)!important;width:100%!important;max-width:100%!important;min-height:100dvh!important;margin:0!important;padding:0!important;display:block!important;overflow-x:clip!important}.app:has(>aside.collapsed){--desktop-sidebar-width:68px}.app>aside{width:var(--desktop-sidebar-width,252px)!important;z-index:200!important;flex-direction:column!important;height:100dvh!important;transition:width .22s!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow:hidden!important;box-shadow:8px 0 30px #0f172a12!important}.app>aside.collapsed{width:68px!important}.app>.workspace{margin-left:var(--desktop-sidebar-width,252px)!important;width:calc(100% - var(--desktop-sidebar-width,252px))!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;transition:margin-left .22s,width .22s!important;display:block!important;overflow-x:clip!important}.app .topbar{width:auto!important;max-width:none!important}.app .page{width:100%!important;max-width:none!important}}@media (width<=850px){body:has(.app):before{display:none!important}.app{background:var(--theme-bg,#f3f6fb)!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow-x:clip!important}.app>aside{z-index:3000!important;width:min(280px,86vw)!important;max-width:86vw!important;height:100dvh!important;box-shadow:none!important;transition:left .25s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-300px!important}.app>aside.open{left:0!important;box-shadow:14px 0 50px #00000080!important}.app .overlay{-webkit-backdrop-filter:blur(3px)!important;z-index:2900!important;background:#05122694!important;display:block!important;position:fixed!important;inset:0!important}.app>.workspace{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow-x:clip!important}}.app .topbar{z-index:100!important;box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important;position:sticky!important}.app .sidebar-toggle-control{cursor:pointer!important;flex-shrink:0!important;place-items:center!important;display:grid!important}.app .global-search{flex:auto!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}.app .top-user{flex:none!important;align-items:center!important;gap:8px!important;min-width:0!important;margin-left:auto!important;display:flex!important}.app .top-user .bell,.app .top-user .logout,.app .user-avatar{cursor:pointer!important;flex-shrink:0!important;place-items:center!important;display:grid!important}@media (width<=640px){.app .top-user>div:not(.notification-center):not(.user-avatar),.app .top-user>svg{display:none!important}.app .top-user .return-owner-top{padding:0 8px!important;font-size:10px!important}.app .top-user .bell,.app .top-user .logout{border-radius:10px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.app .user-avatar{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}.app .sidebar-toggle-control{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin-right:0!important}}@media (width<=400px){.app .topbar{gap:6px!important;height:56px!important;min-height:56px!important;margin:6px 6px 0!important;padding:0 6px!important}.app .global-search{height:44px!important;min-height:44px!important;padding:0 8px!important}.app .global-search svg{width:15px!important;height:15px!important}.app .top-user{gap:6px!important}.app .top-user .bell,.app .top-user .logout{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.app .user-avatar{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}.app .sidebar-toggle-control{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}}@media (width>=1400px){.app .page{padding:26px clamp(32px,3vw,64px) 44px!important}}@media (width>=1025px) and (width<=1399px){.app .page{padding:22px 24px 38px!important}}@media (width>=769px) and (width<=1024px){.app .page{padding:18px 20px 32px!important}}@media (width<=768px){.app .page{padding:12px 12px 30px!important}}@media (width<=850px){.app input:not([type=checkbox]):not([type=radio]),.app select,.app textarea,.app .control,.app .save,.app .primary,.app button.secondary,.app .page-heading button,.app .card-heading button,.app .workflow-tabs button,.app .settings-tabs button,.app .attendance-tabs button,.app .purchase-tabs button,.app .history-periods button,.app .petty-periods button,.app .export-excel,.app .sidebar-toggle-control,.app .top-user .bell,.app .top-user .logout,.app .pagination button,.app .row-actions button{min-height:44px!important}.app .pagination{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;height:auto!important;min-height:44px!important;padding:10px 14px!important;display:flex!important}.app .pagination button{min-width:40px!important;padding:0 8px!important}.app .row-actions button{min-width:40px!important}}@media (width<=700px){.app input:not([type=checkbox]):not([type=radio]),.app select,.app textarea,.cyber-auth input,.cyber-auth select,.cyber-auth textarea,.swal2-input,.swal2-select,.swal2-textarea{font-size:16px!important}.app input:not([type=checkbox]):not([type=radio]),.app select{min-height:46px!important}.app textarea{min-height:100px!important}.app .save,.app .primary,.app form button,.app .page-heading button,.swal2-confirm,.swal2-cancel{min-height:46px!important}}@media (width>=1151px){.app .dashboard-charts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app .dashboard-charts>.revenue-chart{grid-column:1/-1!important}}@media (width<=1150px){.app .dashboard-charts,.app .dashboard-lower{grid-template-columns:1fr!important;gap:16px!important}.app .dashboard-charts>*{grid-column:auto!important}}@media (width>=1200px){.app .metric-grid,.app .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}}@media (width>=680px) and (width<=1199px){.app .metric-grid,.app .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.app .attendance-report-summary,.app .report-summary,.app .petty-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=679px){.app .metric-grid,.app .stats-grid{grid-template-columns:1fr!important;gap:10px!important}.app .attendance-report-summary,.app .report-summary,.app .petty-summary-cards{grid-template-columns:1fr!important}}@media (width<=1100px){.app .service-note-layout,.app .receipt-settings-layout,.app .theme-layout,.app .contact-grid,.app .attendance-grid,.app .product-grid,.app .database-layout,.app .service-grid{grid-template-columns:1fr!important;gap:18px!important}.app .service-note-preview-wrap,.app .receipt-preview-wrap{width:100%!important;max-width:100%!important;position:static!important;top:auto!important}}@media (width<=768px){.app .form-grid,.app .transaction-fields,.app .payment-summary,.app .receipt-two,.app .receipt-checks,.app .theme-color-grid,.app .theme-logo-fields>div,.app .database-create form,.app .account-create,.app .permission-create .permission-grid{grid-template-columns:1fr!important;gap:14px!important}.app .transaction-fields .wide-field,.app .transaction-fields .issue-label,.app .method{grid-column:auto!important}.app .form-grid label,.app .transaction-fields label{flex-direction:column!important;grid-template-columns:none!important;align-items:stretch!important;gap:6px!important;width:100%!important;display:flex!important}}@media (width>=1025px){.app .cashier-grid{grid-template-columns:minmax(0,1fr) minmax(320px,400px)!important;align-items:start!important;gap:18px!important}.app .cashier-cart{position:sticky!important;top:80px!important}}@media (width<=1024px){.app .cashier-grid{grid-template-columns:1fr!important;gap:16px!important}.app .cashier-cart{width:100%!important;position:static!important;top:auto!important}}@media (width<=700px){.app .cashier-filters{flex-direction:column!important;gap:10px!important;min-height:auto!important;display:flex!important}.app .cashier-filters .searchable-combobox,.app .cashier-filters input,.app .cashier-filters select{flex:auto!important;width:100%!important;min-width:0!important}.app .cart-row{grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px!important}.app .cart-row input[type=number]{width:60px!important;min-height:42px!important}.app .split-payment-row{grid-template-columns:1fr!important;gap:8px!important}.app .split-fill,.app .split-remove{width:100%!important;min-height:44px!important}.app .split-payment-heading{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.app .split-payment-heading button{justify-content:center!important;width:100%!important;min-height:44px!important}}@media (width<=768px){.app .service-product-line,.app .purchase-line,.app .petty-item{border:1px solid var(--ui-border)!important;background:color-mix(in srgb, var(--theme-primary) 3%, var(--theme-surface))!important;border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:12px!important;padding:14px!important;display:flex!important}.app .service-product-line>label,.app .purchase-line>label,.app .service-product-line .searchable-combobox,.app .purchase-line .searchable-combobox{width:100%!important;min-width:0!important;max-width:100%!important}.app .purchase-line .purchase-hpp-fields,.app .purchase-line .purchase-sales-fields,.app .purchase-line .weighted-hpp-preview{grid-column:1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;display:grid!important}.app .service-product-line .delete-history,.app .purchase-line>.delete-history,.app .petty-item>.delete-history{justify-content:center!important;width:100%!important;min-height:44px!important;margin:4px 0 0!important}}@media (width<=480px){.app .purchase-line .purchase-hpp-fields,.app .purchase-line .purchase-sales-fields,.app .purchase-line .weighted-hpp-preview{grid-template-columns:1fr!important}}.app .table-scroll,.app .history-table,.app .attendance-report-table,.app .contact-table,.app .product-table{overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;border-radius:12px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.app .notification-popover{border-radius:14px!important;box-shadow:0 20px 60px #0f172a38!important}@media (width<=700px){.app .notification-popover{z-index:3100!important;width:auto!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 84px)!important;position:fixed!important;top:68px!important;left:10px!important;right:10px!important;overflow-y:auto!important}.app .notification-popover>div{max-height:calc(100dvh - 150px)!important;overflow-y:auto!important}.payment-inbox-overlay{padding:10px!important}.payment-inbox{border-radius:14px!important;max-height:calc(100dvh - 20px)!important}.payment-inbox-content{grid-template-columns:1fr!important;padding:12px!important}.payment-inbox-actions{flex-direction:column!important}.swal2-popup{width:calc(100vw - 20px)!important;max-width:480px!important;max-height:calc(100dvh - 20px)!important;padding:20px 14px!important}}@media (width<=850px){.trial-timer,.trial-timer.positioned,.trial-timer:not(.positioned){z-index:10!important;width:calc(100% - 20px)!important;max-width:460px!important;margin:10px auto 4px!important;position:relative!important;inset:auto!important;transform:none!important;box-shadow:0 4px 16px #00000040!important}.trial-timer:hover{transform:none!important}}@media (width<=420px){.trial-timer b{font-size:10px!important}.trial-timer small{display:none!important}.trial-timer strong{font-size:11px!important}.trial-timer strong i{font-size:12px!important}}.cyber-auth{color:#dff8ff;background:#020713;grid-template-columns:55% 45%;position:relative;overflow:hidden}.cyber-auth:before{content:"";pointer-events:none;z-index:8;background:linear-gradient(90deg,#02071300 49.8%,#00aeff33 50%,#02071300 50.2%),repeating-linear-gradient(0deg,#0caeff07 0 1px,#0000 1px 48px);position:fixed;inset:0}.cyber-auth .auth-hero{background:radial-gradient(circle at 70% 52%,#084c7a66,#0000 42%),linear-gradient(120deg,#010817,#031a33 58%,#020d1d);border-right:1px solid #00baff44;padding:54px 7.2%}.cyber-auth .auth-hero:before{content:"";opacity:.65;background-color:#0000;background-image:linear-gradient(90deg,#009dff12 1px,#0000 1px),linear-gradient(#009dff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:46px 46px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 88%);mask-image:linear-gradient(90deg,#000,#0000 88%)}.cyber-auth .auth-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#001a32);height:170px;position:absolute;bottom:0;left:0;right:0}.cyber-auth .logo>span{border-color:#19c7ff;border-radius:7px;box-shadow:0 0 15px #00b8ffb0,inset 0 0 13px #0384c466}.cyber-auth .hero-copy{max-width:660px;margin-top:16vh}.cyber-auth .hero-copy>span{color:#20d8ff;text-shadow:0 0 12px #00baff;font-size:11px}.cyber-auth .hero-copy h1{text-transform:uppercase;letter-spacing:-2.8px;text-shadow:0 0 20px #009cff55;font-family:Inter,Arial,sans-serif;font-size:clamp(34px,4.3vw,62px);font-style:italic;line-height:1.08}.cyber-auth .hero-copy h1 em{color:#19c9ff;text-shadow:0 0 18px #0af;display:block}.cyber-auth .hero-copy p{color:#a6c8db;max-width:500px;font-size:15px}.cyber-auth .phone-art{opacity:.2;color:#00baff;bottom:-125px;right:-80px}.cyber-auth .owner-stats{gap:28px;margin-top:38px}.cyber-auth .owner-stats .stat{background:#031a2ddd;border-color:#00bfff80;border-radius:4px;box-shadow:0 0 18px #00aaff1a,inset 0 0 16px #0064a02e}.cyber-auth .owner-stats .stat svg{color:#20d8ff;filter:drop-shadow(0 0 7px #00bfff)}.cyber-auth .auth-panel{background:radial-gradient(circle at 50% 35%,#103253 0,#061321 48%,#020713 100%);padding:42px 9%;position:relative}.cyber-auth .auth-panel:before{content:"";clip-path:polygon(6% 0,94% 0,100% 9%,100% 91%,94% 100%,6% 100%,0 91%,0 9%);pointer-events:none;border:1px solid #00bfff80;position:absolute;inset:32px 7%;box-shadow:0 0 25px #00bfff8c,inset 0 0 30px #005f9930}.cyber-auth .auth-panel:after{content:"SECURE ACCESS • ENCRYPTED CONNECTION";letter-spacing:1px;color:#55d8ff;white-space:nowrap;text-shadow:0 0 9px #00bfff;font-size:8px;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.cyber-auth .auth-card{z-index:2;max-width:390px;padding:28px 8px;position:relative}.cyber-auth .auth-card>.overline{text-align:center;color:#20d8ff;text-shadow:0 0 10px #00bfff;display:block}.cyber-auth .auth-card h2{text-align:center;text-transform:uppercase;color:#e9f8ff;text-shadow:0 0 12px #0af;letter-spacing:-.8px;font-size:26px;font-style:italic}.cyber-auth .auth-card>p{text-align:center;color:#9eb9c9;margin-bottom:30px}.cyber-auth .auth-card form{border-top:1px solid #00bfff66;padding-top:18px;position:relative}.cyber-auth .auth-card label{color:#30d8ff;letter-spacing:.5px;font-size:10px}.cyber-auth .input{background:#020d19;border-color:#00bfffcc;border-radius:5px;height:45px;box-shadow:0 0 11px #009dff2b,inset 0 0 12px #001d34}.cyber-auth .input:focus-within{border-color:#41e4ff;box-shadow:0 0 18px #00bfffaa,inset 0 0 12px #001d34}.cyber-auth .input input{color:#e8faff}.cyber-auth .input input::placeholder{color:#7691a3}.cyber-auth .input button{color:#79d9f5}.cyber-auth .primary{color:#fff;text-transform:none;background:linear-gradient(#087ce9,#0754c5);border:1px solid #4ce8ff;border-radius:5px;height:50px;font-size:12px;box-shadow:0 0 18px #009dffbb,inset 0 0 14px #39cfff80}.cyber-auth .primary:hover{filter:brightness(1.15);box-shadow:0 0 27px #00c8ff,inset 0 0 14px #5bdfff}.cyber-auth .copyright{z-index:2;color:#52caf0;letter-spacing:1px;position:relative}.cyber-auth .mobile-logo{z-index:2;position:relative}@media (width<=850px){.cyber-auth{min-height:100svh;display:block;overflow:auto}.cyber-auth:before{z-index:0;background:repeating-linear-gradient(0deg,#0caeff06 0 1px,#0000 1px 54px)}.cyber-auth .auth-hero{display:none}.cyber-auth .auth-panel{justify-content:flex-start;min-height:100svh;padding:42px 24px 96px}.cyber-auth .auth-panel:before{clip-path:polygon(7% 0,93% 0,100% 5%,100% 95%,93% 100%,7% 100%,0 95%,0 5%);inset:18px 12px 28px}.cyber-auth .auth-panel:after{letter-spacing:.7px;font-size:7px;bottom:57px}.cyber-auth .mobile-logo{margin:0 0 68px;display:block}.cyber-auth .mobile-logo .logo>span{color:#fff;border-color:#20c8ff;box-shadow:0 0 15px #00b8ff80}.cyber-auth .auth-card{max-width:390px;margin:0 auto;padding:14px 4px}.cyber-auth .auth-card h2{margin:10px 0;font-size:25px;line-height:1.12}.cyber-auth .auth-card>p{margin-bottom:24px}.cyber-auth .copyright{text-align:center;width:80%;font-size:6px;line-height:1.5;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.cyber-auth .input{height:45px}.cyber-auth .primary{height:48px}}@media (width<=380px){.cyber-auth .auth-panel{padding-inline:18px}.cyber-auth .mobile-logo{margin-bottom:48px}.cyber-auth .auth-card h2{font-size:22px}}:root{scrollbar-color:#9aa9bc #eef2f7;scrollbar-width:thin}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--theme-primary,#2563eb) 65%,#8b9bb0) color-mix(in srgb,var(--theme-bg,#f3f6fb) 88%,#fff)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:color-mix(in srgb,var(--theme-bg,#f3f6fb) 88%,#fff);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary,#2563eb) 78%,#fff),color-mix(in srgb,var(--theme-primary,#2563eb) 70%,#17223b));border:2px solid color-mix(in srgb,var(--theme-bg,#f3f6fb) 88%,#fff);min-height:36px;box-shadow:0 2px 8px color-mix(in srgb,var(--theme-primary,#2563eb) 22%,transparent);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--theme-primary,#2563eb),color-mix(in srgb,var(--theme-primary,#2563eb) 72%,#17223b))}::-webkit-scrollbar-corner{background:0 0}.app>aside>nav{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--theme-primary,#2563eb) 58%,#fff) transparent}.app>aside>nav::-webkit-scrollbar{width:7px}.app>aside>nav::-webkit-scrollbar-track{background:0 0}.app>aside>nav::-webkit-scrollbar-thumb{border:1px solid color-mix(in srgb,var(--theme-sidebar,#111c36) 78%,transparent);background:color-mix(in srgb,var(--theme-primary,#2563eb) 72%,#fff)}select{appearance:none}.searchable-combobox{z-index:1;width:100%;min-width:0;position:relative}.searchable-combobox.is-open{z-index:100}.searchable-combobox>input{width:100%;padding-left:42px;padding-right:72px!important}.searchable-combobox-icon{z-index:2;width:17px;height:17px;color:var(--theme-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.searchable-combobox-chevron{z-index:2;width:17px;height:17px;color:var(--theme-muted);pointer-events:none;transition:transform .18s,color .18s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.searchable-combobox.is-open .searchable-combobox-chevron{color:var(--theme-primary);transform:translateY(-50%)rotate(180deg)}.searchable-combobox-clear{z-index:3;width:25px;height:25px;color:var(--theme-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:38px;transform:translateY(-50%)}.searchable-combobox-clear:hover{background:var(--ui-accent-soft);color:var(--theme-primary)}.searchable-combobox-clear svg{width:14px;height:14px}.searchable-combobox-menu{z-index:1000;border:1px solid var(--ui-border);background:var(--theme-surface);max-height:min(340px,45vh);box-shadow:0 18px 45px #0f172a24,0 0 0 1px color-mix(in srgb,var(--theme-primary) 4%,transparent);border-radius:14px;padding:6px;animation:.16s ease-out combobox-menu-in;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.searchable-combobox-option{width:100%;min-height:54px;color:var(--theme-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:9px 11px;transition:background .16s,color .16s;display:flex}.searchable-combobox-option:hover,.searchable-combobox-option.is-active{background:var(--ui-accent-soft);color:var(--theme-text)}.searchable-combobox-option[aria-selected=true]{box-shadow:inset 3px 0 var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 8%,var(--theme-surface))}.searchable-option-main{overflow-wrap:anywhere;font-size:11px;font-weight:700;line-height:1.35}.searchable-option-meta{color:var(--theme-muted);font-size:10px;font-weight:600;line-height:1.35}.searchable-combobox-empty{text-align:center;color:var(--theme-muted);padding:22px 14px;font-size:11px}.searchable-combobox.is-disabled{opacity:.62;pointer-events:none}@keyframes combobox-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app select{border:1px solid var(--ui-border);background-color:var(--theme-surface);width:100%;min-height:44px;color:var(--theme-text);letter-spacing:-.01em;cursor:pointer;box-shadow:0 1px 2px #0f172a08,0 5px 14px color-mix(in srgb,var(--theme-text) 3%,transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:18px;border-radius:12px;padding:0 42px 0 14px;font-size:12px;font-weight:600;line-height:1.2;transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s;position:relative}.app select:hover{border-color:color-mix(in srgb,var(--theme-primary) 32%,var(--ui-border));background-color:color-mix(in srgb,var(--theme-primary) 2%,var(--theme-surface));box-shadow:0 3px 12px color-mix(in srgb,var(--theme-primary) 8%,transparent)}.app select:focus,.app select:focus-visible{border-color:color-mix(in srgb,var(--theme-primary) 70%,var(--ui-border));background-color:var(--theme-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 12%,transparent),0 5px 16px color-mix(in srgb,var(--theme-primary) 10%,transparent);outline:none}.app select:disabled{cursor:not-allowed;opacity:.62;background-color:color-mix(in srgb,var(--theme-text) 4%,var(--theme-surface))}.app select option{background:var(--theme-surface);color:var(--theme-text);font:inherit;padding:10px 14px;font-weight:500}.app select option:checked{background:color-mix(in srgb,var(--theme-primary) 12%,var(--theme-surface));color:var(--theme-text);font-weight:700}.app select option:hover{background:color-mix(in srgb,var(--theme-primary) 8%,var(--theme-surface))}.app .server-filter-bar select,.app .report-server-filter select{background-color:var(--theme-surface);min-height:44px;color:var(--theme-text);border-color:var(--ui-border)}.app .product-form label select,.app .purchase-line select,.app .service-product-line select,.app .split-payment-row select,.app .cashier-filters select,.app .petty-top select{min-height:42px}.app .dashboard-filter-popover select{min-height:40px}@media (width<=700px){.app select{background-position:right 12px center;min-height:48px;padding-left:13px;padding-right:40px;font-size:16px!important}.app select option{padding:12px 13px}.searchable-combobox>input{padding-left:42px!important;padding-right:68px!important}.searchable-combobox-menu{border-radius:13px;max-height:min(300px,42vh);top:calc(100% + 6px)}.searchable-option-main{font-size:12px}.searchable-option-meta{font-size:10px}.searchable-combobox-option{min-height:58px;padding:10px 11px}.searchable-combobox-clear{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.app select{transition:none}}@media (width<=700px){::-webkit-scrollbar{width:8px;height:8px}.app>aside>nav::-webkit-scrollbar{width:7px}}.app>aside>nav{overscroll-behavior:contain!important;scrollbar-gutter:stable!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--theme-primary,#2563eb) 72%,#fff) color-mix(in srgb,var(--theme-sidebar,#111c36) 88%,transparent)!important;flex:1 1 0!important;height:0!important;min-height:0!important;max-height:100%!important;scroll-padding-block:12px!important;display:flex!important;overflow:hidden scroll!important}.app>aside>nav>button{white-space:nowrap!important;flex:0 0 42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}.app>aside>nav .nav-submenu{flex:none!important;min-height:max-content!important;overflow:visible!important}.app>aside>nav .nav-submenu>button{white-space:nowrap!important;flex:0 0 42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}.app>aside>nav .nav-submenu.nested{flex:none!important;min-height:max-content!important;overflow:visible!important}.app>aside>nav .nav-submenu.nested>button{flex:0 0 42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;font-size:9px!important}.app>aside>nav .nav-submenu.nested>button span{font-size:9px!important;line-height:1.35!important}.app>aside>nav::-webkit-scrollbar{background:0 0!important;width:8px!important;display:block!important}.app>aside>nav::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--theme-sidebar,#111c36) 88%,transparent)!important;display:block!important}.app>aside>nav::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid color-mix(in srgb,var(--theme-sidebar,#111c36) 88%,transparent)!important;background:color-mix(in srgb,var(--theme-primary,#2563eb) 72%,#fff)!important;min-height:38px!important;display:block!important}@media (width<=850px){.app>aside>nav{max-height:100%!important}.app>aside>nav>button,.app>aside>nav .nav-submenu>button,.app>aside>nav .nav-submenu.nested>button{flex-basis:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}}.app .stock-stepper button,.app .quantity-stepper button{border-color:var(--ui-border)!important;background:var(--ui-accent-soft)!important;color:var(--theme-primary)!important}.app .stock-stepper button:hover,.app .quantity-stepper button:hover{background:var(--theme-primary)!important;color:var(--theme-on-primary)!important}.app .stock-stepper input,.app .quantity-stepper input{border-color:var(--ui-border)!important;background:var(--theme-surface)!important;color:var(--theme-text)!important}.app .service-item-total,.app .purchase-total,.app .part-short-preview,.app .cashier-page .product-card img{color:var(--theme-text);background:var(--ui-accent-soft)!important}.app .service-item-total strong,.app .cashier-page .product-card span{color:var(--theme-primary)!important}.app .workflow-tabs button.active,.app .attendance-tabs button.active,.app .purchase-tabs button.active,.app .settings-tabs button.active,.app .history-periods button.active,.app .pending-tabs button.active,.app .continue-btn,.app .product-import,.app .product-export:hover,.app .master-add button,.app .login-user,.app .runtime-error button{background:var(--theme-primary)!important;border-color:var(--theme-primary)!important;color:var(--theme-on-primary)!important}.app .dashboard-filter-trigger,.app .date-filter button,.app .export-excel,.app .save,.app .primary{background:linear-gradient(135deg,var(--theme-primary),color-mix(in srgb,var(--theme-primary) 72%,#000))!important;border-color:var(--theme-primary)!important;color:var(--theme-on-primary)!important}.app .product-import-actions .product-export{border-color:var(--ui-accent-border);background:var(--theme-surface);color:var(--theme-primary)}.app .chart-legend i.cashier{background:color-mix(in srgb,var(--theme-primary) 72%,#0fb5bd)!important}.app .report-summary>div>svg,.app .petty-summary-cards>div>svg,.app .permit-upload>svg,.app .attendance-detail-link,.app .map-box a,.app .product-actions button,.app .master-list button{color:var(--theme-primary)}.app .report-summary>div>svg,.app .petty-summary-cards>div>svg{background:var(--ui-accent-soft)}.app .contact-row>span,.app .profile-photo-preview{background:var(--ui-accent-soft)!important;color:var(--theme-primary)!important}.app .profile-photo-setting button{background:var(--theme-primary);border-color:var(--theme-primary);color:var(--theme-on-primary)}.app .account-types>button.active{border-color:var(--theme-primary);background:var(--ui-accent-soft);color:var(--theme-primary)}.app .account-types>button:hover{border-color:var(--ui-accent-border)}.app .server-list>button.active{border-color:var(--ui-accent-border);background:var(--ui-accent-soft);box-shadow:inset 3px 0 var(--theme-primary)}.app .server-list>button.active>svg:first-child{color:var(--theme-primary)}.app .petty-balance{background:linear-gradient(135deg,var(--theme-sidebar),var(--theme-primary))!important}.app .petty-report .card-heading strong{color:var(--theme-primary)}.app .payment-amount b,.app .registration-link b{color:var(--theme-primary)!important}.app .attendance-total.present>svg,.app .attendance-total.leave>svg,.app .attendance-total.sick>svg{background:var(--ui-accent-soft)!important;color:var(--theme-primary)!important}.app .permit-type,.app .resume-alert,.app .attachment-selected,.app .success-banner{border-color:var(--ui-accent-border)!important;background:var(--ui-accent-soft)!important;color:var(--theme-primary)!important}.app input:focus,.app select:focus,.app textarea:focus,.app .purchase-line input:focus,.app .purchase-line select:focus,.app .purchase-note textarea:focus{border-color:var(--theme-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 14%,transparent)!important}.app table th.action-col,.app table td.action-col,.app table th:last-child,.app table td:last-child{white-space:nowrap!important;text-align:center!important;vertical-align:middle!important;width:1%!important;min-width:180px!important}.app .history-table .product-list-cell{min-width:220px;max-width:320px;line-height:1.55;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.app .history-table .price-list-cell{min-width:150px;max-width:220px;line-height:1.55;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.app .history-table table{min-width:1060px}.app .purchase-actions,.app .history-actions,.app .part-short-actions,.app .petty-actions{margin:0 auto;white-space:nowrap!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:max-content!important;display:inline-flex!important}.app .purchase-actions button,.app .history-actions button,.app .part-short-actions button,.app .petty-actions button{-webkit-user-select:none;user-select:none;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;letter-spacing:.015em!important;border:1px solid var(--ui-border,#dce5ed)!important;height:33px!important;min-height:33px!important;color:var(--theme-primary,#0879ec)!important;cursor:pointer!important;background:#fff!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:0 13px!important;font-size:11.5px!important;font-weight:600!important;line-height:1!important;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .1s!important;display:inline-flex!important;box-shadow:0 1px 2px #0f172a0d!important}.app .purchase-actions button svg,.app .history-actions button svg,.app .part-short-actions button svg,.app .petty-actions button svg{stroke-width:2.2px!important;flex-shrink:0!important;width:13.5px!important;height:13.5px!important}.app .purchase-actions button.edit-btn,.app .history-actions button.edit-btn,.app .part-short-actions button.edit-btn,.app .petty-actions button.edit-btn,.app .purchase-actions button:not(.danger):not(.delete-btn){color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.app .purchase-actions button.edit-btn:hover,.app .history-actions button.edit-btn:hover,.app .part-short-actions button.edit-btn:hover,.app .petty-actions button.edit-btn:hover,.app .purchase-actions button:not(.danger):not(.delete-btn):hover{transform:translateY(-1px);color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;box-shadow:0 3px 8px #2563eb47!important}.app .purchase-actions button.edit-btn:hover svg,.app .history-actions button.edit-btn:hover svg,.app .part-short-actions button.edit-btn:hover svg,.app .petty-actions button.edit-btn:hover svg,.app .purchase-actions button:not(.danger):not(.delete-btn):hover svg{color:#fff!important}.app .purchase-actions button.danger,.app .purchase-actions button.delete-btn,.app .history-actions button.danger,.app .history-actions button.delete-btn,.app .part-short-actions button.danger,.app .part-short-actions button.delete-btn,.app .petty-actions button.danger,.app .petty-actions button.delete-btn{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.app .purchase-actions button.danger:hover,.app .purchase-actions button.delete-btn:hover,.app .history-actions button.danger:hover,.app .history-actions button.delete-btn:hover,.app .part-short-actions button.danger:hover,.app .part-short-actions button.delete-btn:hover,.app .petty-actions button.danger:hover,.app .petty-actions button.delete-btn:hover{transform:translateY(-1px);color:#fff!important;background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 3px 8px #dc262647!important}.app .purchase-actions button.danger:hover svg,.app .purchase-actions button.delete-btn:hover svg,.app .history-actions button.danger:hover svg,.app .history-actions button.delete-btn:hover svg,.app .part-short-actions button.danger:hover svg,.app .part-short-actions button.delete-btn:hover svg,.app .petty-actions button.danger:hover svg,.app .petty-actions button.delete-btn:hover svg{color:#fff!important}.app .purchase-actions button:active,.app .history-actions button:active,.app .part-short-actions button:active,.app .petty-actions button:active{transform:translateY(0)scale(.98)!important}.app .attendance-row-actions{align-items:center;gap:6px;display:inline-flex}.app .attendance-row-actions button.edit-history{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.app .attendance-row-actions button.edit-history:hover{color:#fff;background:#2563eb;border-color:#2563eb}.app .attendance-row-actions button.edit-history svg{stroke-width:2.2px;width:14px;height:14px}.app .resume-alert.edit-mode-alert{color:#1e40af;background:#eff6ff;border-color:#93c5fd;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.app .resume-alert.edit-mode-alert span b{color:#1d4ed8;margin-bottom:2px;font-size:13.5px;display:block}.app .cancel-edit-btn{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;border-radius:6px;flex-shrink:0;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:600;transition:all .16s}.app .cancel-edit-btn:hover{background:#dbeafe;border-color:#93c5fd}@media (width<=700px){.app table th.action-col,.app table td.action-col,.app table th:last-child,.app table td:last-child{min-width:195px!important}.app .purchase-actions button,.app .history-actions button,.app .part-short-actions button,.app .petty-actions button,.app .cancel-edit-btn{height:44px!important;min-height:44px!important;padding:0 14px!important;font-size:12px!important}.app .purchase-actions button svg,.app .history-actions button svg,.app .part-short-actions button svg,.app .petty-actions button svg{width:15px!important;height:15px!important}.app .attendance-row-actions button.edit-history,.app .attendance-row-actions button.delete-history{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.app .resume-alert.edit-mode-alert{flex-wrap:wrap;gap:8px}.app .cancel-edit-btn{text-align:center;width:100%;margin-left:0}}.permission-groups-wrap{flex-direction:column;gap:12px;width:100%;margin-top:10px;display:flex}.permission-group-card{background:var(--theme-surface,#fff);border:1px solid var(--ui-border,#e1e8f0);border-radius:9px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.permission-group-card:hover{border-color:#cbd5e1}.permission-group-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.permission-group-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.permission-group-title b{color:var(--theme-text,#173258);letter-spacing:-.2px;font-size:11px}.permission-badge{color:#627792;white-space:nowrap;background:#eef3f8;border-radius:12px;align-items:center;padding:2px 8px;font-size:9px;font-weight:700;display:inline-flex}.permission-badge.active{color:#0b9d68;background:#e6f7ed}.permission-group-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.group-toggle-btn{color:#435b77;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d4dfea;border-radius:6px;justify-content:center;align-items:center;height:28px;padding:0 10px;font-size:9px;font-weight:700;transition:all .15s;display:inline-flex}.group-toggle-btn:hover:not(:disabled){color:#0879ec;background:#f0f7ff;border-color:#0879ec}.group-toggle-btn.primary{color:#fff;background:#0879ec;border-color:#0879ec}.group-toggle-btn.primary:hover:not(:disabled){color:#fff;background:#076bd3;border-color:#076bd3}.group-toggle-btn.reset{color:#cb3d4d;background:snow;border-color:#f3d4d8}.group-toggle-btn.reset:hover:not(:disabled){color:#cb3d4d;background:#fde8eb;border-color:#cb3d4d}.group-toggle-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.permission-group-desc{color:var(--theme-muted,#788c9f);margin-bottom:10px;font-size:8.5px;line-height:1.35;display:block}.permission-group-card .permission-grid{border-top:1px solid #edf2f7;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:0;padding-top:8px;display:grid}.permission-checkbox-label{color:var(--theme-text,#4a5d72);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:7px;min-width:0;padding:4px 6px;font-size:9px;font-weight:600;transition:background .12s;display:flex}.permission-checkbox-label:hover{background:#0879ec0f}.permission-checkbox-label input[type=checkbox]{accent-color:#0879ec;cursor:pointer;flex-shrink:0;width:15px;height:15px;margin:0}.permission-checkbox-label span{overflow-wrap:anywhere;word-break:break-word;min-width:0;line-height:1.3}.account-permissions-drawer{border-top:1px solid #e8edf3;width:100%;margin-top:10px;padding-top:10px}.account-permissions-header{color:#556c86;margin-bottom:8px;font-size:9px}.permission-create-header{border-bottom:1px solid #e3ebf4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.permission-create-header b{color:var(--theme-text,#173258);font-size:11.5px;display:block}.permission-create-header small{color:var(--theme-muted,#788c9f);margin-top:2px;font-size:8.5px;display:block}.permission-global-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-grid.no-form{grid-template-columns:1fr!important}.app .permission-group-card{background:var(--theme-surface,#fff);border-color:var(--ui-border,#e1e8f0)}.app .group-toggle-btn{background:var(--theme-surface,#fff);border-color:var(--ui-border,#d4dfea);color:var(--theme-text,#435b77)}.app .permission-checkbox-label{color:var(--theme-text,#4a5d72)}@media (width<=900px){.permission-group-card .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.permission-checkbox-label{background:#00000005;border:1px solid #0000000d;border-radius:8px;min-height:44px;padding:8px 10px}.group-toggle-btn{min-height:38px;padding:0 12px;font-size:10px}}@media (width<=560px){.permission-group-card .permission-grid{grid-template-columns:1fr;gap:8px}.permission-group-header{flex-direction:column;align-items:flex-start;gap:8px}.permission-group-actions{width:100%}.permission-group-actions .group-toggle-btn{flex:1;min-height:44px}.permission-create-header{flex-direction:column;align-items:flex-start;gap:8px}.permission-global-actions{width:100%}.permission-global-actions .group-toggle-btn{flex:1;min-height:44px}.account-buttons{flex-wrap:wrap}}.cashier-customer-box{border:1px solid var(--ui-border);border-radius:var(--ui-radius,10px);background:var(--ui-subtle,#f8fafc);flex-direction:column;gap:10px;margin-bottom:14px;padding:12px;display:flex}.cashier-customer-box label{color:var(--theme-text);flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.cashier-customer-box input{border:1px solid var(--ui-border);border-radius:var(--ui-control-radius,8px);background:var(--theme-surface);min-height:40px;color:var(--theme-text);padding:8px 12px;font-size:12px}@media (width<=560px){.cashier-customer-box input{min-height:44px;font-size:16px}}.sidebar-unread-badge{color:#fff;background:#25d366;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.whatsapp-page{box-sizing:border-box;flex-direction:column;gap:16px;max-width:100%;display:flex}.wa-server-badge{background:var(--ui-subtle,#f1f5f9);border:1px solid var(--ui-border,#e2e8f0);color:var(--theme-text,#1e293b);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.wa-server-badge svg{color:#128c7e;width:16px;height:16px}.wa-qr-card{background:var(--theme-surface,#fff);border:1px solid var(--ui-border,#e2e8f0);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.wa-brand-header{color:#fff;background:linear-gradient(135deg,#075e54 0%,#128c7e 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.wa-brand-logo{align-items:center;gap:12px;display:flex}.wa-brand-logo svg{color:#25d366;flex-shrink:0;width:36px;height:36px}.wa-brand-logo h2{color:#fff;margin:0;font-size:18px;font-weight:700}.wa-brand-logo p{opacity:.85;margin:2px 0 0;font-size:12px}.wa-single-session-pill{color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.wa-single-session-pill svg{width:15px;height:15px}.wa-db-enforce-notice{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:flex-start;gap:12px;margin:16px 20px 0;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.wa-db-enforce-notice svg{color:#16a34a;flex-shrink:0;width:20px;height:20px;margin-top:2px}.wa-db-enforce-notice strong{margin-bottom:2px;font-weight:700;display:block}.wa-db-enforce-notice p{margin:0}.wa-qr-grid{grid-template-columns:1fr 300px;align-items:start;gap:24px;padding:24px 20px;display:grid}.wa-qr-instructions h3{color:var(--theme-text,#1e293b);margin:0 0 16px;font-size:15px;font-weight:700}.wa-steps-list{flex-direction:column;gap:16px;margin:0 0 24px;padding:0;list-style:none;display:flex}.wa-steps-list li{align-items:flex-start;gap:12px;display:flex}.wa-step-num{color:#fff;background:#128c7e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.wa-steps-list b{color:var(--theme-text,#1e293b);margin-bottom:3px;font-size:14px;display:block}.wa-steps-list p{color:var(--theme-muted,#64748b);margin:0;font-size:12px}.wa-quick-connect-box{background:var(--ui-subtle,#f8fafc);border:1px solid var(--ui-border,#e2e8f0);border-radius:10px;padding:16px}.wa-quick-connect-box h4{color:var(--theme-text,#1e293b);margin:0 0 12px;font-size:13px;font-weight:700}.wa-quick-connect-form{flex-direction:column;gap:12px;display:flex}.wa-quick-connect-form label{color:var(--theme-text,#1e293b);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.wa-quick-connect-form input{border:1px solid var(--ui-border,#cbd5e1);background:var(--theme-surface,#fff);min-height:40px;color:var(--theme-text,#1e293b);border-radius:6px;padding:8px 12px;font-size:13px}.wa-connect-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.wa-connect-btn:hover{background:#20ba5a}.wa-connect-btn svg{width:18px;height:18px}.wa-qr-display-panel{background:var(--ui-subtle,#f8fafc);border:1px solid var(--ui-border,#e2e8f0);border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:18px;display:flex}.wa-qr-box{background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 2px 10px #0000000f}.wa-qr-svg{max-width:100%;height:auto;display:block}.wa-gateway-indicator{color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.wa-gateway-indicator.online svg{color:#25d366}.wa-gateway-offline-card{background:var(--theme-surface,#fff);border:1px solid var(--ui-border,#e2e8f0);text-align:center;border-radius:14px;max-width:680px;margin:16px auto;padding:28px 24px;box-shadow:0 4px 14px #0000000d}.wa-offline-icon-wrap{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex}.wa-offline-icon-wrap svg{width:28px;height:28px}.wa-gateway-offline-card h2{color:var(--theme-text,#1e293b);margin:0 0 8px;font-size:20px;font-weight:700}.wa-gateway-offline-card p{color:var(--theme-muted,#64748b);margin:0 0 20px;font-size:14px;line-height:1.5}.wa-offline-steps-box{background:var(--ui-subtle,#f8fafc);border:1px solid var(--ui-border,#e2e8f0);text-align:left;border-radius:10px;margin-bottom:22px;padding:16px 20px}.wa-offline-steps-box h3{color:var(--theme-text,#1e293b);margin:0 0 10px;font-size:13px;font-weight:700}.wa-offline-steps-box ol{color:var(--theme-text,#334155);flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:13px;display:flex}.wa-offline-steps-box code{color:#0f172a;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-weight:600}.wa-offline-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.wa-recheck-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.wa-recheck-btn:hover{background:#1eb957}.wa-config-toggle-btn{min-height:44px;color:var(--theme-muted,#64748b);border:1px solid var(--ui-border,#cbd5e1);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.wa-config-toggle-btn:hover{background:var(--ui-subtle,#f1f5f9);color:var(--theme-text,#1e293b)}.wa-config-form{border-top:1px dashed var(--ui-border,#e2e8f0);text-align:left;margin-top:18px;padding-top:18px}.wa-config-form label{color:var(--theme-text,#1e293b);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.wa-config-form input{border:1px solid var(--ui-border,#cbd5e1);border-radius:6px;min-height:44px;padding:8px 12px;font-size:14px}.wa-config-actions{gap:8px;margin-top:10px;display:flex}.wa-save-config-btn{background:var(--theme-primary,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:6px;min-height:40px;padding:8px 14px;font-weight:600}.wa-cancel-config-btn{border:1px solid var(--ui-border,#cbd5e1);cursor:pointer;background:0 0;border-radius:6px;min-height:40px;padding:8px 14px}.wa-login-tabs{background:var(--ui-subtle,#f8fafc);border-bottom:1px solid var(--ui-border,#e2e8f0);gap:8px;padding:12px 20px;display:flex}.wa-tab-btn{cursor:pointer;min-height:44px;color:var(--theme-muted,#64748b);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.wa-tab-btn.active{background:var(--theme-surface,#fff);color:#075e54;border-color:var(--ui-border,#cbd5e1);font-weight:700;box-shadow:0 1px 4px #0000000f}.wa-tab-btn svg{width:16px;height:16px}.wa-pairing-grid{grid-template-columns:1fr 340px;gap:24px;padding:24px;display:grid}.wa-pairing-instructions h3{color:var(--theme-text,#1e293b);margin:0 0 16px;font-size:15px;font-weight:700}.wa-phone-input-box{background:var(--ui-subtle,#f8fafc);border:1px solid var(--ui-border,#e2e8f0);border-radius:10px;margin-top:16px;padding:18px}.wa-phone-input-box label{color:var(--theme-text,#1e293b);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.wa-phone-field-row{gap:8px;display:flex}.wa-phone-field-row input{border:1px solid var(--ui-border,#cbd5e1);letter-spacing:.5px;border-radius:8px;flex:1;min-height:44px;padding:8px 14px;font-size:15px;font-weight:600}.wa-get-code-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#075e54;border:none;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:8px 18px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.wa-get-code-btn:hover{background:#054840}.wa-pairing-display-panel{background:var(--ui-subtle,#f8fafc);border:1px solid var(--ui-border,#e2e8f0);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:24px 18px;display:flex}.wa-pairing-result-box{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.wa-pairing-tag{letter-spacing:1.5px;color:#075e54;background:#e6f7f3;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.wa-pairing-code-digits{letter-spacing:4px;color:#0f172a;background:#fff;border:2px dashed #075e54;border-radius:12px;width:100%;padding:16px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:32px;font-weight:800;box-shadow:0 4px 12px #0000000f}.wa-pairing-instruction-note{color:var(--theme-muted,#64748b);margin:0;font-size:12px;line-height:1.4}.wa-copy-code-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.wa-copy-code-btn.copied{background:#0f766e}.wa-pairing-placeholder-box{color:var(--theme-muted,#94a3b8);flex-direction:column;align-items:center;gap:8px;display:flex}.wa-pairing-placeholder-box svg{width:44px;height:44px}.wa-pairing-placeholder-box h4{color:var(--theme-text,#334155);margin:0;font-size:14px;font-weight:700}.wa-pairing-placeholder-box p{margin:0;font-size:12px;line-height:1.4}.wa-pairing-switch-hint{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:12px;display:flex}.wa-pairing-switch-hint svg{color:#2563eb;flex-shrink:0;width:20px;height:20px}.wa-pairing-switch-hint a{color:#1d4ed8;font-weight:700;text-decoration:underline}.wa-qr-img{object-fit:contain;border-radius:8px;width:220px;height:220px;display:block}.wa-qr-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:220px;min-height:220px;padding:20px;display:flex}.wa-qr-spinner{color:#075e54;width:32px;height:32px}.wa-live-badge{color:var(--theme-text,#334155);align-items:center;gap:8px;font-size:12px;display:inline-flex}.wa-pulsing-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s infinite waPulse}@keyframes waPulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 8px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.wa-refresh-chats-btn{background:var(--ui-subtle,#f1f5f9);min-height:44px;color:var(--theme-text,#1e293b);border:1px solid var(--ui-border,#cbd5e1);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.wa-refresh-chats-btn:hover{background:#e2e8f0}.wa-auto-refresh-pill{background:var(--ui-subtle,#f8fafc);border:1px solid var(--ui-border,#cbd5e1);color:var(--theme-text,#334155);border-radius:9999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.wa-pulsing-dot.disabled{box-shadow:none;background:#94a3b8;animation:none}.wa-pill-toggle-btn{color:#0284c7;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.wa-pill-toggle-btn:hover{background:#0284c71a}.wa-floating-autorefresh-tag{color:#15803d;background:#22c55e26;border-radius:9999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}@media (width<=800px){.wa-login-tabs{flex-direction:column}.wa-pairing-grid{grid-template-columns:1fr}.wa-phone-field-row{flex-direction:column}}.whatsapp-inbox-page{gap:12px}.wa-inbox-header-bar{background:var(--theme-surface,#fff);border:1px solid var(--ui-border,#e2e8f0);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #00000008}.wa-account-meta{align-items:center;gap:12px;min-width:0;display:flex}.wa-online-status-dot{background:#25d366;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 0 3px #25d36640}.wa-meta-text{min-width:0}.wa-account-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wa-account-title-row h2{color:var(--theme-text,#1e293b);margin:0;font-size:16px;font-weight:700}.wa-connected-badge{color:#15803d;background:#dcfce7;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.wa-meta-text p{color:var(--theme-muted,#64748b);overflow-wrap:anywhere;margin:2px 0 0;font-size:12px}.wa-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wa-open-web-btn,.wa-logout-btn{cursor:pointer;border:1px solid var(--ui-border,#cbd5e1);background:var(--theme-surface,#fff);min-height:38px;color:var(--theme-text,#1e293b);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.wa-open-web-btn svg,.wa-logout-btn svg{width:15px;height:15px}.wa-open-web-btn:hover{background:var(--ui-subtle,#f1f5f9)}.wa-logout-btn{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.wa-logout-btn:hover{background:#fee2e2;border-color:#fca5a5}.wa-inbox-layout{box-sizing:border-box;grid-template-columns:340px 1fr;gap:16px;height:calc(100vh - 190px);min-height:540px;display:grid}.wa-chat-list-panel{background:var(--theme-surface,#fff);border:1px solid var(--ui-border,#e2e8f0);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000008}.wa-list-topbar{border-bottom:1px solid var(--ui-border,#e2e8f0);background:var(--ui-subtle,#f8fafc);align-items:center;gap:8px;padding:12px;display:flex}.wa-search-box{background:var(--theme-surface,#fff);border:1px solid var(--ui-border,#cbd5e1);border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;padding:4px 8px;display:flex}.wa-search-box svg{width:15px;height:15px;color:var(--theme-muted,#94a3b8);flex-shrink:0}.wa-search-box input{min-width:0;color:var(--theme-text,#1e293b);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:12px}.wa-search-clear{cursor:pointer;color:var(--theme-muted,#94a3b8);background:0 0;border:none;align-items:center;padding:2px;display:flex}.wa-search-clear svg{width:14px;height:14px}.wa-new-chat-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#128c7e;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;min-height:36px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.wa-new-chat-btn svg{width:14px;height:14px}.wa-filter-tabs{border-bottom:1px solid var(--ui-border,#e2e8f0);background:var(--theme-surface,#fff);display:flex}.wa-filter-tabs button{min-height:38px;color:var(--theme-muted,#64748b);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex;position:relative}.wa-filter-tabs button.active{color:#128c7e;border-bottom-color:#128c7e}.wa-tab-badge{color:#fff;background:#25d366;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.wa-threads-scroll{flex-direction:column;flex:1;display:flex;overflow-y:auto}.wa-thread-item{border-bottom:1px solid var(--ui-border,#f1f5f9);cursor:pointer;align-items:center;gap:12px;min-width:0;padding:12px 14px;transition:background .12s;display:flex}.wa-thread-item:hover{background:var(--ui-subtle,#f8fafc)}.wa-thread-item.selected{background:#f0fdf4;border-left:3px solid #128c7e}.wa-avatar{color:#fff;background:linear-gradient(135deg,#128c7e 0%,#25d366 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.wa-thread-info{flex:1;min-width:0}.wa-thread-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.wa-thread-name{color:var(--theme-text,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.wa-thread-time{color:var(--theme-muted,#94a3b8);flex-shrink:0;font-size:11px}.wa-thread-snippet{color:var(--theme-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.wa-unread-counter{color:#fff;background:#25d366;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.wa-empty-threads{text-align:center;color:var(--theme-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.wa-empty-threads svg{opacity:.5;width:36px;height:36px}.wa-start-first-btn{color:#fff;cursor:pointer;background:#128c7e;border:none;border-radius:6px;align-items:center;gap:6px;min-height:36px;margin-top:10px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.wa-chat-room-panel{background:var(--theme-surface,#fff);border:1px solid var(--ui-border,#e2e8f0);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000008}.wa-room-content{flex-direction:column;min-width:0;height:100%;display:flex}.wa-room-header{border-bottom:1px solid var(--ui-border,#e2e8f0);background:var(--ui-subtle,#f8fafc);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.wa-room-user{align-items:center;gap:10px;min-width:0;display:flex}.wa-room-back-btn{border:1px solid var(--ui-border,#cbd5e1);background:var(--theme-surface,#fff);width:36px;height:36px;color:var(--theme-text,#1e293b);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:none}.wa-room-back-btn svg{width:18px;height:18px}.wa-room-meta{min-width:0}.wa-room-meta b{color:var(--theme-text,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.wa-room-meta small{color:var(--theme-muted,#64748b);font-size:11px}.wa-room-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wa-matching-tx-chip{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.wa-matching-tx-chip svg{width:13px;height:13px}.wa-matching-tx-chip button{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.wa-open-native-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.wa-open-native-btn svg{width:14px;height:14px}.wa-messages-scroll{background:#efeae2;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.wa-message-row{width:100%;display:flex}.wa-message-row.outgoing{justify-content:flex-end}.wa-message-row.incoming{justify-content:flex-start}.wa-bubble{overflow-wrap:anywhere;min-width:80px;max-width:75%;padding:8px 12px;font-size:13px;line-height:1.45;position:relative;box-shadow:0 1px 2px #0000001a}.wa-bubble-customer{color:#111827;background:#fff;border-radius:10px 10px 10px 2px}.wa-bubble-store{color:#111827;background:#d9fdd3;border-radius:10px 10px 2px}.wa-bubble-text{white-space:pre-wrap;margin-bottom:4px}.wa-bubble-meta{color:#6b7280;justify-content:flex-end;align-items:center;gap:4px;font-size:10px;display:flex}.wa-check-icon{color:#53bdeb;width:14px;height:14px}.wa-quick-replies-bar{background:var(--ui-subtle,#f8fafc);border-top:1px solid var(--ui-border,#e2e8f0);align-items:center;gap:8px;padding:8px 12px;display:flex;overflow-x:auto}.wa-quick-label{color:var(--theme-muted,#64748b);white-space:nowrap;font-size:11px;font-weight:700}.wa-quick-chips{white-space:nowrap;gap:6px;display:flex;overflow-x:auto}.wa-chip-btn{border:1px solid var(--ui-border,#cbd5e1);background:var(--theme-surface,#fff);color:var(--theme-text,#1e293b);cursor:pointer;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11px;transition:all .12s}.wa-chip-btn:hover{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.wa-composer-form{background:var(--ui-subtle,#f1f5f9);border-top:1px solid var(--ui-border,#e2e8f0);align-items:center;gap:8px;padding:10px 14px;display:flex}.wa-composer-input{border:1px solid var(--ui-border,#cbd5e1);background:var(--theme-surface,#fff);min-height:42px;color:var(--theme-text,#1e293b);border-radius:20px;outline:none;flex:1;padding:8px 14px;font-size:13px}.wa-composer-input:focus{border-color:#128c7e}.wa-composer-send-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:flex}.wa-composer-send-btn:hover:not(:disabled){background:#20ba5a}.wa-composer-send-btn:disabled{opacity:.5;cursor:not-allowed}.wa-composer-send-btn svg{width:18px;height:18px}.wa-no-chat-selected{text-align:center;height:100%;color:var(--theme-muted,#64748b);background:var(--ui-subtle,#f8fafc);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.wa-no-chat-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.wa-no-chat-icon svg{width:32px;height:32px}.wa-no-chat-selected h3{color:var(--theme-text,#1e293b);margin:0 0 6px;font-size:16px;font-weight:700}.wa-no-chat-selected p{max-width:380px;margin:0 0 16px;font-size:13px}.wa-new-chat-btn-large{color:#fff;cursor:pointer;background:#128c7e;border:none;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.wa-new-chat-modal{width:100%;max-width:440px}.wa-primary-btn{align-items:center;gap:6px;display:inline-flex;color:#fff!important;background:#25d366!important;border-color:#25d366!important}.wa-primary-btn:hover{background:#20ba5a!important}@media (width<=850px){.wa-qr-grid{grid-template-columns:1fr}.wa-qr-display-panel{order:-1}.wa-inbox-layout{height:auto;min-height:unset;display:block}.wa-inbox-layout.show-list-view .wa-chat-room-panel{display:none}.wa-inbox-layout.show-list-view .wa-chat-list-panel{width:100%;min-height:480px;display:flex}.wa-inbox-layout.show-chat-view .wa-chat-list-panel{display:none}.wa-inbox-layout.show-chat-view .wa-chat-room-panel{width:100%;height:calc(100vh - 210px);min-height:440px;display:flex}.wa-room-back-btn{min-width:44px;min-height:44px;display:inline-flex}.wa-composer-input{min-height:44px;font-size:16px}.wa-composer-send-btn{width:44px;height:44px}.wa-connect-btn,.wa-new-chat-btn,.wa-new-chat-btn-large,.wa-open-web-btn,.wa-logout-btn,.wa-open-native-btn{min-height:44px}.wa-quick-connect-form input{min-height:44px;font-size:16px}}.receipt-settings-page .page-heading,.service-note-settings .page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.receipt-settings-layout,.service-note-layout{grid-template-columns:minmax(380px,1.25fr) minmax(320px,.95fr);align-items:start;gap:20px;display:grid}.editor-tabs{background:var(--ui-surface-soft,#0000000a);scrollbar-width:thin;border-radius:10px;gap:8px;margin-bottom:18px;padding:6px;display:flex;overflow-x:auto}.editor-tabs button{color:var(--theme-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.editor-tabs button svg{width:16px;height:16px}.editor-tabs button:hover{color:var(--theme-text);background:#ffffff80}.editor-tabs button.active{background:var(--theme-surface,#fff);color:var(--theme-primary);box-shadow:0 2px 8px #0000000f}.block-manager{flex-direction:column;gap:14px;display:flex}.block-manager-header{border-bottom:1px solid var(--ui-border,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.block-manager-header h4{color:var(--theme-text);margin:0 0 4px;font-size:15px}.add-custom-block-btn{background:var(--theme-accent-soft,#2563eb14);color:var(--theme-primary,#2563eb);border:1px dashed var(--theme-primary,#2563eb);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.add-custom-block-btn:hover{background:var(--theme-primary,#2563eb);color:#fff;border-style:solid}.add-custom-block-btn svg{width:16px;height:16px}.block-list{flex-direction:column;gap:10px;display:flex}.block-item{background:var(--theme-surface,#fff);border:1px solid var(--ui-border,#e2e8f0);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,transform .2s,opacity .2s;position:relative}.block-item:active{cursor:grabbing}.block-item:hover{border-color:var(--theme-primary);box-shadow:0 2px 10px #0000000d}.block-item.is-dragging{opacity:.45;border:2px dashed var(--theme-primary);transform:scale(.99)}.block-item.drag-over{border-color:var(--theme-primary);background:var(--theme-accent-soft,#2563eb0a);box-shadow:0 0 0 2px var(--theme-primary)}.block-item.is-custom{border-left:4px solid var(--theme-primary,#2563eb)}.block-item.is-hidden{opacity:.6;background:var(--ui-surface-soft,#00000005);border-style:dashed}.block-item-main{align-items:center;gap:12px;display:flex}.block-drag-handle{color:var(--theme-muted);cursor:grab;border-radius:4px;align-items:center;padding:4px;display:flex}.block-drag-handle:hover{color:var(--theme-text);background:#0000000d}.block-drag-handle svg{width:18px;height:18px}.block-badge-order{background:var(--ui-surface-soft,#f1f5f9);width:26px;height:26px;color:var(--theme-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.block-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.block-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.block-title-row b{color:var(--theme-text);overflow-wrap:anywhere;font-size:13.5px}.badge-custom-tag{color:var(--theme-primary,#2563eb);background:var(--theme-accent-soft,#2563eb1a);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.badge-custom-tag svg{width:11px;height:11px}.badge-hidden-tag{color:#dc2626;background:#fee2e2;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.block-desc-text,.block-preview-text{color:var(--theme-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.block-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.block-reorder-btn,.block-vis-btn,.block-delete-btn{border:1px solid var(--ui-border,#e2e8f0);background:var(--theme-surface,#fff);width:34px;height:34px;color:var(--theme-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.block-reorder-btn:hover:not(:disabled),.block-vis-btn:hover{color:var(--theme-text);border-color:var(--theme-primary);background:var(--theme-accent-soft,#f8fafc)}.block-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.block-vis-btn.active{color:var(--theme-primary)}.block-vis-btn.muted{color:#94a3b8}.block-delete-btn{color:#ef4444;border-color:#fecaca}.block-delete-btn:hover{background:#fee2e2;border-color:#ef4444}.block-actions svg{width:16px;height:16px}.block-custom-editor{border-top:1px solid var(--ui-border,#e2e8f0);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.custom-input-row{grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.custom-input-row label,.custom-content-label{color:var(--theme-muted);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.custom-input-row input,.custom-input-row select,.custom-content-label textarea{border:1px solid var(--ui-border,#e2e8f0);color:var(--theme-text);background:var(--theme-surface,#fff);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px}.custom-input-row input:focus,.custom-input-row select:focus,.custom-content-label textarea:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-accent-soft,#2563eb26);outline:none}.custom-content-label textarea{resize:vertical;min-height:64px}.receipt-info-form,.receipt-format-form,.service-note-form-grid,.service-note-labels-section,.service-note-format-section{flex-direction:column;gap:14px;display:flex}.color-picker-row{align-items:center;gap:8px;display:flex}.color-picker-row input[type=color]{cursor:pointer;border-radius:6px;width:44px;height:40px;padding:0}.preview-sticky-box{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex;position:sticky;top:90px}.preview-badge-header{background:var(--theme-surface,#fff);border:1px solid var(--ui-border,#e2e8f0);width:100%;max-width:440px;color:var(--theme-text);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12.5px;display:flex}.preview-badge-header span{background:var(--ui-surface-soft,#f1f5f9);color:var(--theme-muted);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.receipt-custom-box{text-align:left;border-radius:4px;margin:6px 0;padding:6px;font-size:.9em}.receipt-custom-box.style-boxed{background:#00000005;border:1px dashed #555}.receipt-custom-box.style-highlight{border:1px solid #000;font-weight:600}.receipt-custom-box.style-plain{border:none;padding:3px 0}.receipt-custom-box.style-center{text-align:center}.receipt-custom-box b{margin-bottom:2px;display:block}.receipt-custom-box p{white-space:pre-wrap;margin:0}.service-note-preview .custom-note-block{border:1px solid var(--ui-border,#dbe3ec);background:#fff;border-radius:6px;margin:12px 0;padding:12px 14px}.service-note-preview .custom-note-block.style-highlight{border-left:4px solid var(--note-accent,#0879ec);background:#f8fbff}.service-note-preview .custom-note-block.style-plain{background:0 0;border:none;padding:6px 0}.service-note-preview .custom-note-block.style-center{text-align:center}.service-note-preview .custom-note-block b{color:var(--theme-text);margin-bottom:6px;display:block}.service-note-preview .custom-note-block p{white-space:pre-wrap;color:#475569;margin:0}@media (width<=1024px){.receipt-settings-layout,.service-note-layout{grid-template-columns:1fr}.preview-sticky-box{position:relative;top:auto}}@media (width<=768px){.block-reorder-btn,.block-vis-btn,.block-delete-btn{width:44px;height:44px}.add-custom-block-btn{justify-content:center;width:100%;min-height:44px}.editor-tabs button{min-height:44px;font-size:14px}.custom-input-row{grid-template-columns:1fr}.custom-input-row input,.custom-input-row select,.custom-content-label textarea{min-height:44px;font-size:16px!important}}.wa-floating-trigger{color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #128c7e73}.wa-floating-trigger:hover{transform:scale(1.08);box-shadow:0 12px 28px #128c7e8c}.wa-floating-trigger:active{transform:scale(.95)}.wa-trigger-icon{width:30px;height:30px}.wa-trigger-dot{border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;right:3px}.wa-trigger-dot.online{background:#22c55e;animation:2s infinite waPulse;box-shadow:0 0 8px #22c55e}.wa-trigger-dot.waiting{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.wa-trigger-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;left:-4px;box-shadow:0 2px 6px #0003}.wa-floating-window{z-index:9999;background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;width:420px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 120px);animation:.25s cubic-bezier(.16,1,.3,1) waSlideUp;display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden;box-shadow:0 16px 48px #00000038,0 4px 16px #00000014}@keyframes waSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.wa-floating-window.minimized{height:auto}.wa-floating-header{color:#fff;background:linear-gradient(135deg,#075e54 0%,#128c7e 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.wa-floating-header-info{align-items:center;gap:10px;min-width:0;display:flex}.wa-floating-avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wa-floating-avatar svg{width:20px;height:20px}.wa-floating-title-row{align-items:center;gap:8px;display:flex}.wa-floating-title-row h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.wa-floating-status-pill{white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.wa-floating-status-pill.online{color:#86efac;background:#22c55e40;border:1px solid #22c55e66}.wa-floating-status-pill.offline{color:#fde68a;background:#f59e0b40;border:1px solid #f59e0b66}.wa-floating-subtitle{opacity:.85;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:11px;display:block;overflow:hidden}.wa-floating-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.wa-floating-action-btn{color:#fff;opacity:.85;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:opacity .15s,background-color .15s;display:flex}.wa-floating-action-btn:hover{opacity:1;background:#ffffff26}.wa-floating-action-btn svg{width:17px;height:17px}.wa-floating-body{background:#f8fafc;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.wa-floating-login-container{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.wa-floating-db-pill{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;line-height:1.4;display:flex}.wa-floating-db-pill svg{color:#059669;flex-shrink:0;width:16px;height:16px}.wa-floating-login-tabs{background:#e2e8f0;border-radius:8px;gap:6px;padding:4px;display:flex}.wa-floating-tab-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.wa-floating-tab-btn.active{color:#0f766e;background:#fff;box-shadow:0 1px 4px #00000014}.wa-floating-tab-btn svg{width:15px;height:15px}.wa-floating-login-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.wa-floating-login-card h5{color:#1e293b;margin:0;font-size:14px;font-weight:700}.wa-floating-login-card p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.wa-floating-input-group{flex-direction:column;gap:5px;display:flex}.wa-floating-input-group label{color:#334155;font-size:12px;font-weight:600}.wa-floating-input-group input{border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.wa-floating-input-group input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.wa-floating-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-size:13px;font-weight:600;transition:opacity .15s,transform .15s;display:flex;box-shadow:0 2px 8px #05966940}.wa-floating-submit-btn:hover{opacity:.95;transform:translateY(-1px)}.wa-floating-submit-btn:active{transform:translateY(0)}.wa-floating-submit-btn svg{width:17px;height:17px}.wa-floating-chat-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.wa-floating-threads-view{flex-direction:column;flex:1;min-height:0;display:flex}.wa-floating-search-bar{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:10px 12px;display:flex}.wa-floating-search-bar .wa-search-inner{background:#f1f5f9;border-radius:8px;flex:1;align-items:center;gap:8px;padding:6px 10px;display:flex}.wa-floating-search-bar .wa-search-inner svg{color:#94a3b8;flex-shrink:0;width:16px;height:16px}.wa-floating-search-bar .wa-search-inner input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.wa-floating-new-chat-icon-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wa-floating-new-chat-icon-btn svg{width:18px;height:18px}.wa-floating-threads-list{flex:1;padding:6px 0;overflow-y:auto}.wa-floating-thread-card{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:10px 14px;transition:background-color .15s;display:flex}.wa-floating-thread-card:hover{background-color:#f1f5f9}.wa-floating-thread-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#0d9488);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.wa-floating-thread-content{flex:1;min-width:0}.wa-floating-thread-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.wa-floating-thread-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.wa-floating-thread-time{color:#94a3b8;white-space:nowrap;font-size:11px}.wa-floating-thread-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.wa-floating-thread-snippet{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.wa-floating-unread-badge{color:#fff;background:#10b981;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex}.wa-floating-room-view{flex-direction:column;flex:1;min-height:0;display:flex}.wa-floating-room-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.wa-floating-room-customer{align-items:center;gap:8px;min-width:0;display:flex}.wa-floating-room-back-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.wa-floating-room-back-btn:hover{background:#f1f5f9}.wa-floating-room-back-btn svg{width:20px;height:20px}.wa-floating-room-title{min-width:0}.wa-floating-room-title b{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.wa-floating-room-title small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.wa-floating-room-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.wa-floating-quick-nota-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.wa-floating-quick-nota-btn svg{width:13px;height:13px}.wa-floating-native-wa-btn{color:#15803d;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.wa-floating-native-wa-btn svg{width:13px;height:13px}.wa-floating-messages-box{background:#efeae2 radial-gradient(#d1d5db 1px,#0000 1px) 0 0/20px 20px;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.wa-floating-msg-row{flex-direction:column;max-width:80%;display:flex}.wa-floating-msg-row.store{align-self:flex-end}.wa-floating-msg-row.customer{align-self:flex-start}.wa-floating-bubble{word-break:break-word;overflow-wrap:anywhere;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.4;position:relative;box-shadow:0 1px 2px #0000001a}.wa-floating-bubble.store{color:#111827;background:#dcf8c6;border-top-right-radius:2px}.wa-floating-bubble.customer{color:#111827;background:#fff;border-top-left-radius:2px}.wa-floating-msg-meta{color:#6b7280;justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.wa-floating-msg-meta svg{color:#3b82f6;width:12px;height:12px}.wa-floating-chips-scroll{background:#f8fafc;border-top:1px solid #e2e8f0;gap:6px;padding:6px 10px;display:flex;overflow-x:auto}.wa-floating-chip{white-space:nowrap;color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11px;transition:background-color .15s}.wa-floating-chip:hover{background:#f1f5f9;border-color:#94a3b8}.wa-floating-composer{background:#fff;border-top:1px solid #e2e8f0;align-items:center;gap:8px;padding:8px 10px;display:flex}.wa-floating-composer-input{border:1px solid #cbd5e1;border-radius:20px;outline:none;flex:1;padding:9px 12px;font-size:13px}.wa-floating-composer-input:focus{border-color:#10b981}.wa-floating-send-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:opacity .15s,transform .15s;display:flex}.wa-floating-send-btn:disabled{cursor:not-allowed;background:#cbd5e1}.wa-floating-send-btn svg{width:17px;height:17px}.wa-floating-footer-meta{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.wa-floating-disconnect-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:600}.wa-floating-disconnect-btn:hover{background:#fee2e2}@media (width<=600px),(height<=680px){.wa-floating-trigger{width:52px;height:52px;bottom:16px;right:16px}.wa-floating-window{border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;inset:0!important}.wa-floating-header{gap:8px;padding:10px 12px}.wa-floating-header-info{flex:1;min-width:0;overflow:hidden}.wa-floating-avatar{width:32px;height:32px}.wa-floating-avatar svg{width:16px;height:16px}.wa-floating-title-row{flex-direction:column;align-items:flex-start;gap:2px}.wa-floating-title-row h4{max-width:100%;font-size:13px}.wa-floating-subtitle{display:none}.wa-floating-status-pill{padding:1px 6px;font-size:10px}.wa-floating-header-actions{gap:2px}.wa-floating-action-btn{width:32px;height:32px}.wa-floating-input-group input,.wa-floating-composer-input{min-height:44px;font-size:16px!important}.wa-floating-submit-btn,.wa-floating-tab-btn,.wa-floating-new-chat-icon-btn,.wa-floating-send-btn{min-height:44px}}