@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";: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-display{font-size:var(--text-3xl);font-weight:var(--font-extrabold);line-height:var(--leading-display);letter-spacing:var(--tracking-tight);color:var(--color-neutral-900)}.ni-heading-xl{font-size:var(--text-2xl);font-weight:var(--font-extrabold);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight);color:var(--color-neutral-900)}.ni-heading{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-heading);letter-spacing:var(--tracking-snug);color:var(--color-neutral-900)}.ni-subheading{font-size:var(--text-lg);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--color-neutral-900)}.ni-body{font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-body)}.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-medium);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide);color:var(--color-neutral-600)}.ni-overline{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-prose{max-width:var(--measure);font-size:var(--text-base);line-height:var(--leading-body)}.ni-prose>*+*{margin-top:1em}.ni-nums{font-variant-numeric:tabular-nums}.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-container--lg{max-width:var(--container-lg)}.ni-container--xl{max-width:var(--container-xl)}.ni-page{display:flex;flex-direction:column;min-height:100vh}.ni-page__main{flex:1}.ni-hero{background:var(--color-primary-400);color:var(--color-black);text-align:center;padding:var(--space-12) var(--page-gutter) var(--space-10);border-bottom:var(--border-thick) solid var(--color-black)}.ni-hero__icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-md);background:var(--color-neutral-0);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.ni-hero__icon svg{width:1.75rem;height:1.75rem}.ni-hero__title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-heading)}.ni-hero__subtitle{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-800);margin-top:var(--space-2);max-width:36ch;margin-left:auto;margin-right:auto;line-height:var(--leading-body)}.ni-hero--accent{background:var(--color-accent-300)}.ni-hero--yellow{background:#fde047;color:#1c1917;border-color:#1c1917}.ni-hero--yellow,.ni-hero--yellow *{color:#1c1917}.ni-hero--light{background:var(--color-neutral-0)}.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--flat{box-shadow:none}.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-checkbox{accent-color:var(--color-primary-500);width:1.25rem;height:1.25rem;cursor:pointer}.ni-checkbox:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.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-badge--neutral{background:var(--color-neutral-200);color:var(--color-neutral-900)}.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-dropzone{border:3px dashed var(--color-black);border-radius:var(--radius-md);padding:var(--space-12) var(--space-6);text-align:center;cursor:pointer;background:var(--color-neutral-100);transition:all var(--duration-normal) var(--ease-default)}.ni-dropzone:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ni-dropzone:hover,.ni-dropzone--hover{background:var(--color-primary-50);border-style:solid}.ni-dropzone--done{background:var(--color-success-50);border-style:solid;border-color:var(--color-success-500)}.ni-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:var(--border-width) solid var(--color-black);background:var(--color-neutral-0);color:var(--color-neutral-900);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-default)}.ni-chip:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ni-chip:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.ni-chip:active{transform:translate(1px,1px);box-shadow:var(--shadow-active)}.ni-chip--active{background:var(--color-primary-400);color:var(--color-black)}.ni-section{padding:var(--space-12) var(--page-gutter)}.ni-section--muted{background:var(--color-neutral-100)}.ni-section--primary{background:var(--color-primary-50)}.ni-section--yellow{background:#fef08a;color:#1c1917}.ni-section--yellow,.ni-section--yellow *{color:#1c1917}.ni-section--dark{background:var(--color-neutral-900);color:var(--color-neutral-100)}.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-divider{border:none;border-top:var(--border-width) solid var(--color-black);margin:var(--space-6) 0}.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),.ni-chip:hover,.ni-chip:active{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-text-center{text-align:center}.ni-text-left{text-align:left}.ni-text-right{text-align:right}.ni-text-primary{color:var(--color-primary-600)}.ni-text-accent{color:var(--color-accent-500)}.ni-text-success{color:var(--color-on-success)}.ni-text-warning{color:var(--color-on-warning)}.ni-text-danger{color:var(--color-on-danger)}.ni-text-muted{color:var(--color-neutral-600)}.ni-icon-primary{color:var(--color-primary-500)}.ni-icon-accent{color:var(--color-accent-400)}.ni-icon-success{color:var(--color-success-500)}.ni-icon-warning{color:var(--color-warning-500)}.ni-icon-danger{color:var(--color-danger-500)}.ni-icon-muted{color:var(--color-neutral-400)}.ni-highlight{background:#fde047;padding:.1em .3em;border-radius:var(--radius-sm);color:#1c1917;font-weight:var(--font-semibold)}.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-card--border-left{border-left:6px solid var(--color-black)}.ni-card--border-primary{border-left:6px solid var(--color-primary-400)}.ni-card--border-accent{border-left:6px solid var(--color-accent-400)}.ni-card--border-yellow{border-left:6px solid #facc15}.ni-focus-ring:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.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-navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--page-gutter);background:var(--color-neutral-0);border-bottom:var(--border-width) solid var(--color-black)}.app-navbar__brand{display:flex;align-items:center;gap:var(--space-2)}.app-navbar__logo{font-size:var(--text-xl)}.app-navbar__title{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-neutral-900)}.ni-page__main{padding-top:60px}.app-section{padding:var(--space-8) 0}.app-section__header{margin-bottom:var(--space-6)}.app-section__header .ni-body-sm{margin-top:var(--space-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-monthly-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.app-month-field{display:flex;align-items:center;gap:var(--space-2)}.app-month-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-neutral-500);min-width:28px;text-transform:uppercase}.app-input-month{font-size:var(--text-sm);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;text-align:right;padding:var(--space-2) var(--space-3)}@media(min-width:480px){.app-monthly-grid{grid-template-columns:1fr 1fr 1fr}}.app-toggle-group{display:flex;gap:0;border-radius:var(--radius-full);overflow:hidden;border:var(--border-width) solid var(--color-neutral-300)}.app-toggle-btn{flex:1;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);background:var(--color-neutral-0);color:var(--color-neutral-600);border:none;cursor:pointer;transition:background .15s,color .15s}.app-toggle-btn+.app-toggle-btn{border-left:var(--border-width) solid var(--color-neutral-300)}.app-toggle-btn--active{background:var(--color-primary-600);color:var(--color-neutral-0)}.app-bracket-detail{margin-bottom:var(--space-1)}.app-bracket-badge{display:inline-block;background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--text-xs);font-weight:var(--font-bold);padding:1px var(--space-2);border-radius:var(--radius-full);margin-right:var(--space-1);min-width:40px;text-align:center}.app-bracket-label{display:flex;align-items:center;gap:var(--space-1)}.app-extra-income-toggle{display:flex;align-items:center;justify-content:space-between}.app-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.app-switch input{opacity:0;width:0;height:0}.app-switch__slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--color-neutral-300);border-radius:var(--radius-full);transition:background .2s}.app-switch__slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:var(--color-neutral-0);border-radius:50%;transition:transform .2s}.app-switch input:checked+.app-switch__slider{background:var(--color-primary-600)}.app-switch input:checked+.app-switch__slider:before{transform:translate(20px)}.app-extra-field{position:relative}.app-extra-header{display:flex;align-items:center;justify-content:space-between}.app-extra-row{display:flex;gap:var(--space-2)}.app-extra-row .app-input-extra{flex:1;min-width:0}.app-select-freq{width:auto;flex-shrink:0;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.app-btn-remove{background:none;border:none;color:var(--color-danger-500);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;padding:var(--space-1) var(--space-2)}.app-btn-add{margin-top:var(--space-2);margin-bottom:var(--space-4)}.app-hint{margin-top:var(--space-1);color:var(--color-neutral-500)}.app-thp-card{text-align:center;margin-bottom:var(--space-6);padding:var(--space-8) var(--space-6)}.app-thp-card .ni-caption{margin-bottom:var(--space-2)}.app-thp-card .ni-stat{font-size:var(--text-2xl);color:var(--color-primary-700)}.app-breakdown{display:flex;flex-direction:column;gap:var(--space-4)}.app-breakdown>.ni-subheading{margin-bottom:var(--space-1)}.app-breakdown__item{padding:var(--space-4) var(--space-5)}.app-breakdown__title{font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-neutral-900);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--text-xs)}.app-breakdown__row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;gap:var(--space-3)}.app-breakdown__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-700)}.app-breakdown__value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-neutral-900);text-align:right;white-space:nowrap}.app-breakdown__row--bold .app-breakdown__label{font-weight:var(--font-bold);color:var(--color-neutral-900)}.app-breakdown__row--bold .app-breakdown__value{font-weight:var(--font-extrabold)}.app-breakdown__row--lg .app-breakdown__label{font-size:var(--text-base)}.app-breakdown__row--lg .app-breakdown__value{font-size:var(--text-lg)}.app-breakdown__item .ni-divider{margin:var(--space-3) 0}.app-text-danger{color:var(--color-danger-500)}.app-summary-card{margin-top:var(--space-2)}.app-kurang-bayar{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.app-kb-desc{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--space-3);line-height:1.5}.app-kb-tip{font-size:var(--text-sm);line-height:1.5}.app-kb-tip div{flex:1}.app-disclaimer{margin-top:var(--space-6);margin-bottom:var(--space-4)}.app-footer{text-align:center;padding:var(--space-10) var(--page-gutter);background:var(--color-neutral-900);color:var(--color-neutral-400);font-size:var(--text-sm);font-weight:var(--font-medium);border-top:var(--border-thick) solid var(--color-black);margin-top:var(--space-8)}.app-footer__brand{font-size:var(--text-base);font-weight:var(--font-extrabold);color:var(--color-neutral-100);margin-bottom:var(--space-2)}.app-footer a{color:var(--color-primary-400)}.app-footer a:hover{color:var(--color-primary-300)}.app-footer__copy{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-neutral-500)}@media(min-width:640px){.app-thp-card .ni-stat{font-size:var(--text-3xl)}.app-breakdown__row--lg .app-breakdown__value{font-size:var(--text-xl)}}