@import "https://fonts.googleapis.com/css2?family=Inter: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:Inter,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}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}.owner-robot{z-index:1;pointer-events:none;filter:drop-shadow(0 18px 22px #00162970);opacity:.9;width:min(24vw,270px);height:min(46vh,420px);position:absolute;bottom:-30px;right:18px;overflow:hidden}.owner-robot:after{content:"";background:linear-gradient(#0000 72%,#073f70 100%);position:absolute;inset:0}.owner-robot img{object-fit:contain;object-position:50% 100%;mix-blend-mode:screen;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#000 0 72%,#0000 100%);mask-image:linear-gradient(#000 0 72%,#0000 100%)}@media (width<=1200px){.owner-robot{opacity:.72;width:220px;height:360px;right:6px}.owner-hero .hero-copy{max-width:500px}}@media (width<=850px){.owner-robot{display:none}}.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:230px 1fr;min-height:100vh;display:grid}.app>aside{color:#fff;z-index:20;background:linear-gradient(#082e58,#043c6a 68%,#042d51);flex-direction:column;height:100vh;padding:10px 10px 14px;display:flex;position:sticky;top:0}.side-logo{padding:0 10px 9px}.side-logo>button{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:hover{background:#0e4d81}.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{color:#12345a;background:0 0;border:0;margin-right:24px}.hamb svg{width:20px}.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{width:230px;transition:all .25s;position:fixed;left:-245px}.app>aside.open{left:0}.side-logo>button{color:#fff;background:#0a4a7d;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;right:8px}.side-logo>button svg{width:15px}.promo{display:block}.overlay{z-index:15;background:#06192c88;display:block;position:fixed;inset:0}.topbar{padding:0 14px}.global-search{width:55%}.top-user>div:nth-of-type(2),.top-user>svg,.logout{display:none}.service-grid{grid-template-columns:1fr}.track-card{grid-column:auto}}@media (width<=560px){.auth-panel{padding:25px 22px}.auth-card h2{font-size:27px}.page{padding:10px}.page-heading h1{font-size:16px}.page-heading>button{justify-content:center;width:36px;padding:0;font-size:0}.stats-grid{grid-template-columns:1fr}.service-stat{height:85px}.form-grid{grid-template-columns:1fr}.form-grid label{grid-template-columns:95px 1fr}.service-grid{gap:9px}.top-user .bell{display:none}.global-search{flex:1;width:auto}.table-header>div select{display:none}.table-search{width:160px}.pagination>span{display:none}.pagination{justify-content:flex-end}}.muted{color:#8190a4;font-size:10px}.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}.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)}.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-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;overflow-y:auto;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}.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)}.nav-submenu{box-sizing:border-box;border-left:1px solid #3c6d97;gap:3px;width:calc(100% - 20px);margin:1px 0 4px 20px;padding-left:10px;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:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.app nav .nav-submenu button:hover{color:#fff;background:#0b4778}.app nav .nav-submenu button.active{color:#fff;box-shadow:none;background:#0b5f9f}.app nav .nav-submenu button svg{width:14px}.sidebar-bottom{margin-top:auto;padding-top:12px}.sidebar-credit{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:15px 8px 2px;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:1fr 1fr .75fr auto;align-items:end;gap:11px;padding-top:15px;display:grid}.account-create h4{grid-column:1/-1;margin:0;font-size:11px}.account-create .save{white-space:nowrap;height:40px}@media (width<=900px){.database-create form,.account-create{grid-template-columns:1fr 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<=560px){.database-create form,.account-create{grid-template-columns:1fr}.database-create,.server-list,.account-manager{padding:13px}.server-filter-bar>div{min-width:0}.server-filter-bar label{grid-template-columns:1fr;display:grid}.server-filter-bar select{width:100%}}.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}.login-user{color:#fff;background:#0879ec;border:0;border-radius:6px;align-items:center;gap:5px;height:30px;margin-left:auto;padding:0 9px;font-size:8px;font-weight:700;display:flex}.login-user 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}.login-user{justify-content:center;width:32px;padding:0;font-size:0}.login-user 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}