:root{--color-primary-50: #ccfbf1;--color-primary-100: #99f6e4;--color-primary-200: #5eead4;--color-primary-300: #2dd4bf;--color-primary-400: #14b8a6;--color-primary-500: #0d9488;--color-primary-600: #0f766e;--color-primary-700: #115e59;--color-primary-800: #134e4a;--color-primary-900: #042f2e;--color-accent-50: #ffe4e6;--color-accent-100: #fecdd3;--color-accent-200: #fda4af;--color-accent-300: #fb7185;--color-accent-400: #f43f5e;--color-accent-500: #e11d48;--color-accent-600: #be123c;--color-accent-700: #9f1239;--color-accent-800: #881337;--color-accent-900: #4c0519;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-neutral-0: #fffffe;--color-neutral-50: #fafaf9;--color-neutral-100: #f5f5f4;--color-neutral-200: #e7e5e4;--color-neutral-300: #d6d3d1;--color-neutral-400: #a8a29e;--color-neutral-500: #78716c;--color-neutral-600: #57534e;--color-neutral-700: #44403c;--color-neutral-800: #292524;--color-neutral-900: #1c1917;--color-neutral-950: #0c0a09;--color-black: #1c1917;--color-success-50: #dcfce7;--color-success-100: #bbf7d0;--color-success-500: #22c55e;--color-success-700: #15803d;--color-on-success: #052e16;--color-warning-50: #fef3c7;--color-warning-100: #fde68a;--color-warning-500: #f59e0b;--color-warning-700: #b45309;--color-on-warning: #451a03;--color-danger-50: #fee2e2;--color-danger-100: #fecaca;--color-danger-500: #ef4444;--color-danger-700: #b91c1c;--color-on-danger: #450a0a;--color-info-50: #dbeafe;--color-info-100: #bfdbfe;--color-info-500: #3b82f6;--color-info-700: #1d4ed8;--color-on-info: #1e3a5f;--font-family-sans: "Plus Jakarta Sans","Inter",system-ui,-apple-system,sans-serif;--font-family-mono: "JetBrains Mono","Fira Code",ui-monospace,monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.333rem;--text-xl: 1.777rem;--text-2xl: 2.369rem;--text-3xl: 3.157rem;--leading-display: 1.1;--leading-heading: 1.15;--leading-snug: 1.3;--leading-body: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.03em;--tracking-snug: -.015em;--tracking-normal: 0;--tracking-wide: .025em;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--measure: 60ch;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--border-width: 2px;--border-thick: 3px;--border-color: var(--color-black);--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 2px 2px 0 var(--color-black);--shadow-md: 4px 4px 0 var(--color-black);--shadow-lg: 6px 6px 0 var(--color-black);--shadow-xl: 8px 8px 0 var(--color-black);--shadow-hover: 6px 6px 0 var(--color-black);--shadow-active: 1px 1px 0 var(--color-black);--duration-fast: 80ms;--duration-normal: .12s;--duration-slow: .2s;--ease-default: cubic-bezier(.4,0,.2,1);--ease-out: cubic-bezier(0,0,.2,1);--container-xs: 400px;--container-sm: 480px;--container-md: 640px;--container-lg: 768px;--container-xl: 1024px;--container-2xl: 1200px;--page-gutter: var(--space-5);--focus-ring-color: var(--color-black);--focus-ring-offset: 2px;--focus-ring-width: 3px}@media(min-width:640px){:root{--page-gutter:var(--space-8)}}:root[data-theme=dark]{--color-neutral-0:#0c0a09;--color-neutral-50:#1c1917;--color-neutral-100:#292524;--color-neutral-200:#44403c;--color-neutral-300:#57534e;--color-neutral-400:#78716c;--color-neutral-500:#a8a29e;--color-neutral-600:#d6d3d1;--color-neutral-700:#e7e5e4;--color-neutral-800:#f5f5f4;--color-neutral-900:#fafaf9;--color-neutral-950:#fffffe;--color-black:#fafaf9;--border-color:var(--color-black);--color-primary-50:#134e4a;--color-primary-100:#115e59;--color-primary-600:#2dd4bf;--color-primary-700:#5eead4;--color-accent-50:#881337;--color-accent-100:#9f1239;--color-accent-500:#fb7185;--color-on-success:#dcfce7;--color-on-warning:#fef3c7;--color-on-danger:#fee2e2;--color-on-info:#dbeafe;--color-success-50:#14532d;--color-success-100:#166534;--color-success-700:#86efac;--color-warning-50:#78350f;--color-warning-100:#92400e;--color-warning-700:#fcd34d;--color-danger-50:#7f1d1d;--color-danger-100:#991b1b;--color-danger-700:#fca5a5;--color-info-50:#1e3a5f;--color-info-100:#1e40af;--color-info-700:#93c5fd;--shadow-sm:2px 2px 0 var(--color-black);--shadow-md:4px 4px 0 var(--color-black);--shadow-lg:6px 6px 0 var(--color-black);--shadow-xl:8px 8px 0 var(--color-black);--shadow-hover:6px 6px 0 var(--color-black);--shadow-active:1px 1px 0 var(--color-black);--focus-ring-color:var(--color-black)}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--color-neutral-0:#0c0a09;--color-neutral-50:#1c1917;--color-neutral-100:#292524;--color-neutral-200:#44403c;--color-neutral-300:#57534e;--color-neutral-400:#78716c;--color-neutral-500:#a8a29e;--color-neutral-600:#d6d3d1;--color-neutral-700:#e7e5e4;--color-neutral-800:#f5f5f4;--color-neutral-900:#fafaf9;--color-neutral-950:#fffffe;--color-black:#fafaf9;--border-color:var(--color-black);--color-primary-50:#134e4a;--color-primary-100:#115e59;--color-primary-600:#2dd4bf;--color-primary-700:#5eead4;--color-accent-50:#881337;--color-accent-100:#9f1239;--color-accent-500:#fb7185;--color-on-success:#dcfce7;--color-on-warning:#fef3c7;--color-on-danger:#fee2e2;--color-on-info:#dbeafe;--color-success-50:#14532d;--color-success-100:#166534;--color-success-700:#86efac;--color-warning-50:#78350f;--color-warning-100:#92400e;--color-warning-700:#fcd34d;--color-danger-50:#7f1d1d;--color-danger-100:#991b1b;--color-danger-700:#fca5a5;--color-info-50:#1e3a5f;--color-info-100:#1e40af;--color-info-700:#93c5fd;--shadow-sm:2px 2px 0 var(--color-black);--shadow-md:4px 4px 0 var(--color-black);--shadow-lg:6px 6px 0 var(--color-black);--shadow-xl:8px 8px 0 var(--color-black);--shadow-hover:6px 6px 0 var(--color-black);--shadow-active:1px 1px 0 var(--color-black);--focus-ring-color:var(--color-black)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal}body{font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-neutral-900);background-color:var(--color-neutral-50);min-height:100vh}img,svg{display:block;max-width:100%}a{color:var(--color-primary-600);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:var(--font-semibold);transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-accent-500)}a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ni-subheading{font-size:var(--text-lg);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--color-neutral-900)}.ni-body-sm{font-size:var(--text-sm);line-height:var(--leading-body);color:var(--color-neutral-600)}.ni-caption{font-size:var(--text-xs);font-weight:var(--font-extrabold);line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary-600)}.ni-container{width:100%;max-width:var(--container-md);margin-left:auto;margin-right:auto;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.ni-container--sm{max-width:var(--container-sm)}.ni-page{display:flex;flex-direction:column;min-height:100vh}.ni-page__main{flex:1}.ni-card{background:var(--color-neutral-0);border:var(--border-width) solid var(--color-black);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-md);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.ni-card--hoverable:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.ni-card--hoverable:active{transform:translate(1px,1px);box-shadow:var(--shadow-active)}.ni-card--primary{background:var(--color-primary-50)}.ni-card--accent{background:var(--color-accent-50)}.ni-card--yellow{background:#fef08a;color:#1c1917;border-color:#1c1917;box-shadow:4px 4px #1c1917}.ni-card--yellow,.ni-card--yellow *{color:#1c1917}.ni-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1;padding:var(--space-3) var(--space-6);border:var(--border-width) solid var(--color-black);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);user-select:none;-webkit-user-select:none}.ni-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.ni-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:var(--shadow-active)}.ni-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ni-btn--primary{background:var(--color-primary-400);color:var(--color-black)}.ni-btn--accent{background:var(--color-accent-400);color:var(--color-neutral-0)}.ni-btn--yellow{background:#fde047;color:#1c1917;border-color:#1c1917;box-shadow:2px 2px #1c1917}.ni-btn.ni-btn--yellow:hover:not(:disabled){box-shadow:4px 4px #1c1917}.ni-btn.ni-btn--yellow:active:not(:disabled){box-shadow:1px 1px #1c1917}.ni-btn--secondary{background:var(--color-neutral-0);color:var(--color-neutral-900)}.ni-btn--ghost{background:transparent;color:var(--color-neutral-900);box-shadow:none;border-color:transparent}.ni-btn--ghost:hover:not(:disabled){background:var(--color-neutral-100);border-color:var(--color-black);box-shadow:var(--shadow-sm)}.ni-btn--danger{background:var(--color-danger-500);color:var(--color-neutral-0)}.ni-btn--sm{font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.ni-btn--lg{font-size:var(--text-base);padding:var(--space-4) var(--space-8)}.ni-btn--full{width:100%}.ni-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.ni-input,.ni-select,.ni-textarea{display:block;width:100%;font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-neutral-900);background:var(--color-neutral-0);border:var(--border-width) solid var(--color-black);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);outline:none;transition:box-shadow var(--duration-fast) var(--ease-default)}.ni-input:focus,.ni-select:focus,.ni-textarea:focus{box-shadow:var(--shadow-sm)}.ni-input:focus-visible,.ni-select:focus-visible,.ni-textarea:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ni-input::placeholder,.ni-textarea::placeholder{color:var(--color-neutral-400);font-weight:var(--font-regular)}.ni-label{display:block;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.ni-field{margin-bottom:var(--space-5)}.ni-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--radius-full);background:var(--color-neutral-200);border:1px solid var(--color-black);outline:none}.ni-slider:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:4px}.ni-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-primary-400);border:2px solid var(--color-black);cursor:pointer}.ni-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-primary-400);border:2px solid var(--color-black);cursor:pointer}.ni-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-extrabold);line-height:1;letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-width) solid var(--color-black)}.ni-badge--primary{background:var(--color-primary-200);color:var(--color-primary-900)}.ni-badge--accent{background:var(--color-accent-200);color:var(--color-accent-900)}.ni-badge--yellow{background:#fde047;color:#1c1917;border-color:#1c1917}.ni-badge--success{background:var(--color-success-100);color:var(--color-on-success)}.ni-badge--warning{background:var(--color-warning-100);color:var(--color-on-warning)}.ni-badge--danger{background:var(--color-danger-100);color:var(--color-on-danger)}.ni-alert{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-body);padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--color-black);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.ni-alert--success{background:var(--color-success-50);color:var(--color-on-success)}.ni-alert--warning{background:var(--color-warning-50);color:var(--color-on-warning)}.ni-alert--danger{background:var(--color-danger-50);color:var(--color-on-danger)}.ni-alert--info{background:var(--color-info-50);color:var(--color-on-info)}.ni-step-badge{width:36px;height:36px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-extrabold);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:1;flex-shrink:0;border:var(--border-width) solid var(--color-black);background:var(--color-neutral-0);color:var(--color-neutral-600)}.ni-step-badge--active{background:var(--color-primary-400);color:var(--color-black);box-shadow:var(--shadow-sm)}.ni-step-badge--done{background:var(--color-success-500);color:var(--color-neutral-0);box-shadow:var(--shadow-sm)}.ni-stat{font-size:var(--text-2xl);font-weight:var(--font-extrabold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);line-height:var(--leading-heading);color:var(--color-neutral-900)}.ni-divider{border:none;border-top:var(--border-width) solid var(--color-black);margin:var(--space-6) 0}.ni-footer{text-align:center;padding:var(--space-10) var(--page-gutter);border-top:var(--border-width) solid var(--color-black);color:var(--color-neutral-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.ni-footer__brand{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:var(--font-extrabold);color:var(--color-neutral-900)}.ni-highlight{background:#fde047;padding:.1em .3em;border-radius:var(--radius-sm);color:#1c1917;font-weight:var(--font-semibold)}.ni-fade-in{animation:ni-fadeIn var(--duration-slow) var(--ease-out)}@keyframes ni-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ni-fade-in{animation:none}.ni-card--hoverable:hover,.ni-btn:hover:not(:disabled),.ni-btn:active:not(:disabled){transform:none}}.ni-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ni-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);border:var(--border-width) solid var(--color-black);background:var(--color-neutral-0);cursor:pointer;font-size:var(--text-lg);line-height:1;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-default)}.ni-theme-toggle:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.ni-theme-toggle:active{transform:translate(1px,1px);box-shadow:var(--shadow-active)}.ni-theme-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:root:not([data-theme=dark]) .ni-theme-toggle__dark{display:none}:root[data-theme=dark] .ni-theme-toggle__light{display:none}.app-header{border-bottom:var(--border-thick) solid var(--color-black);background:var(--color-neutral-0);padding:var(--space-3) var(--page-gutter);position:sticky;top:0;z-index:10}.app-header__inner{max-width:var(--container-sm);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.app-header__brand{display:flex;align-items:center;gap:var(--space-2)}.app-header__logo{font-size:var(--text-xl)}.app-header__title{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-neutral-900)}.app-step{padding:var(--space-8) 0}.app-step__header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.app-step__actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.app-step__actions .ni-btn{flex:1}.app-input-money{font-size:var(--text-xl);font-weight:var(--font-extrabold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);text-align:center;padding:var(--space-4)}.app-income-display{text-align:center;margin-bottom:var(--space-5)}.app-income-display .ni-caption{margin-bottom:var(--space-1)}.app-alloc-bar{display:flex;height:12px;border-radius:var(--radius-full);overflow:hidden;border:var(--border-width) solid var(--color-black);margin-bottom:var(--space-2)}.app-alloc-bar__segment{height:100%;transition:width var(--duration-normal) var(--ease-default)}.app-alloc-status{font-size:var(--text-xs);font-weight:var(--font-bold);text-align:right;margin-bottom:var(--space-5)}.app-alloc-status--over{color:var(--color-danger-500)}.app-alloc-status--exact{color:var(--color-success-500)}.app-category-list{display:flex;flex-direction:column;gap:var(--space-4)}.app-cat-card{background:var(--color-neutral-0);border:var(--border-width) solid var(--color-black);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.app-cat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.app-cat-card__name{font-weight:var(--font-bold);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.app-cat-card__pct{font-size:var(--text-xs);font-weight:var(--font-extrabold);background:#fde047;color:#1c1917;padding:2px 8px;border-radius:var(--radius-full);border:1px solid #1c1917}.app-cat-card__slider-row{display:flex;align-items:center;gap:var(--space-3)}.app-cat-card__slider{flex:1}.app-cat-card__amount{font-size:var(--text-sm);font-weight:var(--font-extrabold);font-variant-numeric:tabular-nums;min-width:100px;text-align:right}.app-cat-card__remove{background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-neutral-400);padding:var(--space-1)}.app-cat-card__remove:hover{color:var(--color-danger-500)}.app-add-category{display:flex;gap:var(--space-2);margin-top:var(--space-5)}.app-add-category .ni-input{flex:1}.app-summary-total{text-align:center;margin-bottom:var(--space-5)}.app-summary-total .ni-caption{margin-bottom:var(--space-1)}.app-summary-list{display:flex;flex-direction:column;gap:var(--space-3)}.app-summary-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-black);border-radius:var(--radius-md);background:var(--color-neutral-0);box-shadow:var(--shadow-sm)}.app-summary-item__left{display:flex;align-items:center;gap:var(--space-3)}.app-summary-item__color{width:12px;height:12px;border-radius:var(--radius-sm);border:1px solid var(--color-black)}.app-summary-item__name{font-weight:var(--font-bold);font-size:var(--text-sm)}.app-summary-item__right{text-align:right}.app-summary-item__amount{font-weight:var(--font-extrabold);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.app-summary-item__pct{font-size:var(--text-xs);color:var(--color-neutral-500);font-weight:var(--font-bold)}.app-summary-remaining{margin-top:var(--space-4);padding:var(--space-4);text-align:center;border-radius:var(--radius-md);font-weight:var(--font-bold);border:var(--border-width) solid var(--color-black)}.app-summary-remaining--ok{background:var(--color-success-50);color:var(--color-on-success)}.app-summary-remaining--over{background:var(--color-danger-50);color:var(--color-on-danger)}.app-summary-remaining--left{background:var(--color-warning-50);color:var(--color-on-warning)}.app-saved-item{background:var(--color-neutral-0);border:var(--border-width) solid var(--color-black);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3)}.app-saved-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.app-saved-item__date{font-size:var(--text-xs);color:var(--color-neutral-500);font-weight:var(--font-bold)}.app-saved-item__income{font-weight:var(--font-extrabold);font-variant-numeric:tabular-nums}.app-saved-item__cats{display:flex;flex-wrap:wrap;gap:var(--space-1)}.app-saved-item__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}