*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-start:#0a0f1e;--color-bg-end:#0d1635;--color-surface:#ffffff0a;--color-surface-hover:#ffffff12;--color-border:#ffffff26;--color-border-focus:#4f8ef799;--color-text-primary:#fff;--color-text-secondary:#ffffffa6;--color-text-muted:#fff6;--color-accent:#4f8ef7;--color-accent-hover:#6ba3f9;--color-accent-glow:#4f8ef740;--color-success:#22c55e;--color-success-bg:#22c55e1f;--color-danger:#ef4444;--color-danger-bg:#ef44441f;--color-warning:#f59e0b;--glass-bg:#ffffff0a;--glass-bg-elevated:#ffffff14;--glass-bg-card:#0f193799;--glass-border:1px solid #ffffff26;--glass-blur:blur(20px);--glass-shadow:0 8px 32px #0006, 0 2px 8px #00000040, inset 0 1px 0 #ffffff14;--glass-shadow-lg:0 24px 64px #0009, 0 8px 24px #00000059, inset 0 1px 0 #ffffff1a;--glass-shadow-sm:0 4px 16px #0000004d, inset 0 1px 0 #ffffff0f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--font-sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:17px;--font-size-xl:20px;--font-size-2xl:26px;--font-size-3xl:34px;--font-size-4xl:44px;--transition-fast:.12s ease;--transition-base:.22s ease;--transition-slow:.38s ease;--sidebar-width:320px;--header-height:68px}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background:linear-gradient(135deg, var(--color-bg-start) 0%, var(--color-bg-end) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100svh;line-height:1.5}#root{width:100%;min-height:100svh}.glass-card{background:var(--glass-bg-card);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-card--elevated{box-shadow:var(--glass-shadow-lg);background:#142346b3}.glass-card--sm{border-radius:var(--radius-md)}.glass-surface{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-md)}.glass-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff0f;outline:none}.glass-input:hover{border-color:#ffffff40}.glass-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-glow)}.glass-input::placeholder{color:var(--color-text-muted)}.glass-btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:500;display:inline-flex}.glass-btn:disabled{opacity:.4;cursor:not-allowed}.glass-btn--sm{font-size:var(--font-size-xs);padding:5px 12px}.glass-btn--md{font-size:var(--font-size-sm);padding:8px 18px}.glass-btn--lg{font-size:var(--font-size-base);border-radius:var(--radius-md);padding:12px 26px}.glass-btn--primary{background:var(--color-accent);color:#fff;border:1px solid #4f8ef780;box-shadow:0 0 20px #4f8ef733}.glass-btn--primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 0 28px #4f8ef759}.glass-btn--primary:active:not(:disabled){transform:translateY(0)}.glass-btn--secondary{background:var(--glass-bg);border:var(--glass-border);color:var(--color-text-primary)}.glass-btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:#ffffff40}.glass-btn--danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #ef44444d}.glass-btn--danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.glass-btn--ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.glass-btn--ghost:hover:not(:disabled){background:var(--glass-bg);border-color:var(--color-border);color:var(--color-text-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff40}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:16px}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:#ffffff26;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);width:16px;height:16px;box-shadow:0 0 8px var(--color-accent-glow);transition:box-shadow var(--transition-fast);border-radius:50%;margin-top:-6px}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--color-accent-glow)}input[type=range]::-moz-range-track{border-radius:var(--radius-full);background:#ffffff26;height:4px}input[type=range]::-moz-range-thumb{background:var(--color-accent);width:16px;height:16px;box-shadow:0 0 8px var(--color-accent-glow);border:none;border-radius:50%}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;padding:var(--space-lg);animation:fadeIn var(--transition-fast) ease;background:#050a19bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-lg);padding:var(--space-xl);width:100%;max-width:440px;animation:slideUp var(--transition-base) ease;background:#0f193cf7}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:600}.modal-body{color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.modal-footer{gap:var(--space-sm);justify-content:flex-end;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.summary-card{gap:var(--space-sm);flex-direction:column;display:flex}.summary-card__title{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs);font-weight:600}.summary-card__rows{flex-direction:column;gap:2px;display:flex}.summary-card__row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.summary-card__row--featured{padding:8px 0}.summary-card__key{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.summary-card__row--featured .summary-card__key{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.summary-card__val{font-size:var(--font-size-sm);font-weight:600}.summary-card__val--lg{font-size:var(--font-size-lg);font-weight:700}.summary-card__divider{background:var(--color-border);height:1px;margin:var(--space-xs) 0}.summary-card__row--result{border-radius:var(--radius-md);margin-top:var(--space-xs);padding:10px 12px}.summary-card__row--surplus{background:var(--color-success-bg);border:1px solid #22c55e33}.summary-card__row--surplus .summary-card__key,.summary-card__row--surplus .summary-card__val{color:var(--color-success)}.summary-card__row--deficit{background:var(--color-danger-bg);border:1px solid #ef444433}.summary-card__row--deficit .summary-card__key,.summary-card__row--deficit .summary-card__val{color:var(--color-danger)}.donut-chart{justify-content:center;align-items:center;display:flex}.donut-chart svg{overflow:visible}.donut-chart path,.donut-chart circle{transition:opacity var(--transition-fast)}.donut-chart path:hover{filter:brightness(1.15);opacity:1!important}.category-bar{flex-direction:column;gap:4px;display:flex}.category-bar__row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.category-bar__label-wrap{align-items:center;gap:6px;min-width:0;display:flex}.category-bar__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.category-bar__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.category-bar__amount{font-size:var(--font-size-xs);color:var(--color-text-primary);flex-shrink:0;font-weight:500}.category-bar__track{border-radius:var(--radius-full);background:#ffffff14;height:3px;overflow:hidden}.category-bar__fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.category-breakdown{gap:var(--space-sm);flex-direction:column;display:flex}.category-breakdown__title{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs);font-weight:600}.category-breakdown__list{gap:var(--space-sm);flex-direction:column;display:flex}.category-breakdown__empty{font-size:var(--font-size-xs)}.section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.section-header__title{font-size:var(--font-size-2xl);color:var(--color-text-primary);letter-spacing:-.5px;font-weight:700;line-height:1.2}.section-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.section-header__action{flex-shrink:0}.number-input-wrap{align-items:center;display:flex;position:relative}.number-input{width:100%;height:36px;padding:7px 10px}.number-input-wrap .number-input-prefix~.number-input{padding-left:26px}.number-input-wrap:has(.number-input-suffix) .number-input{padding-right:32px}.number-input-affix{font-size:var(--font-size-sm);color:var(--color-text-muted);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.number-input-prefix{left:9px}.number-input-suffix{right:9px}.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.period-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);background:#ffffff0d;gap:1px;padding:2px;display:inline-flex}.period-toggle--sm .period-toggle__btn{font-size:var(--font-size-xs);padding:3px 8px}.period-toggle--md .period-toggle__btn{font-size:var(--font-size-xs);padding:5px 12px}.period-toggle__btn{border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);letter-spacing:.02em;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;line-height:1}.period-toggle__btn:hover:not(.period-toggle__btn--active){color:var(--color-text-secondary)}.period-toggle__btn--active{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px #4f8ef74d}.income-card{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex}.income-card__header{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.income-card__name{min-width:160px;font-size:var(--font-size-base);border-radius:var(--radius-md);flex:1;padding:8px 12px;font-weight:600}.income-card__header-right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.income-card__fields{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.income-card__field{gap:var(--space-xs);flex-direction:column;display:flex}.income-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.income-card__tax{border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;display:flex}.income-card__tax-header{justify-content:space-between;align-items:center;display:flex}.income-card__tax-rate{font-size:var(--font-size-lg);font-weight:700}.income-card__tax-controls{align-items:center;gap:var(--space-md);display:flex}.income-card__slider{flex:1}.income-card__tax-input{flex-shrink:0;width:80px}.income-card__summary{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);background:#ffffff08;border:1px solid #ffffff14;flex-wrap:wrap;display:flex}.income-card__summary-item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.income-card__summary-item span:first-child{font-size:var(--font-size-xs)}.income-card__summary-item span:last-child{font-size:var(--font-size-sm);font-weight:600}.income-card__summary-divider{background:var(--color-border);flex-shrink:0;width:1px;height:32px}.income-section__cards{gap:var(--space-md);flex-direction:column;display:flex}.expense-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid #ffffff0d;display:flex}.expense-row:last-child{border-bottom:none}.expense-row__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1;min-width:0}.expense-row__controls{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.expense-row__input{width:120px}.accordion{overflow:hidden}.accordion__header{cursor:pointer;width:100%;padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);transition:background var(--transition-fast);background:0 0;border:none;display:flex}.accordion__header:hover{background:#ffffff05}.accordion__header-left{align-items:center;gap:var(--space-sm);display:flex}.accordion__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.accordion__title{font-size:var(--font-size-base);color:var(--color-text-primary);text-align:left;font-weight:600}.accordion__header-right{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.accordion__total{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:500}.accordion__chevron{color:var(--color-text-muted);transition:transform var(--transition-base);flex-shrink:0}.accordion--open .accordion__chevron{transform:rotate(180deg)}.accordion__body{max-height:0;transition:max-height var(--transition-slow);overflow:hidden}.accordion--open .accordion__body{max-height:2000px}.accordion__items{padding:0 var(--space-lg) var(--space-md);border-top:1px solid #ffffff0f}.app-layout{flex-direction:column;min-height:100svh;display:flex}.app-header{z-index:100;height:var(--header-height);padding:0 var(--space-xl);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);background:#080e20d9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header__brand{align-items:center;gap:var(--space-sm);display:flex}.app-header__logo{align-items:center;display:flex}.app-header__name{font-size:var(--font-size-lg);letter-spacing:-.3px;color:var(--color-text-primary);font-weight:700}.app-header__meta{align-items:center;gap:var(--space-md);display:flex}.app-header__saved{font-size:var(--font-size-xs)}.app-body{grid-template-columns:var(--sidebar-width) 1fr;flex:1;display:grid}.app-sidebar{top:var(--header-height);height:calc(100svh - var(--header-height));padding:var(--space-lg);border-right:var(--glass-border);gap:var(--space-md);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.app-main{padding:var(--space-xl);gap:var(--space-2xl);flex-direction:column;max-width:900px;display:flex}@media (width<=1024px){.app-body{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:var(--glass-border);height:auto;position:static}.app-main{padding:var(--space-lg);max-width:100%}}@media (width<=600px){.app-header{padding:0 var(--space-md)}.app-header__saved{display:none}}