: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:#1b2d29;font-synthesis:none;text-rendering:optimizelegibility;--ink:#18362f;--ink-soft:#52625e;--green:#173f36;--green-2:#275d50;--cream:#f5f1ea;--paper:#fffdf8;--line:#dedbd3;--rose:#b56f62;--sand:#b79058;--shadow:0 18px 50px #23363014;background:#f5f1ea;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 7%, #c6a97e21, transparent 24rem), var(--cream);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline-offset:2px;outline:3px solid #3d7b6b40}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Newsreader,Georgia,serif}.muted{color:var(--ink-soft)}.danger{color:#a34c3d!important}.eyebrow{color:#74817d;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem;font-size:.71rem;font-weight:700}.button{cursor:pointer;border:0;border-radius:999px;min-height:42px;padding:.7rem 1.15rem;font-weight:700;transition:transform .16s,background .16s,opacity .16s}.button:disabled{cursor:wait;opacity:.55}.button--secondary{color:var(--green);background:#e8eee9}.button--ghost,.button--quiet{border:1px solid var(--line);background:0 0}.button--quiet{min-height:36px;padding:.5rem .9rem;font-size:.78rem}.button--large{width:100%;min-height:50px}.button--danger-text{color:#9b4437;background:#f7e8e5}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f3e6;border-bottom:1px solid #d3d0c8d1;justify-content:space-between;align-items:center;min-height:76px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand-button{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.brand>span:last-child{display:grid}.brand strong{font-family:Newsreader,Georgia,serif;font-size:1.12rem;line-height:1}.brand small{color:#7b8783;margin-top:.2rem;font-size:.67rem}.brand-mark{background:var(--green);color:#fff;border-radius:50% 50% 50% 16%;place-items:center;width:38px;height:38px;font-family:Newsreader,Georgia,serif;font-size:1.2rem;font-weight:600;display:grid}.brand--light{color:#fff}.brand--light .brand-mark{color:var(--green);background:#f1e5ca}.topbar-actions,.profile-chip,.category-title{align-items:center;display:flex}.topbar-actions{gap:.75rem}.profile-chip{border-right:1px solid var(--line);gap:.55rem;padding-right:.8rem}.profile-chip>span{width:34px;height:34px;color:var(--green);background:#dce8e1;border-radius:50%;place-items:center;font-weight:700;display:grid}.profile-chip div{display:grid}.profile-chip strong{font-size:.78rem}.profile-chip small{color:#7c8985;font-size:.66rem}.status-pill,.live-dot,.count-badge,.autosave-hint{color:var(--green);background:#e7eee9;border-radius:999px;align-items:center;font-size:.67rem;font-weight:700;display:inline-flex}.status-pill{padding:.35rem .7rem}.dashboard,.category-page{width:min(1440px,92vw);margin:0 auto;padding:3.1rem 0 9rem}.welcome-row,.category-hero,.section-bar{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.welcome-row h1,.category-hero h1{letter-spacing:-.035em;margin-bottom:.35rem;font-size:clamp(2.2rem,4vw,4rem);font-weight:500}.welcome-row .muted{margin-bottom:0}.summary-layout{grid-template-columns:minmax(380px,1.1fr) minmax(540px,1.8fr);gap:1rem;display:grid}.balance-card{background:var(--green);color:#fff;border-radius:26px;min-height:230px;padding:1.8rem;position:relative;overflow:hidden;box-shadow:0 22px 50px #173f362e}.balance-card__top,.balance-card__bottom{z-index:2;justify-content:space-between;display:flex;position:relative}.balance-breakdown{z-index:2;flex-wrap:wrap;gap:8px;margin-top:18px;display:flex;position:relative}.balance-breakdown>span{background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;gap:2px;min-width:110px;padding:7px 10px;display:grid}.balance-breakdown small{color:#c7d5d0;font-size:.62rem}.balance-breakdown strong{font-size:.78rem}.balance-detail-list{gap:12px;display:grid}.balance-detail-row{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 38px;align-items:end;gap:10px;display:grid}.balance-detail-remove{color:#a45044;cursor:pointer;background:#fff8f6;border:1px solid #ead4d0;border-radius:12px;width:38px;height:46px;font-size:1.2rem}.balance-detail-add{justify-self:start}.balance-detail-total{color:var(--green);background:#edf4f1;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.balance-detail-total span{font-size:.72rem;font-weight:700}.balance-detail-help{color:#89938f;font-size:.68rem;line-height:1.5}@media (width<=560px){.balance-detail-row{grid-template-columns:minmax(0,1fr) 38px}.balance-detail-row .field:first-child{grid-column:1/-1}}.balance-card__top p,.metric-card p,.category-total span{color:#c7d5d0;margin-bottom:.35rem;font-size:.75rem;font-weight:600}.balance-card__top h2{letter-spacing:-.055em;margin:0;font-family:DM Sans,sans-serif;font-size:clamp(2rem,3.5vw,3.25rem)}.round-action{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.1rem;display:grid}.balance-card__bottom{justify-content:flex-start;gap:3.5rem;position:absolute;bottom:1.6rem;left:1.8rem;right:1.8rem}.balance-card__bottom div{gap:.25rem;display:grid}.balance-card__bottom small{color:#aebfba;font-size:.67rem}.balance-orbit{border:1px solid #ffffff1f;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-85px;right:-70px;box-shadow:0 0 0 35px #ffffff09,0 0 0 70px #ffffff06}.metric-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.metric-card,.surface-card,.activity-panel{box-shadow:var(--shadow);background:#fffdf8e6;border:1px solid #dcd8cfe0}.metric-card{border-radius:24px;flex-direction:column;justify-content:space-between;min-width:0;padding:1.4rem;display:flex}.metric-card p{color:#556662;margin-top:0;font-weight:600}.metric-card h3{letter-spacing:-.035em;margin-bottom:.35rem;font-size:clamp(1.1rem,2vw,1.65rem)}.metric-card small{color:#8a9591;font-size:.66rem}.metric-icon{border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:700;line-height:1;display:grid}.content-layout{grid-template-columns:minmax(0,1fr) 310px;gap:1.2rem;margin-top:3rem;display:grid}.home-content{grid-template-columns:minmax(0,1fr) 330px;gap:1.2rem;margin-top:2.5rem;display:grid}.highlight-panel{align-self:start}.highlight-row{cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #e4e1da;grid-template-columns:42px minmax(130px,1fr) minmax(140px,.8fr) minmax(90px,auto);align-items:center;gap:.9rem;width:100%;min-height:68px;padding:.65rem 0;display:grid}.highlight-row>span:nth-child(2){gap:.15rem;display:grid}.highlight-row>span:nth-child(2) strong{font-size:.78rem}.highlight-row small{color:#8a9490;font-size:.62rem}.highlight-row>strong{justify-self:end;font-size:.8rem}.highlight-progress{grid-template-columns:1fr 32px;align-items:center;gap:.5rem;display:grid}.highlight-progress i{background:#e8e6e0;border-radius:999px;height:5px;overflow:hidden}.highlight-progress b{border-radius:inherit;height:100%;display:block}.page-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.8rem;display:flex}.page-heading h1{letter-spacing:-.04em;margin-bottom:.3rem;font-size:clamp(2.8rem,6vw,5rem);font-weight:500}.page-heading p:last-child{color:#73807c;max-width:620px;margin-bottom:0;font-size:.85rem}.logging-summary{border:1px solid var(--line);background:#fffdf8c7;border-radius:20px;grid-template-columns:repeat(4,1fr);margin-bottom:1.2rem;display:grid}.logging-summary article{gap:.3rem;min-height:120px;padding:1.2rem;display:grid}.logging-summary article:not(:last-child){border-right:1px solid var(--line)}.logging-summary span,.logging-summary small{color:#87918e;font-size:.65rem}.logging-summary span{font-weight:700}.logging-summary strong{letter-spacing:-.04em;font-size:1.65rem}.logging-summary .logging-date{font-size:.86rem;line-height:1.4}.data-view{border-radius:24px}.data-view .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.section-bar{margin-bottom:1.2rem}.section-bar h2{margin-bottom:0;font-size:1.7rem;font-weight:500}.section-bar--compact{align-items:center}.search-field{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;align-items:center;gap:.55rem;width:min(260px,100%);padding:.65rem .9rem;display:flex}.search-field span{color:#76837f;font-size:1.2rem}.search-field input{background:0 0;border:0;outline:0;width:100%;min-width:0}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.category-card{background:var(--paper);cursor:default;text-align:left;border:1px solid #dbd7cef0;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:255px;padding:1.35rem;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;box-shadow:0 10px 28px #2837320e}.category-card:hover{border-color:color-mix(in srgb, var(--category-color) 45%, #dedbd3);transform:translateY(-3px);box-shadow:0 18px 34px #28373217}.category-card__head{justify-content:space-between;align-items:flex-start;display:flex}.category-symbol{background:color-mix(in srgb, var(--category-color) 14%, white);width:42px;height:42px;color:var(--category-color);border-radius:14px;place-items:center;font-size:1.1rem;font-weight:700;display:grid}.category-card h3{margin:1.2rem 0 .3rem;font-size:1.05rem}.category-card p{color:#7b8783;min-height:2.7em;margin-bottom:0;font-size:.74rem;line-height:1.45}.category-total{margin-top:1.1rem;display:grid}.category-total span{color:#89928f}.category-total strong{letter-spacing:-.035em;font-size:1.3rem}.progress-track{background:#ebe9e3;border-radius:999px;height:5px;margin-top:.9rem;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--category-color);height:100%;display:block}.category-meta{color:#8c9592;justify-content:space-between;margin-top:.55rem;font-size:.62rem;display:flex}.category-card__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.9rem;display:grid}.category-card__actions .button{min-width:0;padding-inline:.65rem}.category-card--add{cursor:pointer;text-align:center;background:0 0;border-style:dashed;justify-content:center;align-items:center}.category-card--add p{min-height:0}.archived-count{color:#7b8783;margin-top:.25rem;display:block}.archived-section{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.archived-section__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.archived-section__head h2{margin:0}.archived-section__head small{color:#7b8783}.archived-category-list{gap:.75rem;margin-top:1rem;display:grid}.archived-category{background:var(--paper);border:1px solid #dbd7cef0;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.archived-category h3{margin:0 0 .2rem}.archived-category small,.archived-category time{color:#7b8783;font-size:.72rem;display:block}.archived-category time{margin-top:.2rem}.archived-empty{border:1px dashed var(--line);color:#7b8783;text-align:center;border-radius:14px;padding:1rem}.add-circle{border:1px solid var(--line);background:var(--paper);width:46px;height:46px;color:var(--green);border-radius:50%;place-items:center;margin-bottom:.8rem;font-size:1.3rem;display:grid}.activity-panel{border-radius:22px;align-self:start;padding:1.3rem}.live-dot{gap:.4rem;padding:.3rem .6rem}.live-dot:before{content:"";background:#4b8d72;border-radius:50%;width:6px;height:6px}.activity-feed{display:grid}.activity-item{grid-template-columns:14px 1fr;gap:.65rem;padding:0 0 1.35rem;display:grid;position:relative}.activity-item:not(:last-child):before{content:"";background:#deddd7;width:1px;position:absolute;top:13px;bottom:2px;left:4px}.activity-dot{z-index:1;border:2px solid var(--paper);background:#78938a;border-radius:50%;width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 1px #b5c3be}.activity-item p{margin-bottom:.25rem;font-size:.75rem;line-height:1.4}.activity-item time{color:#919a97;font-size:.62rem}.empty-inline{color:#8a9491;font-size:.75rem;line-height:1.5}.auth-page{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.auth-story{color:#fff;background:radial-gradient(circle at 80% 20%,#dfcca124,#0000 18rem),linear-gradient(145deg,#173e35,#102f29);flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5rem);display:flex;position:relative;overflow:hidden}.auth-story:before,.auth-story:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.auth-story:before{width:55vw;height:55vw;bottom:-22vw;right:-15vw}.auth-story:after{width:36vw;height:36vw;bottom:-15vw;right:-8vw}.auth-copy{z-index:1;max-width:720px;position:relative}.auth-copy h1{letter-spacing:-.045em;max-width:680px;margin-bottom:1.3rem;font-size:clamp(3rem,6vw,6.2rem);font-weight:500;line-height:.97}.auth-copy>p:last-child{color:#c2d0cb;max-width:520px;font-size:1rem;line-height:1.7}.auth-quote{z-index:1;align-items:center;gap:1rem;max-width:420px;display:flex;position:relative}.auth-quote span{color:#c9ae78;font-family:Newsreader,serif;font-size:1.5rem}.auth-quote p{color:#dce4e0;margin:0;font-size:.82rem}.auth-panel{background:var(--paper);place-items:center;padding:2rem;display:grid}.auth-form-wrap{width:min(420px,100%)}.auth-form-wrap h2{margin-bottom:.4rem;font-size:2.35rem;font-weight:500}.auth-form-wrap>.muted{margin-bottom:2rem;font-size:.86rem}.demo-banner{color:#7e6338;background:#faf4e7;border:1px solid #d7c7a8;border-radius:12px;margin-bottom:2rem;padding:.8rem;font-size:.72rem;line-height:1.45}.stack-form{gap:1rem;display:grid}.field{gap:.45rem;min-width:0;display:grid}.field>span,.color-field legend{color:#53625d;font-size:.72rem;font-weight:700}.field input,.field textarea,.todo-add input{background:#fffefa;border:1px solid #d9d8d1;border-radius:12px;outline:0;width:100%;padding:.85rem .9rem;transition:border-color .16s,box-shadow .16s}.field input:focus,.field textarea:focus,.todo-add input:focus{border-color:#6f9589;box-shadow:0 0 0 3px #4a7a6c1a}.field textarea{resize:vertical}.field small{color:#89938f;font-size:.65rem}.form-error{color:#9a493c;background:#f8e8e5;border-radius:10px;margin:0;padding:.7rem .8rem;font-size:.72rem;line-height:1.45}.auth-switch{width:100%;color:var(--green-2);cursor:pointer;background:0 0;border:0;margin-top:1.4rem;font-size:.75rem;font-weight:700}.topbar--category{grid-template-columns:1fr auto 1fr;display:grid}.topbar--category>.button{justify-self:end}.back-button{cursor:pointer;background:0 0;border:0;justify-self:start;font-size:.8rem;font-weight:700}.category-title{gap:.65rem}.category-title>div{display:grid}.category-title strong{font-family:Newsreader,serif}.category-title small{color:#7f8a86;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:.63rem;overflow:hidden}.category-hero{border-bottom:1px solid var(--line);align-items:flex-end;padding:.4rem 0 2rem}.category-hero h1{font-size:clamp(2.8rem,6vw,5.5rem)}.category-hero p:last-child{color:#6f7d78;max-width:650px;margin:0}.category-metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.category-metrics article{gap:.3rem;padding:1.65rem 1rem;display:grid}.category-metrics article:not(:last-child){border-right:1px solid var(--line)}.category-metrics span{color:#7d8985;font-size:.68rem;font-weight:700}.category-metrics strong{letter-spacing:-.04em;font-size:1.45rem}.category-metrics small{color:#929b98;font-size:.65rem}.category-content{grid-template-columns:minmax(0,1.65fr) minmax(290px,.7fr);gap:1.2rem;margin-top:2rem;display:grid}.category-main,.category-sidebar{align-content:start;gap:1.2rem;display:grid}.surface-card{border-radius:22px;padding:1.35rem}.text-button{color:var(--green-2);cursor:pointer;background:0 0;border:0;font-size:.76rem;font-weight:700}.budget-table{border-top:1px solid var(--line)}.budget-row{border-bottom:1px solid #e6e3dc;grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(95px,.85fr)) 70px;align-items:center;gap:.8rem;min-height:68px;font-size:.76rem;display:grid}.budget-row--head{color:#8a9490;min-height:42px;font-size:.65rem;font-weight:700}.budget-row>div:first-child{gap:.2rem;display:grid}.budget-row>div:first-child small{color:#8a9490;font-size:.63rem}.row-actions{justify-content:flex-end;gap:.3rem;display:flex}.row-actions button{color:#71807b;cursor:pointer;background:0 0;border:0;font-size:.68rem}.row-actions button:last-child{font-size:1rem}.empty-state{text-align:center;align-content:center;place-items:center;min-height:280px;display:grid}.empty-state>span{width:46px;height:46px;color:var(--green);border:1px dashed #b9c1be;border-radius:50%;place-items:center;display:grid}.empty-state p{color:#7e8985;max-width:330px;font-size:.75rem}.card-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;display:flex}.card-footer>span{color:#8b9591;font-size:.65rem}.autosave-hint,.count-badge{padding:.3rem .6rem}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.note-card{background:#fffefa;border:1px solid #dedbd3;border-radius:16px;flex-direction:column;min-height:220px;padding:1rem;display:flex}.note-card h3{margin:.75rem 0 .55rem;font-family:Newsreader,serif;font-size:1.25rem}.note-card__head{justify-content:space-between;align-items:center;display:flex}.note-type-badge{color:#60736d;background:#edf1ed;border-radius:999px;padding:.25rem .55rem;font-size:.6rem;font-weight:700}.note-content{color:#66736f;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.55;display:-webkit-box;overflow:hidden}.note-content>*{margin-top:0}.note-card--todo{background:color-mix(in srgb, var(--category-color) 7%, #fffefa);justify-content:space-between;min-height:145px}.note-card--todo.done{opacity:.68}.todo-note-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.todo-note-head>small{color:#84908c;font-size:.6rem;font-weight:700}.note-todo-list{margin-bottom:.8rem;display:grid}.note-todo{cursor:pointer;border-top:1px solid #e8e5df;grid-template-columns:22px 1fr;align-items:start;gap:.7rem;padding:.55rem 0;display:grid}.note-todo input{width:18px;height:18px;accent-color:var(--category-color);margin-top:.1rem}.note-todo span{font-size:.84rem;line-height:1.45}.note-todo.done span{color:#8d9793;text-decoration:line-through}.note-card__footer{border-top:1px solid #e8e5df;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.9rem;display:flex}.note-card__footer time{color:#939c99;font-size:.58rem}.note-card__footer div{gap:.55rem;display:flex}.note-card__footer button{color:#667772;cursor:pointer;background:0 0;border:0;font-size:.65rem;font-weight:700}.empty-state--notes{min-height:300px}.empty-note-actions{gap:.5rem;display:flex}.note-guide h2{margin-bottom:1.2rem;font-size:1.5rem;font-weight:500}.note-guide>div{border-top:1px solid #e5e2db;grid-template-columns:36px 1fr;gap:.7rem;padding:.8rem 0;display:grid}.note-guide>div>span{width:32px;height:32px;color:var(--green);background:#e8eee9;border-radius:10px;place-items:center;font-weight:700;display:grid}.note-guide p{gap:.2rem;margin:0;display:grid}.note-guide strong{font-size:.75rem}.note-guide small{color:#7f8b87;font-size:.66rem;line-height:1.45}.rich-editor{background:#fffefa;border:1px solid #dcdbd4;border-radius:14px;overflow:hidden}.editor-toolbar{background:#f8f5ee;border-bottom:1px solid #e2dfd8;flex-wrap:wrap;align-items:center;gap:.15rem;min-height:46px;padding:.45rem .6rem;display:flex}.editor-toolbar button{cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:30px;height:30px;font-size:.72rem}.editor-toolbar button:hover{background:#e8ece8}.editor-toolbar>span{background:#d7d5ce;width:1px;height:18px;margin:0 .25rem}.editor-canvas{color:#344641;outline:0;min-height:190px;padding:1rem;font-size:.82rem;line-height:1.65}.editor-canvas:empty:before{color:#9ba39f;content:attr(data-placeholder);pointer-events:none}.editor-canvas h3{margin-bottom:.5rem;font-family:Newsreader,serif;font-size:1.25rem}.editor-canvas p{margin-bottom:.75rem}.todo-add{grid-template-columns:1fr 38px;gap:.4rem;margin-bottom:.9rem;display:grid}.todo-add input{padding:.65rem .75rem;font-size:.73rem}.todo-add button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px}.todo-list{max-height:470px;display:grid;overflow-y:auto}.todo-item{cursor:pointer;border-bottom:1px solid #e8e5df;grid-template-columns:19px 1fr 24px;align-items:start;gap:.5rem;padding:.65rem 0;display:grid}.todo-item input{width:16px;height:16px;accent-color:var(--green-2)}.todo-item span{font-size:.73rem;line-height:1.4}.todo-item.done span{color:#929a97;text-decoration:line-through}.todo-item button{color:#a5aaa8;cursor:pointer;background:0 0;border:0}.activity-feed--compact .activity-item{padding-bottom:1rem}.modal-open{overflow:hidden}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11221e7a;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--paper);border:1px solid #ffffff8c;border-radius:22px;width:min(520px,100%);max-height:calc(100vh - 3rem);overflow-y:auto;box-shadow:0 30px 90px #0b1c184d}.modal-card--wide{width:min(720px,100%)}.modal-header{border-bottom:1px solid #e7e3dc;justify-content:space-between;align-items:flex-start;padding:1.4rem 1.5rem 1rem;display:flex}.modal-header h2{margin:0;font-size:1.8rem;font-weight:500}.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.2rem;display:grid}.money-input{background:#fffefa;border:1px solid #d9d8d1;border-radius:12px;grid-template-columns:42px 1fr;display:grid;overflow:hidden}.money-input>span{color:#76817e;border-right:1px solid #e0ded8;place-items:center;font-size:.75rem;font-weight:700;display:grid}.money-input input{border:0;border-radius:0;box-shadow:none!important}.split-fields{grid-template-columns:82px 1fr;gap:.8rem;display:grid}.field--icon input{text-align:center;font-size:1.2rem}.color-field{border:0;gap:.55rem;margin:0;padding:0;display:flex}.color-field legend{margin-bottom:.6rem}.color-field label input{opacity:0;position:absolute}.color-field label span{border:4px solid var(--paper);background:var(--swatch);cursor:pointer;border-radius:50%;width:29px;height:29px;display:block;box-shadow:0 0 0 1px #d2d0ca}.color-field label input:checked+span{box-shadow:0 0 0 2px var(--swatch)}.form-actions{justify-content:flex-end;gap:.6rem;margin-top:.3rem;display:flex}.danger-zone{background:#fcf5f3;border:1px solid #ebd2cd;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-top:.4rem;padding:.8rem;display:flex}.danger-zone div{display:grid}.danger-zone strong{color:#934538;font-size:.75rem}.danger-zone small{color:#a67870;font-size:.62rem}.note-type-picker{border:0;grid-template-columns:repeat(2,1fr);gap:.65rem;margin:0;padding:0;display:grid}.note-type-picker legend{color:#53625d;margin-bottom:.55rem;font-size:.72rem;font-weight:700}.note-type-picker label{cursor:pointer;border:1px solid #dcd9d2;border-radius:13px;grid-template-columns:34px 1fr;align-items:center;gap:.65rem;padding:.8rem;display:grid}.note-type-picker label.active{background:#edf3ef;border-color:#6f9589;box-shadow:0 0 0 2px #4a7a6c17}.note-type-picker input{opacity:0;position:absolute}.note-type-picker label>span{width:32px;height:32px;color:var(--green);background:#e7ece8;border-radius:9px;place-items:center;font-weight:700;display:grid}.note-type-picker label>div{gap:.15rem;display:grid}.note-type-picker strong{font-size:.73rem}.note-type-picker small,.todo-helper{color:#87918e;font-size:.63rem}.todo-builder{background:#faf8f2;border:1px solid #dcdbd4;border-radius:14px;gap:.75rem;padding:.9rem;display:grid}.todo-builder__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.todo-builder__head>div{gap:.15rem;display:grid}.todo-builder__head strong{font-size:.75rem}.todo-builder__head small{color:#87918e;font-size:.62rem}.todo-builder__list{gap:.45rem;display:grid}.todo-builder__row{grid-template-columns:20px 1fr 28px;align-items:center;gap:.5rem;display:grid}.todo-builder__row>input[type=checkbox]{width:17px;height:17px;accent-color:var(--green)}.todo-builder__row>input[type=text]{background:#fffefa;border:1px solid #d9d8d1;border-radius:10px;width:100%;min-width:0;padding:.7rem .75rem;font-size:.75rem}.todo-builder__row>button{color:#9a7770;cursor:pointer;background:0 0;border:0;font-size:1rem}.todo-helper{background:#f0f3ef;border-radius:10px;margin:0;padding:.75rem;line-height:1.5}.loading-screen{background:var(--cream);color:#6b7974;align-content:center;place-items:center;gap:.8rem;min-height:100vh;display:grid}.loading-screen p{font-size:.78rem}.toast-message{z-index:200;background:var(--green);color:#fff;border-radius:14px;align-items:center;gap:.65rem;max-width:min(380px,100vw - 3rem);padding:.85rem 1rem;font-size:.76rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 16px 40px #12312a3d}.toast-message>span{background:#ffffff26;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.toast-message--error{background:#8f4035}.toast-enter-active,.toast-leave-active{transition:opacity .18s,transform .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)}.bottom-nav{z-index:70;bottom:max(1rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8e6;border:1px solid #ced0c9e6;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:.25rem;width:min(420px,100vw - 2rem);padding:.4rem;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #18362f33}.bottom-nav button{color:#7a8783;cursor:pointer;background:0 0;border:0;border-radius:16px;align-content:center;place-items:center;gap:.15rem;min-height:56px;display:grid}.bottom-nav button>span{font-size:1.15rem;line-height:1}.bottom-nav button small{font-size:.62rem;font-weight:700}.bottom-nav button.active{background:var(--green);color:#fff}@media (width<=1120px){.summary-layout,.content-layout,.home-content{grid-template-columns:1fr}.activity-panel{width:100%}.category-grid{grid-template-columns:repeat(2,1fr)}.data-view .category-grid{grid-template-columns:repeat(3,1fr)}.category-content{grid-template-columns:1fr}.category-sidebar{grid-template-columns:repeat(2,1fr)}.notes-grid{grid-template-columns:1fr}}@media (width<=760px){.topbar{min-height:66px;padding:0 1rem}.profile-chip div,.topbar-actions .button--quiet,.topbar--category .category-title small{display:none}.dashboard,.category-page{width:min(100% - 2rem,680px);padding-top:2rem}.welcome-row,.category-hero,.page-heading{flex-direction:column;align-items:flex-start}.welcome-row .button,.category-hero .button{width:100%}.metric-grid{grid-template-columns:1fr}.metric-card{flex-direction:row;align-items:flex-start;min-height:130px}.metric-card p{margin-top:0}.category-grid,.category-sidebar,.data-view .category-grid{grid-template-columns:1fr}.highlight-row{grid-template-columns:38px 1fr auto}.highlight-progress{display:none}.logging-summary{grid-template-columns:repeat(2,1fr)}.logging-summary article:nth-child(2){border-right:0}.logging-summary article:nth-child(-n+2){border-bottom:1px solid var(--line)}.note-type-picker{grid-template-columns:1fr}.category-card{min-height:235px}.section-bar{flex-direction:column;align-items:flex-start}.section-bar--compact{flex-direction:row;align-items:center}.search-field{width:100%}.auth-page{grid-template-columns:1fr}.auth-story{min-height:42vh;padding:2rem 1.5rem}.auth-copy h1{font-size:clamp(2.7rem,13vw,4.4rem)}.auth-quote{display:none}.auth-panel{padding:2.5rem 1.5rem}.topbar--category{grid-template-columns:auto 1fr auto}.back-button span:last-child,.topbar--category>.button{display:none}.category-title{justify-self:center}.category-metrics{grid-template-columns:repeat(2,1fr)}.category-metrics article:nth-child(2){border-right:0}.category-metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.budget-table{border:0;gap:.75rem;display:grid}.budget-row--head{display:none}.budget-row{border:1px solid #e2dfd8;border-radius:12px;grid-template-columns:1fr 1fr;gap:.5rem;padding:.85rem}.budget-row>div:first-child{grid-column:1/-1}.budget-row>span:before{color:#8c9692;margin-bottom:.15rem;font-size:.58rem;display:block}.budget-row>span:nth-child(2):before{content:"Biaya"}.budget-row>span:nth-child(3):before{content:"Realisasi"}.budget-row>span:nth-child(4):before{content:"Sisa"}.row-actions{align-items:end}.activity-feed{grid-template-columns:1fr}.card-footer{flex-direction:column;align-items:flex-start}.card-footer .button{width:100%}.bottom-nav{bottom:max(.65rem, env(safe-area-inset-bottom));border-radius:19px;width:calc(100vw - 1.25rem)}}.balance-card{background:radial-gradient(circle at 100% 0, #ffffff21, transparent 34%), linear-gradient(145deg, var(--primary), var(--primary-hover));flex-direction:column;gap:22px;min-height:340px;padding:clamp(24px,3vw,32px);display:flex;overflow:hidden}.balance-card:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:180px;height:180px;position:absolute;top:-64px;right:-58px}.balance-card__top{align-items:flex-start;gap:20px}.balance-card__top .balance-card__eyebrow{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 8px;font-size:.72rem;font-weight:700;display:flex}.balance-card__eyebrow>span{background:#86efac;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #86efac29}.balance-card__top h2{overflow-wrap:anywhere;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.05}.balance-card__caption{color:#ffffff9e;margin-top:8px;font-size:.7rem;display:block}.balance-card .round-action{color:#fff;width:auto;height:38px;box-shadow:none;background:#ffffff1f;border:1px solid #fff6;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.72rem;font-weight:700;display:flex}.balance-breakdown{gap:10px;margin:0;display:grid}.balance-breakdown__label{color:#ffffffc7;justify-content:space-between;align-items:center;font-size:.68rem;font-weight:700;display:flex}.balance-breakdown__label small{color:#ffffff80;font-size:.62rem;font-weight:600}.balance-breakdown__toggle{color:#ffffffd1;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:.7rem;font-weight:700;display:flex}.balance-breakdown__toggle small{color:#fff9;text-underline-offset:3px;font-size:.64rem;font-weight:600;text-decoration:underline;transition:color .2s}.balance-breakdown__toggle:hover small{color:#ffffffe6}.balance-breakdown__list{background:#081b1629;border:1px solid #ffffff26;border-radius:10px;display:grid;overflow:hidden}.balance-breakdown__list>div{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:9px 11px;display:grid}.balance-breakdown__list>div+div{border-top:1px solid #ffffff1a}.balance-breakdown__index{color:#ffffffb8;background:#ffffff1f;border-radius:6px;place-items:center;width:20px;height:20px;font-size:.6rem;font-weight:800;display:grid}.balance-breakdown__list small{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.balance-breakdown__list strong{color:#fff;font-variant-numeric:tabular-nums;font-size:.74rem}.balance-breakdown__more{color:#fff9;cursor:pointer;width:100%;font:inherit;text-align:center;text-underline-offset:3px;background:0 0;border:0;margin-top:8px;padding:6px 0;font-size:.64rem;font-weight:700;text-decoration:underline;transition:color .2s}.balance-breakdown__more:hover{color:#ffffffe6}.balance-breakdown>button{color:#ffffffad;cursor:pointer;font:inherit;background:0 0;border:0;justify-self:start;padding:0;font-size:.64rem;font-weight:700}.balance-card__bottom{border-top:1px solid #fff3;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:auto;padding-top:16px;display:grid;position:relative;bottom:auto;left:auto;right:auto}.balance-card__bottom>div+div{border-left:1px solid #ffffff2e;margin-left:18px;padding-left:18px}.balance-card__bottom small{color:#ffffffb8;letter-spacing:.02em;font-size:.68rem;font-weight:600}.balance-card__bottom strong{color:#fff;font-variant-numeric:tabular-nums;font-size:.95rem}@media (width<=760px){.balance-card{gap:20px;min-height:0;padding:22px}.balance-card__top h2{font-size:clamp(1.75rem,9vw,2.5rem)}}@media (width<=420px){.balance-card .round-action>span:last-child{display:none}.balance-card .round-action{width:38px;padding:0}.balance-breakdown__list>div{grid-template-columns:20px minmax(0,1fr)}.balance-breakdown__list strong{grid-column:2}.balance-card__bottom>div+div{margin-left:12px;padding-left:12px}}.note-guide>div>span,.note-type-picker label>span{color:#2f5d50;background:#dce8e1}.profile-chip>span{color:#2f5d50;background:#dce8e1}@media (prefers-color-scheme:no-preference) and (prefers-color-scheme:dark){:root{color:#e5eee9;--primary:#7fa995;--primary-hover:#91b6a4;--secondary:#9cad8e;--background:#13221d;--surface:#1c3028;--foreground:#e5eee9;--foreground-soft:#b7c8bf;--border:#365146;--success:#73a18c;--info:#72a3a0;--warning:#c7a66b;--danger:#cb7b74;background:#13221d}body,.auth-panel{background-image:linear-gradient(#36514680 1px,#0000 1px),linear-gradient(90deg,#36514680 1px,#0000 1px)}.status-pill,.live-dot,.count-badge,.autosave-hint,.note-type-badge,.profile-chip>span{color:#b9d2c5;background:#253f35;border-color:#5f806f}.highlight-row:hover,.note-card--todo,.note-type-picker label.active,.note-guide>div>span,.note-type-picker label>span{color:#c9ddd3;background:#294238}.demo-banner{color:#e5d4af;background:#433923}.form-error,.danger-zone{color:#e7b7b2;background:#462b28}}@media (width<=760px){:root{font-size:16px}.category-card p,.activity-item p,.budget-row,.note-content{font-size:.88rem}}.welcome-row h1,.category-hero h1,.page-heading h1,.auth-copy h1{letter-spacing:-.025em;font-size:clamp(2rem,4vw,2.25rem);font-weight:800;line-height:1.15}.eyebrow,.eyebrow--light{color:#8a4c42;font-size:.75rem;font-weight:800}.button--primary{border-color:var(--foreground);background:var(--primary);color:#0a0a0a;box-shadow:0 4px #0a0a0a38}.topbar{border-bottom:3px solid var(--foreground);background:#fffffff5;min-height:78px}.brand-mark{border:3px solid var(--foreground);background:var(--primary);color:#0a0a0a;border-radius:16px;width:44px;height:44px;font-family:Nunito,sans-serif;font-weight:900;box-shadow:0 4px #0a0a0a33}.round-action{border:3px solid var(--foreground);background:var(--accent);color:#0a0a0a;border-radius:9999px;box-shadow:0 4px #0a0a0a33}.logging-summary{border-radius:24px;overflow:hidden}.highlight-row{border-top:2px dashed var(--foreground);border-radius:12px}.category-card{min-height:250px}.budget-row,.highlight-row{font-size:.875rem}.auth-form-wrap{border:3px solid var(--foreground);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:32px}.modal-backdrop{background:#0a0a0a94}.danger-zone{border:3px solid var(--foreground);color:#5a1228;background:#ffe3eb;border-radius:16px}.bottom-nav{border:3px solid var(--foreground);background:var(--surface);width:min(440px,100% - 32px);box-shadow:var(--shadow-lg);border-radius:24px;padding:7px}@media (prefers-color-scheme:no-preference) and (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#f8be9e;--primary-hover:#ffcfb6;--secondary:#70d6ff;--accent:#ffd670;--background:#0a0a0a;--surface:#1e1e1e;--foreground:#f5f5f5;--foreground-soft:#c8c8c8;--border:#fff;--success:#bcffbe;--info:#70d6ff;--warning:#ffd670;--danger:#ff7096;--line:#fff}body,.auth-panel{background-color:var(--background);background-image:radial-gradient(circle at 12% 14%,#f8be9e33 0 7rem,#0000 7.1rem),radial-gradient(circle at 88% 22%,#70d6ff29 0 9rem,#0000 9.1rem),radial-gradient(circle at 75% 88%,#ffd67024 0 6rem,#0000 6.1rem)}.topbar{background:#1e1e1ef5}.profile-chip>span,.status-pill,.live-dot,.count-badge,.autosave-hint,.note-type-badge,.metric-icon,.note-guide>div>span,.note-type-picker label>span{color:#0a0a0a}.highlight-row:hover{background:#342923}.highlight-progress i,.progress-track{background:#373737}.note-card--todo,.note-type-picker label.active{background:#17351d}.todo-builder,.editor-toolbar{background:#332d20}.form-error,.danger-zone{color:#ffd7e2;background:#4a1f2b}.demo-banner{color:#ffe9a7;background:#403719}.auth-story{color:#0a0a0a}.auth-form-wrap,.metric-card,.surface-card,.activity-panel,.category-card,.logging-summary,.category-metrics,.data-view,.note-card,.modal-card,.bottom-nav{box-shadow:0 10px 40px #0000008c}}@media (width<=760px){.dashboard,.category-page{width:min(100% - 32px,1400px);padding-top:28px}.auth-story{border-right:0;border-bottom:3px solid var(--foreground)}.balance-card,.auth-form-wrap,.modal-card{border-radius:24px}.metric-card,.surface-card,.activity-panel,.category-card,.category-metrics,.data-view,.note-card{border-radius:20px}}.topbar{padding-inline:clamp(16px,4vw,56px)}.dashboard,.category-page{padding:clamp(28px,3.5vw,48px) 0 120px}.welcome-row h1,.category-hero h1,.page-heading h1{margin-bottom:8px}.balance-card{padding:clamp(24px,3vw,32px)}.section-bar .eyebrow,.page-heading .eyebrow,.welcome-row .eyebrow,.category-hero .eyebrow{margin-bottom:6px}.highlight-row{gap:14px;min-height:76px;padding:12px 8px}.logging-summary{margin-bottom:24px}.category-card{gap:18px;padding:24px}.budget-row{gap:14px;min-height:74px;padding-inline:8px}.row-actions button,.note-card__footer button{min-height:32px;padding:4px 6px}.note-todo{gap:12px;padding:10px 2px}.auth-form-wrap{padding:clamp(24px,4vw,40px)}.demo-banner{margin-bottom:24px;padding:14px 16px}.modal-backdrop{padding:24px}.modal-header{gap:20px;padding:24px 28px 20px}.note-type-picker label{gap:12px;padding:14px}.todo-builder{gap:14px;padding:16px}.todo-builder__list,.todo-builder__row{gap:8px}.editor-toolbar{gap:4px;padding:8px 10px}.danger-zone{margin-top:4px;padding:14px 16px}.toast-message{padding:14px 16px;bottom:104px;right:24px}.bottom-nav{bottom:max(16px, env(safe-area-inset-bottom))}@media (width<=1120px){.summary-layout,.home-content,.category-content{gap:20px}}@media (width<=980px) and (width>=761px){.data-view .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logging-summary article{padding:20px}}@media (width<=760px){.topbar{min-height:70px;padding-inline:16px}.profile-chip{border-right:0;padding-right:0}.dashboard,.category-page{width:min(100% - 28px,680px);padding:28px 0 112px}.welcome-row,.category-hero,.page-heading{gap:18px}.welcome-row{margin-bottom:24px}.summary-layout,.home-content,.category-content{gap:18px}.home-content,.category-content{margin-top:24px}.balance-card{min-height:250px;padding:22px}.balance-card__bottom{gap:24px;bottom:22px;left:22px;right:22px}.metric-grid,.category-main,.category-sidebar{gap:14px}.metric-card{gap:16px;min-height:120px;padding:20px}.surface-card,.activity-panel{padding:18px}.section-bar{gap:12px;margin-bottom:20px}.section-bar--compact{align-items:flex-start}.highlight-row{gap:10px;min-height:72px;padding:10px 4px}.page-heading{margin-bottom:22px;padding-bottom:20px}.logging-summary{margin-bottom:18px}.logging-summary article{min-height:112px;padding:16px}.logging-summary article:nth-child(-n+2),.category-metrics article:nth-child(-n+2){border-bottom:2px solid var(--foreground)}.data-view{padding:16px}.category-grid{gap:14px}.category-card{gap:14px;min-height:220px;padding:20px}.category-hero{padding-bottom:22px}.topbar--category{grid-template-columns:auto 1fr auto}.back-button span:last-child,.topbar--category>.button{display:none}.category-title{justify-self:center}.category-metrics{margin-top:18px}.category-metrics article{min-height:112px;padding:18px 14px}.budget-table{gap:12px}.budget-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:16px}.budget-row>div:first-child,.row-actions{grid-column:1/-1}.row-actions{border-top:1px dashed #0a0a0a47;justify-content:flex-end;padding-top:4px}.notes-grid{gap:14px}.note-card{min-height:0;padding:18px}.empty-note-actions,.form-actions{flex-direction:column-reverse;width:100%}.empty-note-actions .button,.form-actions .button{width:100%}.auth-panel{padding:32px 16px}.auth-form-wrap{padding:24px 20px}.modal-backdrop{align-items:end;padding:12px}.modal-card,.modal-card--wide{border-radius:24px;width:100%;max-height:calc(100dvh - 24px)}.modal-header{padding:20px 20px 16px}.modal-body{padding:20px}.split-fields{grid-template-columns:72px minmax(0,1fr)}.todo-builder__head{flex-direction:column;align-items:flex-start}.todo-builder__head .text-button{text-align:left;align-self:stretch;padding:6px 0}.toast-message{max-width:none;bottom:96px;left:14px;right:14px}.bottom-nav{width:calc(100vw - 20px)}}@media (width<=420px){.topbar-actions{gap:8px}.profile-chip>span{width:32px;height:32px}.status-pill{display:none}.balance-card__bottom{flex-direction:column;align-items:flex-start;gap:12px}.balance-card{min-height:285px}.logging-summary,.topbar--category{grid-template-columns:auto 1fr auto}.back-button span:last-child,.topbar--category>.button{display:none}.category-title{justify-self:center}.category-metrics{grid-template-columns:1fr}.logging-summary article,.category-metrics article{border-bottom:2px solid var(--foreground);min-height:96px;border-right:0!important}.logging-summary article:last-child,.category-metrics article:last-child{border-bottom:0}.budget-row{grid-template-columns:1fr 1fr}.budget-row>span:nth-child(4){grid-column:1/-1}}@media (width<=430px){.balance-card{min-height:250px;padding:1.3rem}.balance-card__bottom{gap:1.5rem;bottom:1.3rem;left:1.3rem;right:1.3rem}.balance-card__top h2{font-size:1.75rem}.modal-backdrop{align-items:end;padding:0}.modal-card{border-radius:22px 22px 0 0;max-height:92vh}}:root{color:#1e293b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#a855f7;--background:#f8fafc;--surface:#fff;--foreground:#1e293b;--foreground-soft:#64748b;--border:#e2e8f0;--success:#22c55e;--info:#06b6d4;--warning:#eab308;--danger:#ef4444;--ink:var(--foreground);--ink-soft:var(--foreground-soft);--green:var(--primary);--green-2:var(--primary-hover);--cream:var(--background);--paper:var(--surface);--line:var(--border);--rose:var(--danger);--sand:var(--warning);--shadow:8px 8px 0 0 var(--foreground);--shadow-sm:4px 4px 0 0 var(--foreground);--shadow-lg:12px 12px 0 0 var(--foreground);background:#f8fafc;font-family:Inter,system-ui,sans-serif}body{color:var(--foreground);background:var(--background)}body,.auth-panel{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:32px 32px}h1,h2,h3,.brand strong,.category-title strong{font-family:Cabinet Grotesk,Inter,sans-serif}h1,h2,h3{letter-spacing:-.025em}.eyebrow{color:var(--primary);letter-spacing:.12em;font-family:Inter,sans-serif;font-size:.75rem;font-weight:800}.eyebrow--light{color:#bfdbfe}button,input,textarea,[contenteditable=true]{border-radius:8px}.button{border:2px solid var(--foreground);border-radius:4px;min-height:44px;padding:.7rem 1.1rem;font-weight:800;transition:transform .12s,box-shadow .12s,background .12s}.button:hover:not(:disabled){transform:translate(-2px,-2px)}.button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.button--primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.button--primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:6px 6px 0 0 var(--foreground)}.button--secondary{border-color:var(--foreground);background:var(--secondary);color:#fff;box-shadow:var(--shadow-sm)}.button--danger-text{border-color:var(--foreground);background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.text-button{color:var(--primary);font-weight:800}.topbar{border-bottom:2px solid var(--foreground);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;min-height:76px}.brand-mark{border:2px solid var(--foreground);background:var(--primary);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:8px 8px 8px 2px;font-family:Cabinet Grotesk,Inter,sans-serif;font-weight:800}.profile-chip>span{border:2px solid var(--foreground);color:var(--primary-hover);background:#dbeafe;border-radius:8px}.status-pill,.live-dot,.count-badge,.autosave-hint,.note-type-badge{border:1px solid var(--primary);color:#1d4ed8;background:#dbeafe;border-radius:9999px}.dashboard,.category-page{width:min(1400px,100% - 48px);padding-top:48px}.welcome-row h1,.category-hero h1,.page-heading h1{color:var(--foreground);font-family:Cabinet Grotesk,Inter,sans-serif;font-weight:800}.welcome-row h1{font-size:clamp(2.5rem,5vw,4.75rem)}.balance-card{border:2px solid var(--foreground);background:var(--primary);color:#fff;min-height:240px;box-shadow:var(--shadow-lg);border-radius:12px;overflow:visible}.balance-card__top p,.balance-card__bottom small{color:#dbeafe}.balance-card__top h2{font-family:Cabinet Grotesk,Inter,sans-serif;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:800}.round-action{color:var(--primary);box-shadow:4px 4px 0 0 var(--foreground);background:#fff;border:2px solid #fff;border-radius:8px}.metric-card,.surface-card,.activity-panel,.category-card,.logging-summary,.data-view{border:2px solid var(--foreground);background:var(--surface);box-shadow:var(--shadow)}.metric-card,.surface-card,.activity-panel,.category-card,.logging-summary,.data-view,.note-card{border-radius:12px}.metric-card{padding:24px}.metric-card p,.category-total span{color:var(--foreground-soft)}.metric-card h3,.category-total strong,.category-metrics strong,.logging-summary strong{color:var(--foreground);font-family:Cabinet Grotesk,Inter,sans-serif;font-weight:800}.metric-icon{border:2px solid var(--foreground);width:42px;height:42px;box-shadow:3px 3px 0 0 var(--foreground);border-radius:8px}.surface-card,.activity-panel{padding:24px}.highlight-row{border-top:2px solid var(--border)}.category-card{min-height:250px;padding:24px;transition:transform .12s,box-shadow .12s}.category-card:hover{border-color:var(--foreground);box-shadow:var(--shadow-lg);transform:translate(-4px,-4px)}.category-card:active{box-shadow:var(--shadow-sm);transform:translate(4px,4px)}.category-symbol,.add-circle{border:2px solid var(--foreground);box-shadow:3px 3px 0 0 var(--foreground);border-radius:8px}.logging-summary{overflow:hidden}.logging-summary article:not(:last-child),.category-metrics article:not(:last-child){border-color:var(--foreground)}.category-metrics{border:2px solid var(--foreground);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;margin-top:24px;overflow:hidden}.budget-table,.budget-row,.activity-item:not(:last-child):before,.note-guide>div{border-color:var(--border)}.budget-row--head{color:var(--foreground-soft)}.row-actions button,.note-card__footer button{color:var(--primary);font-weight:700}.note-card{border:2px solid var(--foreground);background:var(--surface);box-shadow:var(--shadow-sm)}.note-card--todo{background:#f5f3ff}.note-card h3{font-family:Cabinet Grotesk,Inter,sans-serif;font-weight:800}.note-todo{border-color:var(--border)}.note-guide>div>span{border:2px solid var(--foreground);color:#7e22ce;box-shadow:3px 3px 0 0 var(--foreground);background:#ede9fe;border-radius:8px}.field input:focus,.field textarea:focus,.todo-add input:focus,.todo-builder__row>input[type=text]:focus,.money-input:focus-within{border-color:var(--primary);box-shadow:4px 4px 0 0 var(--primary)}.auth-story{border-right:2px solid var(--foreground);background:var(--primary)}.auth-story:before,.auth-story:after{border:3px solid #ffffff59;border-radius:12px}.auth-story:before{transform:rotate(10deg)}.auth-story:after{transform:rotate(-8deg)}.auth-copy h1{font-family:Cabinet Grotesk,Inter,sans-serif;font-size:clamp(3.5rem,7vw,6rem);font-weight:800}.auth-copy>p:last-child,.auth-quote p{color:#dbeafe}.auth-quote span{color:#fff;font-family:Cabinet Grotesk,Inter,sans-serif;font-weight:800}.auth-form-wrap h2{font-family:Cabinet Grotesk,Inter,sans-serif;font-weight:800}.demo-banner{border:2px solid var(--warning);color:#713f12;background:#fef9c3;border-radius:8px}.auth-switch{color:var(--primary)}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f172ab8}.modal-card{border:2px solid var(--foreground);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:16px}.modal-header{border-bottom:2px solid var(--foreground)}.modal-header h2{font-family:Cabinet Grotesk,Inter,sans-serif;font-weight:800}.icon-button{border:2px solid var(--foreground);background:var(--surface);box-shadow:3px 3px 0 0 var(--foreground);border-radius:4px}.note-type-picker label{border:2px solid var(--border);background:var(--surface);border-radius:8px}.note-type-picker label.active{border-color:var(--primary);box-shadow:4px 4px 0 0 var(--primary);background:#eff6ff}.note-type-picker label>span{border:2px solid var(--foreground);color:#7e22ce;background:#ede9fe;border-radius:8px}.todo-builder{border:2px solid var(--foreground);box-shadow:var(--shadow-sm);background:#f8fafc;border-radius:12px}.editor-toolbar{border-bottom:2px solid var(--foreground);background:#f1f5f9}.editor-toolbar button:hover{color:var(--primary-hover);background:#dbeafe}.danger-zone{border:2px solid var(--danger);background:#fff1f2;border-radius:8px}.toast-message{border:2px solid var(--foreground);background:var(--success);color:#052e16;box-shadow:var(--shadow);border-radius:8px}@media (prefers-color-scheme:no-preference) and (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#60a5fa;--primary-hover:#3b82f6;--secondary:#c084fc;--background:#0f172a;--surface:#1e293b;--foreground:#f1f5f9;--foreground-soft:#cbd5e1;--border:#334155;--ink:var(--foreground);--ink-soft:var(--foreground-soft);--cream:var(--background);--paper:var(--surface);--line:var(--border)}body,.auth-panel{background-image:linear-gradient(#33415573 1px,#0000 1px),linear-gradient(90deg,#33415573 1px,#0000 1px)}.status-pill,.live-dot,.count-badge,.autosave-hint,.note-type-badge,.profile-chip>span,.highlight-row:hover,.note-type-picker label.active{color:#bfdbfe;background:#172554}.note-card--todo,.note-guide>div>span{color:#e9d5ff;background:#2e1065}.todo-builder,.editor-toolbar{background:#0f172a}.demo-banner{color:#fef08a;background:#422006}.form-error,.danger-zone{color:#fecaca;background:#450a0a}}@media (width<=760px){.dashboard,.category-page{width:min(100% - 32px,1400px);padding-top:32px}.auth-form-wrap,.balance-card,.metric-card,.surface-card,.activity-panel,.category-card,.logging-summary,.category-metrics,.bottom-nav{box-shadow:var(--shadow-sm)}.auth-story{border-right:0;border-bottom:2px solid var(--foreground)}.topbar{border-bottom-width:2px}.balance-card{min-height:260px}.topbar--category{grid-template-columns:auto 1fr auto}.back-button span:last-child,.topbar--category>.button{display:none}.category-title{justify-self:center}.category-metrics{border-bottom:2px solid var(--foreground)}}:root{color:#20332d;--primary:#2f5d50;--primary-hover:#244a40;--secondary:#819a75;--background:#f0f3ef;--surface:#fafcf9;--foreground:#20332d;--foreground-soft:#5f7069;--border:#c9d4ce;--success:#4f7d69;--info:#4f7c7a;--warning:#b08a4a;--danger:#b45c55;background:#f0f3ef;font-size:17px}body,.auth-panel{background-image:linear-gradient(#c9d4ce9e 1px,#0000 1px),linear-gradient(90deg,#c9d4ce9e 1px,#0000 1px)}.button{font-size:.9rem}.button--secondary{color:#17281f}.eyebrow{color:var(--primary);font-size:.78rem}.brand strong{font-size:1.22rem}.brand small,.profile-chip small,.category-title small,.metric-card small,.logging-summary span,.logging-summary small,.category-metrics span,.category-metrics small,.highlight-row small,.category-meta,.activity-item time,.note-card__footer time,.todo-note-head>small,.note-type-picker small,.todo-builder__head small,.field small{font-size:.76rem;line-height:1.45}.profile-chip strong,.category-card p,.activity-item p,.empty-inline,.budget-row,.note-content,.note-guide strong,.note-guide small,.row-actions button,.note-card__footer button,.text-button{font-size:.84rem;line-height:1.5}.category-card h3,.highlight-row>span:nth-child(2) strong{font-size:1rem}.section-bar h2{font-size:1.8rem;font-weight:700}.field>span,.color-field legend,.note-type-picker legend{font-size:.9rem}.bottom-nav button small{font-size:.74rem}.bottom-nav button>span{font-size:1.22rem}.status-pill,.live-dot,.count-badge,.autosave-hint,.note-type-badge{color:#294f43;background:#dce8e1;border-color:#6f9282;font-size:.74rem}.metric-icon--sand{color:#725b33;background:#e5dcc7}.metric-icon--green{color:#315f50;background:#d5e4db}.metric-icon--rose{color:#814842;background:#ead8d5}.note-guide>div>span,.note-type-picker label>span,.profile-chip>span{color:#2f5d50;background:#dce8e1}.auth-story{background:#2f5d50}.demo-banner{color:#604d2f;background:#eee7d8;border-color:#a58a57}.form-error{color:#713d38;background:#ead8d5}.danger-zone{color:#713d38;background:#efe0de}@media (prefers-color-scheme:no-preference) and (prefers-color-scheme:dark){:root{color:#e5eee9;--primary:#7fa995;--primary-hover:#91b6a4;--secondary:#9cad8e;--background:#13221d;--surface:#1c3028;--foreground:#e5eee9;--foreground-soft:#b7c8bf;--border:#365146;--success:#73a18c;--info:#72a3a0;--warning:#c7a66b;--danger:#cb7b74;background:#13221d}body,.auth-panel{background-image:linear-gradient(#36514680 1px,#0000 1px),linear-gradient(90deg,#36514680 1px,#0000 1px)}.button--secondary{color:#13221d}.status-pill,.live-dot,.count-badge,.autosave-hint,.note-type-badge,.profile-chip>span{color:#b9d2c5;background:#253f35;border-color:#5f806f}.highlight-row:hover,.note-card--todo,.note-type-picker label.active,.note-guide>div>span,.note-type-picker label>span{color:#c9ddd3;background:#294238}.demo-banner{color:#e5d4af;background:#433923}.form-error,.danger-zone{color:#e7b7b2;background:#462b28}}@media (width<=760px){:root{font-size:16px}.category-card p,.activity-item p,.budget-row,.note-content{font-size:.88rem}}.nav-icon{background:currentColor;width:20px;height:20px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nav-home{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12l9-9 9 9'/%3E%3Cpath d='M5 10v10a1 1 0 001 1h3v-6h6v6h3a1 1 0 001-1V10'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12l9-9 9 9'/%3E%3Cpath d='M5 10v10a1 1 0 001 1h3v-6h6v6h3a1 1 0 001-1V10'/%3E%3C/svg%3E")}.nav-data{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M3 15h18M9 3v18M15 3v18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M3 15h18M9 3v18M15 3v18'/%3E%3C/svg%3E")}.nav-log{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E")}.ui-icon--pencil{background:currentColor;width:16px;height:16px;display:block;position:relative;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l4 4L7 21H3v-4L17 3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l4 4L7 21H3v-4L17 3z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-icon--search{background:currentColor;width:16px;height:16px;display:block;position:relative;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='7'/%3E%3Cpath d='M21 21l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='7'/%3E%3Cpath d='M21 21l-5-5'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mi{background:currentColor;width:18px;height:18px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mi--sum{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 4H6l6 8-6 8h12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 4H6l6 8-6 8h12'/%3E%3C/svg%3E")}.mi--check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}.mi--pending{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.ui-icon--arrow-left{background:currentColor;width:14px;height:14px;display:inline-block;position:relative;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations")}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations")}@font-face{font-family:Nunito;font-style:italic;font-weight:200 1000;font-display:swap;src:url(/assets/nunito-latin-wght-italic-ZB3Aladm.woff2)format("woff2-variations")}:root{color:#141f17;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--primary:#4ade80;--primary-hover:#22c55e;--secondary:#99f6e4;--accent:#facc15;--background:#fdfdf9;--surface:#fdfdf9;--foreground:#141f17;--foreground-soft:#3f5146;--border:#141f17;--success:#86efac;--info:#67e8f9;--warning:#fde047;--danger:#fca5a5;--ink:var(--foreground);--ink-soft:var(--foreground-soft);--green:var(--primary);--green-2:#16a34a;--cream:var(--background);--paper:var(--surface);--line:var(--foreground);--rose:var(--danger);--sand:var(--accent);--shadow:0 4px 12px -2px #0000001f;--shadow-sm:0 1px 3px #0000001f;--shadow-lg:0 10px 40px #00000024;background:#fdfdf9;font-family:Inter,system-ui,sans-serif;font-size:16px}body,.auth-panel{color:var(--foreground);background-color:var(--background);background-image:radial-gradient(circle at 12% 14%,#63d6bd47 0 7rem,#0000 7.1rem),radial-gradient(circle at 88% 22%,#70d6ff33 0 9rem,#0000 9.1rem),radial-gradient(circle at 75% 88%,#ffd6702e 0 6rem,#0000 6.1rem);background-size:auto;background-attachment:fixed}h1,h2,h3,.brand strong,.category-title strong,.balance-card__top h2,.metric-card h3,.category-total strong,.category-metrics strong,.logging-summary strong,.auth-copy h1,.auth-form-wrap h2,.modal-header h2{font-family:Nunito,sans-serif}.welcome-row h1,.category-hero h1,.page-heading h1,.auth-copy h1{letter-spacing:-.025em;margin-bottom:8px;font-size:clamp(2rem,4vw,2.25rem);font-weight:800;line-height:1.15}.section-bar h2,.auth-form-wrap h2,.modal-header h2{font-size:1.5rem;font-weight:700}.section-bar--compact h2{font-size:1.35rem}.category-card h3,.note-card h3{font-size:1.25rem;font-weight:700}.muted,.category-hero p:last-child,.page-heading p:last-child{color:var(--foreground-soft)}.eyebrow,.eyebrow--light{color:#246b5d;margin-bottom:6px;font-size:.75rem;font-weight:800}button:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}.button{border:3px solid var(--foreground);border-radius:16px;min-height:46px;padding:.7rem 1.15rem;font-size:.9rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 4px #0a0a0a33}.button:hover:not(:disabled){box-shadow:0 8px 0 #0a0a0a2e, var(--shadow-lg);transform:translateY(-4px)}.button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px #0a0a0a33}.button--primary{border-color:var(--foreground);background:var(--primary);color:var(--foreground)}.button--primary:hover:not(:disabled){background:var(--primary-hover)}.button--secondary{border-color:var(--foreground);background:var(--secondary);color:var(--foreground)}.button--ghost,.button--quiet{border:3px solid var(--foreground);background:var(--surface);color:var(--foreground)}.button--danger-text{border-color:var(--foreground);background:var(--danger);color:var(--foreground)}.category-edit-action{border:2px solid var(--foreground);background:var(--secondary);min-height:44px;color:var(--foreground);cursor:pointer;border-radius:14px;justify-self:end;align-items:center;gap:9px;padding:.65rem .9rem;font-size:.86rem;font-weight:800;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 3px #0a0a0a29}.category-edit-action:hover{transform:translateY(-2px);box-shadow:0 5px #0a0a0a29}.category-edit-action:active{transform:translateY(1px);box-shadow:0 1px #0a0a0a29}.text-button,.auth-switch,.row-actions button,.note-card__footer button{color:#a64f66;font-weight:800}.topbar{border-bottom:3px solid var(--foreground);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff5;min-height:78px;padding-inline:clamp(16px,4vw,56px)}.brand-mark{border:3px solid var(--foreground);background:var(--primary);width:44px;height:44px;color:var(--foreground);border-radius:16px;font-family:Nunito,sans-serif;font-weight:900;box-shadow:0 4px #0a0a0a33}.brand strong{font-size:1.2rem;font-weight:800}.brand small,.profile-chip small,.category-title small{color:var(--foreground-soft)}.profile-chip{border-color:var(--foreground)}.profile-chip>span{border:2px solid var(--foreground);background:var(--secondary);color:var(--foreground);border-radius:9999px}.status-pill,.live-dot,.count-badge,.autosave-hint,.note-type-badge{border:2px solid var(--foreground);background:var(--accent);color:var(--foreground);border-radius:9999px;font-size:.75rem;box-shadow:0 2px #0a0a0a29}.dashboard,.category-page{width:min(1400px,100% - 48px);padding:clamp(28px,3.5vw,48px) 0 120px}.welcome-row,.category-hero,.page-heading{gap:24px}.welcome-row{margin-bottom:28px}.page-heading,.category-hero{border-bottom:3px solid var(--foreground)}.page-heading{margin-bottom:28px;padding-bottom:24px}.page-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.category-hero{padding:4px 0 28px}.summary-layout{gap:24px}.balance-card{border:3px solid var(--foreground);background:var(--primary);min-height:240px;color:var(--foreground);box-shadow:var(--shadow-lg);border-radius:32px;padding:clamp(24px,3vw,32px);overflow:hidden}.balance-card__top .balance-card__eyebrow,.balance-card__top h2,.balance-card__caption,.balance-card__bottom small{color:var(--foreground)}.balance-card__top h2{font-size:clamp(2rem,4vw,3rem);font-weight:900}.balance-card__bottom{gap:clamp(28px,5vw,56px);bottom:24px;left:clamp(24px,3vw,32px);right:clamp(24px,3vw,32px)}.balance-card__bottom small{letter-spacing:.02em;font-size:.68rem;font-weight:700}.balance-card__bottom strong{font-size:.95rem}.balance-card__bottom div:last-child strong{border:2px solid var(--foreground);background:var(--background);width:fit-content;color:var(--foreground);box-shadow:0 2px 0 var(--foreground);border-radius:9999px;align-items:center;padding:5px 10px;font-weight:800;display:inline-flex}.balance-breakdown__toggle,.balance-breakdown__toggle small,.balance-breakdown__toggle:hover small{color:var(--foreground)}.balance-breakdown__content{margin-top:10px}.balance-breakdown__list{background:#0a0a0a0f;border-color:#0a0a0a1f}.balance-breakdown__list>div+div{border-color:#0a0a0a14}.balance-breakdown__index{color:var(--foreground);background:#0a0a0a14}.balance-breakdown__list small,.balance-breakdown__list strong,.balance-breakdown__more,.balance-breakdown__more:hover{color:var(--foreground)}.round-action{border:3px solid var(--foreground);background:var(--accent);color:var(--foreground);box-shadow:0 4px 0 var(--foreground);border-radius:9999px}.balance-card .round-action{border:2px solid var(--foreground);color:var(--foreground);background:0 0}.balance-card .round-action:hover{background:#11111114}.balance-orbit{border:3px solid #0a0a0a33;border-radius:9999px;width:190px;height:190px;bottom:-58px;right:-38px;transform:none;box-shadow:0 0 0 28px #ffd67042,0 0 0 56px #70d6ff24}.metric-grid{gap:16px}.metric-card,.surface-card,.activity-panel,.category-card,.logging-summary,.category-metrics,.data-view,.note-card{border:3px solid var(--foreground);background:var(--surface);box-shadow:var(--shadow)}.metric-card,.surface-card,.activity-panel,.category-card,.category-metrics,.data-view,.note-card{border-radius:24px}.metric-card,.surface-card,.activity-panel,.category-card{padding:24px}.metric-card{gap:24px}.metric-card:hover,.category-card:hover,.note-card:hover{border-color:var(--foreground);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.metric-card h3,.category-total strong,.category-metrics strong,.logging-summary strong{color:var(--foreground)}.metric-icon,.category-symbol,.add-circle,.note-guide>div>span,.note-type-picker label>span{border:3px solid var(--foreground);border-radius:16px;box-shadow:0 3px #0a0a0a2e}.metric-icon--sand{background:var(--accent);color:var(--foreground)}.metric-icon--green{background:var(--success);color:var(--foreground)}.metric-icon--rose{background:var(--danger);color:var(--foreground)}.category-symbol{background:color-mix(in srgb, var(--category-color) 55%, white);color:var(--foreground)}.home-content{gap:24px;margin-top:36px}.section-bar{gap:16px;margin-bottom:24px}.highlight-row{border-top:2px dashed var(--foreground);border-radius:12px;gap:14px;min-height:76px;padding:12px 8px}.highlight-row:hover{background:#fff5ee}.highlight-progress i,.progress-track{border:2px solid var(--foreground);background:#f1f1f1;border-radius:9999px}.highlight-progress{grid-template-columns:minmax(72px,1fr) auto;gap:8px}.highlight-progress i{height:10px}.highlight-progress small,.category-meta span:first-child,.category-metrics article:nth-child(3) small,.budget-row>div:first-child small{border:2px solid var(--foreground);background:var(--accent);width:fit-content;color:var(--foreground);white-space:nowrap;border-radius:9999px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:0 2px #0a0a0a24}.budget-item-note{color:#3b5048;word-break:break-word;margin:1px 0 0;font-size:.8rem;line-height:1.35}.progress-track{height:12px;margin-top:14px}.progress-track span{border-right:2px solid var(--foreground)}.category-meta{align-items:center;gap:10px}.category-meta span:last-child{color:var(--foreground-soft);font-weight:600}.category-metrics article:nth-child(3) small{background:var(--success);margin-top:2px}.budget-row>div:first-child small{background:#fff2bf;margin-top:2px}.activity-item{gap:12px;padding-bottom:20px}.activity-item:last-child{padding-bottom:0}.logging-summary{border-radius:24px;margin-bottom:24px;overflow:hidden}.logging-summary article{gap:6px;min-height:128px;padding:24px}.logging-summary article:not(:last-child),.category-metrics article:not(:last-child){border-color:var(--foreground);border-width:2px}.logging-card{max-width:none}.data-view{padding:clamp(20px,2.5vw,32px)}.search-field{border:3px solid var(--foreground);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px}.search-field:focus-within{border-color:var(--foreground);box-shadow:0 0 0 4px #70d6ff6b}.category-grid{gap:20px}.category-card{gap:18px;min-height:250px}.category-card:hover{transform:translateY(-4px)rotate(-.35deg)}.category-card--add{background:#ffd67024;border-style:dashed}.category-card__actions{gap:8px;margin-top:4px}.category-card__actions .button{border-width:2px;border-radius:12px;min-height:42px;padding:.55rem .5rem;font-size:.78rem;box-shadow:0 3px #0a0a0a29}.category-archive-button{background:var(--danger)}.archived-section{border-top:3px solid var(--foreground)}.archived-section__head{gap:16px}.archived-category{border:3px solid var(--foreground);box-shadow:var(--shadow-sm);background:#ffffffd1;border-radius:16px}.archived-category .category-symbol{filter:grayscale(.35)}.archived-empty{border:3px dashed var(--foreground);color:var(--foreground-soft)}.category-card h3{margin:20px 0 6px}.category-total{margin-top:16px}.category-meta{margin-top:10px}.category-metrics{margin-top:24px}.category-metrics article{gap:6px;min-width:0;padding:24px 20px}.category-content{gap:24px;margin-top:32px}.category-main,.category-sidebar{gap:24px}.budget-table,.budget-row,.note-guide>div{border-color:var(--foreground)}.budget-row{gap:14px;min-height:74px;padding-inline:8px;font-size:.875rem}.budget-row--head{min-height:46px}.row-actions{gap:8px}.row-actions .icon-action,.note-card__footer .icon-action{border:2px solid var(--foreground);width:38px;min-width:38px;height:38px;min-height:38px;color:var(--foreground);cursor:pointer;border-radius:12px;place-items:center;padding:0;transition:transform .14s,box-shadow .14s;display:inline-grid;box-shadow:0 3px #0a0a0a29}.icon-action--edit{background:var(--secondary)}.icon-action--delete{background:var(--danger)}.icon-action--add{border:2px solid var(--foreground);background:var(--success);width:42px;min-width:42px;height:42px;min-height:42px;color:var(--foreground);cursor:pointer;border-radius:14px;place-items:center;padding:0;transition:transform .14s,box-shadow .14s;display:inline-grid;box-shadow:0 3px #0a0a0a29}.icon-action:hover{transform:translateY(-2px);box-shadow:0 5px #0a0a0a29}.icon-action:active{transform:translateY(1px);box-shadow:0 1px #0a0a0a29}.ui-icon{color:currentColor;width:18px;height:18px;display:block;position:relative}.ui-icon--edit:before{content:"";border:2px solid;border-radius:3px 3px 1px 1px;width:5px;height:14px;position:absolute;top:1px;left:7px;transform:rotate(45deg)}.ui-icon--edit:after{content:"";border-bottom:2px solid;width:5px;height:3px;position:absolute;bottom:1px;right:1px;transform:rotate(-45deg)}.ui-icon--delete:before{content:"";border:2px solid;border-top:0;border-radius:0 0 3px 3px;height:11px;position:absolute;bottom:1px;left:3px;right:3px}.ui-icon--delete:after{content:"";background:currentColor;border-radius:2px;width:14px;height:2px;position:absolute;top:2px;left:2px;box-shadow:4px -3px 0 -1px}.ui-icon--add:before,.ui-icon--add:after{content:"";background:currentColor;border-radius:3px;width:14px;height:3px;position:absolute;top:8px;left:2px}.ui-icon--add:after{transform:rotate(90deg)}.empty-state{min-height:260px;padding:32px 20px}.empty-state>span{width:52px;height:52px}.empty-state h3{margin:16px 0 6px}.empty-state p{margin-bottom:20px}.notes-grid{gap:20px}.note-card{min-height:230px;padding:20px}.note-card h3{margin:14px 0 10px}.note-card--todo,.note-type-picker label.active{background:#effff0}.note-todo-list{gap:2px;margin-bottom:16px}.note-todo{border-color:#0a0a0a3d;gap:12px;padding:10px 2px}.note-todo input,.todo-builder__row>input[type=checkbox]{accent-color:#ff7096}.note-card__footer{gap:12px;padding-top:14px}.note-card__footer div{gap:8px}.note-guide h2{margin-bottom:18px}.note-guide>div{gap:12px;padding:14px 0}.note-guide>div>span,.note-type-picker label>span{background:var(--accent);color:var(--foreground)}.auth-page{background:var(--background)}.auth-story{border-right:3px solid var(--foreground);background:var(--secondary);color:var(--foreground)}.auth-story:before,.auth-story:after{border:3px solid var(--foreground);background:#ffd6706b;border-radius:9999px}.auth-copy>p:last-child,.auth-quote p,.eyebrow--light{color:#232323}.auth-quote span{color:#a94c64;font-family:Nunito,sans-serif}.auth-panel{padding:clamp(28px,5vw,64px)}.auth-form-wrap{border:3px solid var(--foreground);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:32px;padding:clamp(24px,4vw,40px)}.auth-form-wrap>.muted{margin-bottom:28px}.stack-form--auth-disabled .field{opacity:.5}.stack-form--auth-disabled .field input{cursor:not-allowed}.auth-switch:disabled{cursor:not-allowed;opacity:.45}.form-notice{color:var(--sage-deep,#315f4b);font-size:.92rem;font-weight:700}.swal2-popup.ruang-confirm{border:3px solid var(--foreground);background:var(--surface);width:min(440px,100% - 28px);color:var(--foreground);border-radius:28px;padding:28px;font-family:Inter Variable,Inter,sans-serif;box-shadow:0 20px 50px #00000047}.ruang-confirm .swal2-title{color:var(--foreground);padding:0;font-family:Nunito Variable,Nunito,sans-serif;font-size:clamp(1.45rem,4vw,1.85rem);font-weight:900}.ruang-confirm .swal2-html-container{color:var(--foreground-soft);margin:12px 0 0;font-size:.95rem;line-height:1.65}.ruang-confirm .swal2-icon{margin-top:0}.ruang-confirm__actions{gap:10px;width:100%;margin:24px 0 0}.ruang-confirm__actions .button{min-width:120px;margin:0}.demo-banner{border:3px solid var(--foreground);color:#4c3900;background:#fff2bf;border-radius:16px;margin-bottom:24px;padding:14px 16px}.stack-form{gap:18px}.field{gap:8px}.field>span,.color-field legend,.note-type-picker legend{color:var(--foreground);font-size:.875rem}.field input,.field textarea,.todo-add input,.todo-builder__row>input[type=text],.money-input{border:3px solid var(--foreground);background:var(--surface);color:var(--foreground);border-radius:16px}.field input,.field textarea{padding:14px 16px}.field input:focus,.field textarea:focus,.todo-add input:focus,.todo-builder__row>input[type=text]:focus,.money-input:focus-within{border-color:var(--foreground);box-shadow:0 0 0 4px #70d6ff6b}.form-error{border:3px solid var(--foreground);color:#781c36;background:#ffe3eb;border-radius:16px}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0a0a94;align-items:center;padding:24px}.modal-card{border:3px solid var(--foreground);background:var(--surface);border-radius:32px;box-shadow:0 20px 50px #0003}.modal-header{border-bottom:3px solid var(--foreground);gap:20px;padding:24px 28px 20px}.modal-body{padding:24px 28px 28px}.icon-button{border:3px solid var(--foreground);background:var(--danger);color:var(--foreground);border-radius:9999px;box-shadow:0 3px #0a0a0a33}.form-actions{gap:12px;margin-top:8px}.split-fields{gap:12px}.color-field{flex-wrap:wrap;gap:10px}.color-field label span{width:34px;height:34px}.custom-color-picker{border:3px solid var(--foreground);background:var(--surface);color:var(--foreground);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 16px;font-size:.875rem;font-weight:800;display:flex}.custom-color-picker__control{align-items:center;gap:10px;display:flex}.custom-color-picker input[type=color]{border:2px solid var(--foreground);background:var(--surface);cursor:pointer;border-radius:12px;width:52px;height:42px;padding:4px}.custom-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.custom-color-picker input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}.custom-color-picker input[type=color]::-moz-color-swatch{border:0;border-radius:7px}.custom-color-picker output{min-width:72px;color:var(--foreground-soft);text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.note-type-picker{gap:12px}.note-type-picker label{border:3px solid var(--foreground);background:var(--surface);border-radius:16px;gap:12px;padding:14px}.note-type-picker label.active{border-color:var(--foreground);box-shadow:0 0 0 4px #bcffbeb3}.todo-builder{border:3px solid var(--foreground);box-shadow:var(--shadow);background:#fffaf0;border-radius:24px;gap:14px;padding:16px}.todo-builder__list,.todo-builder__row{gap:8px}.todo-builder__row>input[type=text]{padding:12px 14px}.rich-editor{border:3px solid var(--foreground);border-radius:16px}.editor-toolbar{border-bottom:3px solid var(--foreground);background:#fff2bf;gap:4px;padding:8px 10px}.editor-toolbar button{border-radius:8px}.editor-toolbar button:hover{background:var(--secondary);color:var(--foreground)}.editor-canvas{min-height:220px;padding:18px}.danger-zone{border:3px solid var(--foreground);color:#5a1228;background:#ffe3eb;border-radius:16px;margin-top:4px;padding:14px 16px}.toast-message{border:3px solid var(--foreground);background:var(--success);color:var(--foreground);box-shadow:var(--shadow-lg);border-radius:16px;padding:14px 16px;bottom:104px;right:24px}.toast-message--error{background:var(--danger);color:var(--foreground)}.bottom-nav{bottom:max(16px, env(safe-area-inset-bottom));border:3px solid var(--foreground);background:var(--surface);width:min(440px,100% - 32px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:24px;padding:7px}.bottom-nav button{color:var(--foreground-soft);border-radius:16px}.bottom-nav button.active{background:var(--primary);color:var(--foreground);box-shadow:inset 0 0 0 2px var(--foreground)}.loading-screen{color:var(--foreground);background:var(--background)}.brand small,.profile-chip small,.category-title small,.metric-card small,.logging-summary span,.logging-summary small,.category-metrics span,.category-metrics small,.highlight-row small,.category-meta,.activity-item time,.note-card__footer time,.todo-note-head>small,.note-type-picker small,.todo-builder__head small,.field small,.bottom-nav button small{font-size:.75rem;line-height:1.45}.profile-chip strong,.category-card p,.activity-item p,.empty-inline,.note-content,.note-guide strong,.note-guide small,.row-actions button,.note-card__footer button,.text-button{font-size:.875rem;line-height:1.5}.field input,.field textarea,.todo-builder__row>input[type=text],.search-field input,.money-input input,.editor-canvas{font-size:1rem;line-height:1.55}@media (width<=1120px){.summary-layout,.home-content,.category-content{gap:20px}.category-sidebar{grid-template-columns:1fr}.activity-feed{gap:0 20px}}@media (width<=980px) and (width>=761px){.data-view .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logging-summary article{padding:20px}}@media (width<=760px){.topbar{min-height:70px;padding-inline:16px}.topbar--category{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.category-title,.category-title>div{min-width:0}.category-edit-action{place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:inline-grid}.category-edit-action__label{display:none}.custom-color-picker{flex-direction:column;align-items:flex-start}.archived-section__head,.archived-category{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.archived-category{display:grid}.archived-category .category-symbol{justify-self:start}.archived-category .button,.archived-section__head .button{width:100%}.custom-color-picker__control{justify-content:space-between;width:100%}.ruang-confirm__actions{flex-direction:column-reverse;align-items:stretch}.ruang-confirm__actions .button{width:100%}.profile-chip{border-right:0;padding-right:0}.dashboard,.category-page{width:min(100% - 28px,680px);padding:28px 0 112px}.welcome-row,.category-hero,.page-heading{gap:18px}.welcome-row{margin-bottom:24px}.summary-layout,.home-content,.category-content{gap:18px}.home-content,.category-content{margin-top:24px}.balance-card{min-height:250px;padding:22px}.balance-card__bottom{gap:24px;bottom:22px;left:22px;right:22px}.metric-grid,.category-main,.category-sidebar{gap:14px}.metric-card{gap:16px;min-height:120px;padding:20px}.surface-card,.activity-panel{padding:18px}.section-bar{gap:12px;margin-bottom:20px}.section-bar>.icon-action{align-self:flex-end}.section-bar--compact{align-items:flex-start}.highlight-row{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;min-height:72px;padding:10px 4px}.highlight-row>.category-symbol{grid-row:1/span 2}.highlight-row>span:nth-child(2){grid-area:1/2}.highlight-progress{grid-area:2/2;justify-self:start;display:inline-flex}.highlight-progress i{display:none}.highlight-row>strong{grid-area:1/3/span 2;align-self:center}.page-heading{margin-bottom:22px;padding-bottom:20px}.page-heading-actions{width:100%}.page-heading-actions .button{flex:150px}.logging-summary{margin-bottom:18px}.logging-summary article{min-height:112px;padding:16px}.logging-summary article:nth-child(-n+2),.category-metrics article:nth-child(-n+2){border-bottom:2px solid var(--foreground)}.data-view{padding:16px}.category-grid{gap:14px}.category-card{gap:14px;min-height:220px;padding:20px}.category-meta{flex-direction:column;align-items:flex-start}.category-hero{padding-bottom:22px}.category-metrics{margin-top:18px}.category-metrics article{min-height:112px;padding:18px 14px}.budget-table{gap:12px}.budget-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:16px}.budget-row>div:first-child,.row-actions{grid-column:1/-1}.row-actions{border-top:1px dashed #0a0a0a47;justify-content:flex-end;padding-top:4px}.notes-grid{gap:14px}.note-card{min-height:0;padding:18px}.empty-note-actions,.form-actions{flex-direction:column-reverse;width:100%}.empty-note-actions .button,.form-actions .button{width:100%}.auth-story{border-right:0;border-bottom:3px solid var(--foreground)}.auth-panel{padding:32px 16px}.auth-form-wrap{border-radius:24px;padding:24px 20px}.modal-backdrop{align-items:end;padding:12px}.modal-card,.modal-card--wide{border-radius:24px;width:100%;max-height:calc(100dvh - 24px)}.modal-header{padding:20px 20px 16px}.modal-body{padding:20px}.split-fields{grid-template-columns:72px minmax(0,1fr)}.todo-builder__head{flex-direction:column;align-items:flex-start}.todo-builder__head .text-button{text-align:left;align-self:stretch;padding:6px 0}.toast-message{max-width:none;bottom:96px;left:14px;right:14px}.bottom-nav{width:calc(100vw - 20px)}}@media (width<=420px){.topbar-actions{gap:8px}.profile-chip>span{width:32px;height:32px}.status-pill{display:none}.balance-card{min-height:285px}.balance-card__bottom{flex-direction:column;align-items:flex-start;gap:12px}.logging-summary,.category-metrics{grid-template-columns:1fr}.logging-summary article,.category-metrics article{border-bottom:2px solid var(--foreground);min-height:96px;border-right:0!important}.logging-summary article:last-child,.category-metrics article:last-child{border-bottom:0}.budget-row{grid-template-columns:1fr 1fr}.budget-row>span:nth-child(4){grid-column:1/-1}}@media (prefers-color-scheme:no-preference) and (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#f8be9e;--primary-hover:#ffcfb6;--secondary:#70d6ff;--accent:#ffd670;--background:var(--foreground);--surface:#1e1e1e;--foreground:#f5f5f5;--foreground-soft:#c8c8c8;--border:var(--background);--success:#bcffbe;--info:#70d6ff;--warning:#ffd670;--danger:#ff7096;--line:var(--background)}body,.auth-panel{background-color:var(--background);background-image:radial-gradient(circle at 12% 14%,#f8be9e33 0 7rem,#0000 7.1rem),radial-gradient(circle at 88% 22%,#70d6ff29 0 9rem,#0000 9.1rem),radial-gradient(circle at 75% 88%,#ffd67024 0 6rem,#0000 6.1rem)}.topbar{background:#1e1e1ef5}.profile-chip>span,.status-pill,.live-dot,.count-badge,.autosave-hint,.note-type-badge,.metric-icon,.note-guide>div>span,.note-type-picker label>span{color:var(--foreground)}.highlight-row:hover{background:#342923}.highlight-progress i,.progress-track{background:#373737}.note-card--todo,.note-type-picker label.active{background:#17351d}.todo-builder,.editor-toolbar{background:#332d20}.form-error,.danger-zone{color:#ffd7e2;background:#4a1f2b}.demo-banner{color:#ffe9a7;background:#403719}.auth-story{color:var(--foreground)}.auth-form-wrap,.metric-card,.surface-card,.activity-panel,.category-card,.logging-summary,.category-metrics,.data-view,.note-card,.modal-card,.bottom-nav{box-shadow:0 10px 40px #0000008c}}@media (width<=760px){.auth-story{justify-content:flex-start;gap:44px;min-height:auto;padding:28px 20px 36px}.auth-story .brand{flex:none}.auth-copy .eyebrow{margin-bottom:10px}.brand>span:last-child{row-gap:4px}.brand strong{line-height:1.1}.brand small{margin-top:0;line-height:1.25}.dashboard,.category-page{padding-bottom:calc(116px + env(safe-area-inset-bottom))}.bottom-nav{border:0;border-top:3px solid var(--foreground);width:100%;max-width:none;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-radius:24px 24px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;bottom:0;left:0;right:0;transform:none;box-shadow:0 -8px 28px #00000024}.bottom-nav button{border:2px solid #0000;border-radius:16px;gap:4px;min-width:0;min-height:60px;padding:7px 6px 6px;transition:transform .14s,background .14s,box-shadow .14s}.bottom-nav button>span{font-size:1.42rem;line-height:1}.bottom-nav button small{max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:800;line-height:1.15;overflow:hidden}.bottom-nav button.active{border-color:var(--foreground);background:var(--primary);color:var(--foreground);transform:translateY(-2px);box-shadow:0 3px #0a0a0a2e}.bottom-nav button:active{transform:translateY(1px)}.toast-message{bottom:calc(92px + env(safe-area-inset-bottom))}}@media (width<=360px){.bottom-nav{gap:4px;padding-inline:8px}.bottom-nav button{min-height:56px}.bottom-nav button small{font-size:.7rem}}.overbudget-badge{border:1.5px solid var(--foreground);color:#7f1d1d;letter-spacing:.02em;background:#fca5a5;border-radius:9999px;align-items:center;padding:1px 8px;font-size:.68rem;font-weight:800;line-height:1.4;display:inline-flex;box-shadow:0 1px #0a0a0a29}.danger-badge{color:#b91c1c;font-size:.75rem;font-weight:700;display:inline-block}.budget-item-name-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.metric-card--overbudget strong.danger{color:#b91c1c!important}.budget-row--overbudget{background:#fee2e273}.demo-actions{align-items:center;gap:8px;display:inline-flex}.reset-demo-button{cursor:pointer;transition:all .15s;border:1.5px solid var(--foreground)!important;height:28px!important;min-height:auto!important;color:var(--foreground)!important;background:#fff!important;border-radius:9999px!important;padding:4px 10px!important;font-size:.76rem!important;font-weight:700!important;box-shadow:0 2px #0a0a0a1f!important}.reset-demo-button:hover:not(:disabled){transform:translateY(-1px);color:#991b1b!important;background:#fee2e2!important}