*,*:before,*:after{box-sizing:border-box}:root{--bg: #0a0a0a;--text: #fafafa;--text-soft: #a3a3a3;--primary: #3b82f6;--accent: #22c55e;--danger: #ef4444;--color-profit: #22c55e;--color-income: #3b82f6;--color-expense: #ef4444;--color-zero: #eab308;--card-bg: #141414;--border-subtle: rgba(38,38,38,.95);--icon-bg: rgba(0,0,0,.35);--icon-color: #a3a3a3;--radius-lg: 16px;--radius-md: 10px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px}[data-theme=light]{--bg: #f8fafc;--text: #0a0a0a;--text-soft: #525252;--primary: #2563eb;--card-bg: #ffffff;--border-subtle: rgba(148,163,184,.35);--icon-bg: rgba(0,0,0,.06);--icon-color: #525252;--color-zero: #ca8a04}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0a0a0a;color:var(--text);min-height:100vh;padding:24px}[data-theme=light] body{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);color:var(--text)}#root{display:flex;justify-content:center;min-height:calc(100vh - 48px)}.shell{width:100%;max-width:1320px;background:linear-gradient(145deg,#141414,#0a0a0a);border-radius:24px;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 60px #00000080;display:grid;grid-template-columns:260px 1fr;overflow:hidden;position:relative}[data-theme=light] .shell{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(148,163,184,.3);box-shadow:0 24px 60px #0f172a14}.shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,255,255,.04),transparent);pointer-events:none}[data-theme=light] .shell:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,0,0,.02),transparent)}.sidebar{position:relative;padding:var(--space-xl) var(--space-lg);border-right:1px solid var(--border-subtle);background:#0f0f0f;display:flex;flex-direction:column;gap:var(--space-lg);z-index:1}[data-theme=light] .sidebar{border-right-color:#94a3b859;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.sidebar-section-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);margin:0 0 var(--space-xs)}.nav{display:flex;flex-direction:column;gap:var(--space-xs)}.nav-link{width:100%;border:none;outline:none;background:transparent;color:var(--text-soft);padding:var(--space-sm) var(--space-md);text-align:left;border-radius:10px;display:flex;align-items:center;gap:var(--space-sm);font-size:13px;cursor:pointer;transition:all .15s ease;text-decoration:none}.nav-link .icon{width:20px;height:20px;min-width:20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;background:var(--icon-bg);color:var(--icon-color);filter:brightness(1)}.nav-link:hover{background:#ffffff14;color:var(--text)}.nav-link:hover .icon{background:#ffffff61;color:#fafafa;filter:brightness(1.25)}[data-theme=light] .nav-link:hover{background:#e5e5e5;color:var(--text)}[data-theme=light] .nav-link:hover .icon{background:#0000001a;color:var(--text);filter:none}.nav-link.active{background:#ffffff1a;color:var(--text);box-shadow:none;border:1px solid rgba(255,255,255,.08)}.nav-link.active .icon{background:#ffffff6b;color:#fff;filter:brightness(1.3)}[data-theme=light] .nav-link.active{background:#e5e5e5;color:var(--text);border-color:#00000014}[data-theme=light] .nav-link.active .icon{background:#0000001f;color:var(--text);filter:none}.brand{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.brand-text{display:flex;flex-direction:column;gap:0;min-width:0}.brand-logo-wrap{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}.brand-logo-img{width:100%;height:100%;object-fit:contain;display:block;filter:invert(1) brightness(1.08) contrast(1.05)}[data-theme=light] .brand-logo-img{filter:none}.brand-logo{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#1d4ed8,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700}.brand-title{font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.brand-subtitle{font-size:11px;color:var(--text-soft)}@media (max-width: 1200px){.brand-logo-wrap{width:38px;height:38px;min-width:38px;min-height:38px}.brand-title{font-size:13px}.brand-subtitle{font-size:10px}}.main{position:relative;padding:var(--space-lg) var(--space-xl);z-index:1;display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;min-height:0}@media (max-width: 640px){.main{padding:var(--space-md)}}.main-content{flex:1;min-height:0}.app-footer{margin-top:auto;padding:var(--space-md) 0 var(--space-sm);border-top:1px solid var(--border-subtle);flex-shrink:0}.app-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);font-size:11px;color:var(--text-soft)}.app-footer-brand{font-weight:600;color:var(--text-soft)}.app-footer-copy{color:var(--text-soft);opacity:.9}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.topbar-actions{order:2}.topbar-left{order:1;flex:1;min-width:0}.topbar-info{order:3}.topbar-actions,.topbar-info{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.topbar-actions{gap:var(--space-sm)}.topbar-user-logout{display:flex;align-items:center;gap:var(--space-sm)}.topbar-user{font-size:.9rem;color:var(--text-soft);flex-shrink:0}.topbar-menu-toggle{display:none}.page-title{font-size:18px;font-weight:600;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);word-break:break-word}.page-title .badge{margin-left:0}.page-subtitle{font-size:12px;color:var(--text-soft);margin:var(--space-xs) 0 0;line-height:1.45;max-width:100%;word-wrap:break-word}[data-theme=light] .page-subtitle{color:var(--text-soft)}.pill{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:999px;border:1px solid var(--border-subtle);background:#171717;font-size:11px;color:var(--text-soft);white-space:nowrap}[data-theme=light] .pill{border-color:#94a3b866;background:#f1f5f9;color:var(--text-soft)}.pill .status-dot{flex-shrink:0}.pill strong{color:var(--text);margin-left:0}.btn{border-radius:999px;border:none;padding:7px 13px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:#fffffff2;color:#0a0a0a;transition:all .15s ease}[data-theme=light] .btn{background:var(--primary);color:#fff}.btn:hover{transform:translateY(-1px)}[data-theme=light] .btn:hover{opacity:.95;box-shadow:0 0 0 2px #2563eb59}.btn-secondary{background:transparent;border:1px solid var(--border-subtle);color:var(--text)}.btn-secondary:hover{background:#ffffff0f}[data-theme=light] .btn-secondary{border-color:#94a3b880;color:var(--text)}[data-theme=light] .btn-secondary:hover{background:#e2e8f0;box-shadow:0 0 0 2px #00000014}.btn-sm{padding:4px 10px;font-size:11px;border-radius:8px}.btn-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}[data-theme=light] .btn-danger{background:#ef44441a;color:#dc2626}[data-theme=light] .btn-danger:hover{background:#ef444433;box-shadow:0 0 0 2px #ef444440}.card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--card-bg);padding:var(--space-xl);box-shadow:0 4px 24px #00000040}[data-theme=light] .card{border:1px solid rgba(148,163,184,.3);background:var(--card-bg);box-shadow:0 4px 20px #0f172a0f}.card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.card-title{font-size:13px;font-weight:500;color:var(--text);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.badge{font-size:10px;padding:2px 7px;border-radius:999px;border:1px solid var(--border-subtle);color:var(--text-soft);white-space:nowrap}[data-theme=light] .badge{border-color:#94a3b880;color:var(--text-soft)}.dashboard-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) 0}.dashboard-filters .filter-presets{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs)}.dashboard-filters .filter-presets .btn{border-radius:8px}.dashboard-filters .filter-presets .btn.active{background:#ffffff1f;color:var(--text);border-color:#ffffff26}[data-theme=light] .dashboard-filters .filter-presets .btn.active{background:var(--primary);color:#fff;border-color:transparent}.dashboard-filters .filter-custom{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.dashboard-filters .filter-custom .form-field{margin-bottom:0;min-width:0}.dashboard-filters .filter-custom input[type=date]{min-width:120px}input[type=datetime-local]{min-width:160px}.dashboard-filters .filter-template select{min-width:140px}.dashboard-datetime{display:inline-flex;align-items:center;font-size:12px;font-weight:500;white-space:nowrap;letter-spacing:.02em;color:var(--primary);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:8px;background:#3b82f61f;border:1px solid rgba(59,130,246,.25)}[data-theme=light] .dashboard-datetime{color:var(--primary);background:#2563eb14;border-color:#2563eb33}.layout{display:grid;grid-template-columns:2.1fr 1.4fr;gap:var(--space-md);align-items:flex-start}.metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.metric{border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border-subtle);background:#171717}[data-theme=light] .metric{border-color:#94a3b859;background:#fff}.metric-label{font-size:11px;color:var(--text-soft);margin-bottom:var(--space-xs)}.metric-value{font-size:16px;font-weight:600;color:var(--text)}.metric-sub{font-size:11px;margin-top:var(--space-xs)}.metric-sub.positive{color:var(--color-profit)}.metric-sub.negative{color:var(--color-expense)}.metric-sub.income{color:var(--color-income)}.metric-sub.is-zero{color:var(--color-zero)!important}.positive{color:var(--color-profit)}.negative{color:var(--color-expense)}.metric-value.income{color:var(--color-income)}.amount-zero{color:var(--color-zero)!important}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}.form-grid--single{grid-template-columns:1fr;max-width:400px}.form-field{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-size:11px;color:var(--text-soft);margin-bottom:0}.form-actions{margin-top:var(--space-md)}.input,.select{width:100%;border-radius:10px;border:1px solid var(--border-subtle);background:#0a0a0a;color:var(--text);font-size:12px;padding:7px 10px;outline:none}[data-theme=light] .input,[data-theme=light] .select{border-color:#94a3b880;background:#fff;color:var(--text)}.input:focus,.select:focus{border-color:#fff3;box-shadow:0 0 0 1px #ffffff1a}[data-theme=light] .input:focus,[data-theme=light] .select:focus{border-color:var(--primary);box-shadow:0 0 0 1px #2563eb40}.input-inline{max-width:200px;display:inline-block}.filters-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-sm);margin-bottom:var(--space-sm)}.filters-row .form-field{min-width:110px}.btn-group{display:inline-flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.section-block{margin-top:var(--space-md)}.section-subtitle{margin:0 0 var(--space-sm);font-size:12px;font-weight:600;color:var(--text)}.table-wrapper{border-radius:12px;border:1px solid var(--border-subtle);overflow:auto;margin-top:var(--space-sm);max-height:320px;padding:var(--space-md)}.table-wrapper+form{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}[data-theme=light] .table-wrapper{border-color:#94a3b859}[data-theme=light] .table-wrapper+form{border-top-color:#94a3b859}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.pagination-info{font-size:.9rem;color:var(--text-soft)}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination-current{font-size:.9rem;color:var(--text-soft);padding:0 4px}table{width:100%;border-collapse:collapse;font-size:11px}thead{background:#171717;position:sticky;top:0;z-index:1}[data-theme=light] thead{background:#f5f5f5}th,td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:middle}[data-theme=light] th,[data-theme=light] td{border-bottom-color:#94a3b84d}th{font-weight:500;color:var(--text-soft)}th.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.th-sortable:hover{color:var(--text)}th.th-sortable .sort-icon{margin-left:4px;opacity:.6;font-size:10px}th.th-sortable.sorted .sort-icon{opacity:1}.table-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm) 0}.table-filters .form-field{margin-bottom:0;min-width:0}.table-filters .form-field .form-label{margin-bottom:0}.table-filters .form-label{font-size:10px}.table-filters .input,.table-filters .select{padding:6px 8px;font-size:11px;min-width:100px}tbody tr:nth-child(2n){background:#ffffff05}[data-theme=light] tbody tr:nth-child(2n){background:#fafafa}tr.audit-log-row-date-mismatch{background:#dc35451f!important}tr.audit-log-row-date-mismatch:hover{background:#dc35452e!important}[data-theme=light] tr.audit-log-row-date-mismatch{background:#dc35451a!important}[data-theme=light] tr.audit-log-row-date-mismatch:hover{background:#dc354529!important}.muted{color:var(--text-soft)}.cell-with-dot{display:inline-flex;align-items:center;gap:var(--space-sm);white-space:nowrap}.cell-with-dot .status-dot{flex-shrink:0}.action-buttons{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.status-dot{width:8px;height:8px;border-radius:999px;display:inline-block;flex-shrink:0}.status-dot.income{background:var(--color-income)}.status-dot.expense{background:var(--color-expense)}.status-dot.neutral{background:#eab308}.page-loading{padding:var(--space-xl);color:var(--text-soft);text-align:center}.section-header-row h3{color:var(--text)}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-sm)}.charts-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-box-full{grid-column:1 / -1}.chart-box-right{grid-column:2}.chart-box{border-radius:14px;border:1px solid var(--border-subtle);background:#171717;padding:var(--space-md)}[data-theme=light] .chart-box{border-color:#94a3b859;background:#fff}.chart-title{font-size:12px;font-weight:500;color:var(--text);margin-bottom:var(--space-xs)}.chart-box canvas{width:100%!important;height:220px!important}.chart-loading{height:220px;display:flex;align-items:center;justify-content:center;color:var(--text-soft);font-size:12px}.page-summary{margin-bottom:var(--space-md)}.section-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.section-header-row h3{margin:0;font-size:13px;font-weight:500}.section-header-row--sub{margin-top:var(--space-md)}.card>.page-subtitle{margin-bottom:var(--space-md)}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-lg)}.login-theme-toggle{position:absolute;top:var(--space-lg);right:var(--space-lg);display:inline-flex;gap:2px;padding:2px;border-radius:999px;border:1px solid var(--border-subtle);background:#171717;z-index:101}[data-theme=light] .login-theme-toggle{background:#f0f0f0;border-color:#0000001a}.login-theme-toggle .btn-sm{border:none;border-radius:999px;min-width:56px;background:transparent;color:var(--text-soft)}.login-theme-toggle .btn-sm.active{background:#ffffff26;color:var(--text)}[data-theme=light] .login-theme-toggle .btn-sm.active{background:#0a0a0a;color:#fff}[data-theme=light] .login-theme-toggle .btn-sm:hover{box-shadow:0 0 0 2px #0000001f}[data-theme=light] .login-overlay{background:linear-gradient(180deg,#f5f5f5,#e5e5e5)}.login-card{width:100%;max-width:360px;border-radius:20px;padding:var(--space-xl);background:var(--card-bg);border:1px solid var(--border-subtle)}[data-theme=light] .login-card{background:var(--card-bg);border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 50px #0f172a1a}.login-footer{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);font-size:11px;color:var(--text-soft)}.login-footer-brand{font-weight:600;color:var(--text-soft)}.login-footer-copy{color:var(--text-soft);opacity:.9}.login-header{margin-bottom:var(--space-md)}.login-brand{display:flex;align-items:center;gap:var(--space-md)}.login-logo-img{width:64px;height:64px;min-width:64px;min-height:64px;object-fit:contain;display:block;flex-shrink:0;filter:invert(1) brightness(1.08) contrast(1.05)}[data-theme=light] .login-logo-img{filter:none}.login-title-wrap{min-width:0}.login-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:var(--space-xs)}.login-subtitle{font-size:12px;color:var(--text-soft);margin-top:2px}@media (max-width: 640px){.login-logo-img{width:52px;height:52px;min-width:52px;min-height:52px}.login-title{font-size:16px}.login-subtitle{font-size:11px}}@media (max-width: 480px){.login-logo-img{width:44px;height:44px;min-width:44px;min-height:44px}.login-title{font-size:15px}.login-subtitle{font-size:10px}}.login-form .form-field{margin-bottom:var(--space-sm)}.login-form .btn{width:100%;justify-content:center;margin-top:var(--space-xs)}.error-text{color:var(--color-expense);font-size:11px;margin-top:var(--space-sm)}.theme-toggle{display:inline-flex;gap:2px;padding:2px;border-radius:999px;border:1px solid var(--border-subtle);background:#171717}[data-theme=light] .theme-toggle{background:#f0f0f0;border-color:#0000001a}.theme-toggle .btn-sm{border:none;border-radius:999px;min-width:56px;background:transparent;color:var(--text-soft)}.theme-toggle .btn-sm.active{background:#ffffff26;color:var(--text);border-color:transparent}[data-theme=light] .theme-toggle .btn-sm:not(.active){background:transparent;color:var(--text-soft)}[data-theme=light] .theme-toggle .btn-sm.active{background:#0a0a0a;color:#fff}[data-theme=light] .theme-toggle .btn-sm:hover{box-shadow:0 0 0 2px #0000001f}@media (max-width: 1040px){.shell{grid-template-columns:1fr}.sidebar{display:none}.shell.shell--sidebar-open .sidebar{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;max-width:280px;width:80%;height:100%;z-index:20;box-shadow:0 20px 60px #0009}.shell.shell--sidebar-open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:10}.topbar-menu-toggle{display:inline-flex}body{padding:12px}}@media (max-width: 820px){.layout{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-box-full{grid-column:1}.form-grid{grid-template-columns:repeat(2,1fr)}.page-title{font-size:16px}.page-subtitle{font-size:11px;line-height:1.4}.topbar{gap:var(--space-sm)}}@media (max-width: 640px){body{padding:8px}.form-grid,.metrics-row{grid-template-columns:1fr}.dashboard-filters .filter-presets{flex-wrap:wrap}.table-filters{flex-direction:column;align-items:stretch}.table-filters .input,.table-filters .select{min-width:0}th,td{padding:6px 8px;font-size:10px}.metric-value{font-size:14px}.btn{padding:8px 12px;min-height:44px}.nav-link{min-height:44px;padding:10px 12px}.page-title{font-size:14px}.page-subtitle{font-size:11px;line-height:1.35}.topbar{flex-direction:column;align-items:stretch;gap:var(--space-md)}.topbar-actions{order:1;justify-content:space-between;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.topbar-left{order:2;min-width:0;text-align:center}.topbar-left .page-title{justify-content:center}.topbar-left .page-subtitle{text-align:center}.topbar-info{order:3;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}}@media (max-width: 480px){.section-header-row{flex-direction:column;align-items:flex-start}.card{padding:var(--space-lg)}.page-title{font-size:13px}.page-subtitle{font-size:10px;line-height:1.4}.topbar-info .pill{font-size:10px}.topbar-user{font-size:.8rem}}