@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:toastIn .35s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.toast-success .toast-icon{background:var(--income)}.toast-error .toast-icon{background:var(--expense)}.toast-warning .toast-icon{background:var(--warning)}.toast-info .toast-icon{background:var(--brand)}.toast-msg{flex:1;font-size:14px;color:var(--text)}.toast-close{background:none;border:none;color:var(--text-faint);font-size:18px;line-height:1}.shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-w);height:100vh;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;overflow:hidden;z-index:100;transition:transform .3s ease,width .3s ease,padding .3s ease}.sidebar.collapsed{transform:translate(-100%);width:0;padding:0}.brand{display:flex;align-items:center;justify-content:center;padding:4px 8px 18px;transition:opacity .2s ease}.brand:hover{opacity:.85}.brand-logo{display:block;width:100%;max-width:170px;height:auto;object-fit:contain}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-weight:500;font-size:14.5px;color:var(--text-muted);white-space:nowrap;transition:background .15s,color .15s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.main{margin-left:var(--sidebar-w);min-width:0;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease}.sidebar.collapsed~.main{margin-left:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 24px;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);font-size:1.5rem;line-height:1;transition:background .2s ease,color .2s ease}.sidebar-toggle:hover{background:var(--surface-2);color:var(--brand)}.sidebar-toggle__icon{display:block;line-height:1;transition:transform .3s ease}.sidebar-toggle__icon.collapsed{transform:rotate(90deg)}.user-chip{display:flex;align-items:center;gap:10px;padding-left:6px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),#ec4899)}.user-name{font-size:14px;font-weight:600;line-height:1.1}.content{padding:24px;max-width:1180px;width:100%;margin:0 auto}.nav-backdrop{display:none}@media(max-width:880px){.main{margin-left:0}.sidebar.collapsed~.main{margin-left:0}.sidebar{box-shadow:var(--shadow-lg)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:55}.user-meta{display:none}.content{padding:16px}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-aside{position:relative;padding:56px;display:flex;flex-direction:column;justify-content:center;gap:22px;color:#fff;overflow:hidden;background:linear-gradient(150deg,#4f46e5,#6366f1 45%,#8b5cf6);background-size:200% 200%;animation:auroraShift 16s ease-in-out infinite}.auth-aside:after{content:"";position:absolute;width:560px;height:560px;right:-180px;top:-180px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 60%);border-radius:50%;animation:haloFloat 12s ease-in-out infinite}@keyframes auroraShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes haloFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-24px,28px) scale(1.08)}}.auth-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.auth-coin{position:absolute;bottom:-40px;font-size:26px;font-weight:800;color:#ffffff29;text-shadow:0 2px 10px rgba(0,0,0,.08);animation:coinRise linear infinite;will-change:transform,opacity}@keyframes coinRise{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:1}85%{opacity:1}to{transform:translateY(-108vh) rotate(220deg);opacity:0}}.auth-coin-0{left:8%;font-size:22px;animation-duration:15s;animation-delay:0s}.auth-coin-1{left:20%;font-size:34px;animation-duration:19s;animation-delay:4s}.auth-coin-2{left:32%;font-size:18px;animation-duration:13s;animation-delay:7s}.auth-coin-3{left:44%;font-size:40px;animation-duration:22s;animation-delay:2s}.auth-coin-4{left:55%;font-size:24px;animation-duration:17s;animation-delay:9s}.auth-coin-5{left:66%;font-size:30px;animation-duration:20s;animation-delay:5s}.auth-coin-6{left:76%;font-size:20px;animation-duration:14s;animation-delay:11s}.auth-coin-7{left:86%;font-size:36px;animation-duration:23s;animation-delay:3s}.auth-coin-8{left:14%;font-size:28px;animation-duration:18s;animation-delay:13s}.auth-coin-9{left:92%;font-size:22px;animation-duration:16s;animation-delay:8s}.auth-flow{position:absolute;left:0;right:0;bottom:0;width:100%;height:42%;opacity:.5}.auth-flow-line{fill:none;stroke:url(#flowStroke);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60 380;animation:flowDash 5s linear infinite}@keyframes flowDash{to{stroke-dashoffset:-440}}.auth-brand,.auth-hero,.auth-list{position:relative;z-index:1}.auth-brand{display:inline-flex;align-self:flex-start;padding:14px 18px;border-radius:18px;background:#fff;box-shadow:0 18px 40px -16px #00000059}.auth-logo{display:block;width:148px;height:auto}.auth-hero-title{font-size:34px;line-height:1.15;max-width:420px;letter-spacing:-.02em}.auth-hero-sub{margin-top:12px;font-size:15.5px;line-height:1.6;max-width:430px;color:#ffffffe6}.auth-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:420px}.auth-list li{display:flex;align-items:center;gap:12px;font-size:15px;color:#ffffffeb}.auth-list li:before{content:"✓";flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ffffff2e;font-size:12px;font-weight:800}.auth-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px 60px;background:radial-gradient(820px 520px at 82% -5%,rgba(99,102,241,.07),transparent 60%),radial-gradient(680px 520px at 12% 105%,rgba(139,92,246,.06),transparent 60%)}.auth-main-inner{width:100%;max-width:380px;display:flex;flex-direction:column;gap:22px}.auth-card{width:100%}.auth-foot{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:12.5px;color:var(--text-faint)}@media(max-width:860px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}}@media(prefers-reduced-motion:reduce){.auth-aside,.auth-aside:after,.auth-coin,.auth-flow-line{animation:none}.auth-coin{opacity:.16;bottom:auto}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f111580;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:900;animation:overlayIn .2s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:modalIn .32s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow:auto}.modal-wide{max-width:560px}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:700}.modal-body{padding:20px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.modal-x{background:none;border:none;font-size:22px;line-height:1;color:var(--text-faint)}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;text-align:center}.empty-emoji{font-size:42px}.empty-title{font-weight:600}.empty-sub{color:var(--text-muted);font-size:14px;max-width:320px}.spinner{width:22px;height:22px;border:2.5px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.spinner-center{display:grid;place-items:center;padding:48px}.auth-form-head{margin-bottom:22px}.auth-form-title{font-size:24px;font-weight:800}.auth-form-sub{color:var(--text-muted);margin-top:6px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-error{background:var(--expense-soft);color:var(--expense);padding:10px 12px;border-radius:10px;font-size:13.5px}.auth-switch{text-align:center;margin-top:18px;font-size:14px;color:var(--text-muted)}.auth-switch a{color:var(--brand);font-weight:600}.auth-demo{margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px dashed var(--border-strong);font-size:12.5px;color:var(--text-muted);text-align:center}:root{--brand: #6366f1;--brand-strong: #4f46e5;--brand-soft: rgba(99, 102, 241, .12);--income: #16a34a;--income-soft: rgba(22, 163, 74, .12);--expense: #dc2626;--expense-soft: rgba(220, 38, 38, .1);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .14);--bg: #f6f7f9;--bg-grad: radial-gradient(1200px 600px at 100% -10%, rgba(99, 102, 241, .08), transparent 60%);--surface: #ffffff;--surface-2: #f9fafb;--border: #e8eaee;--border-strong: #d7dae0;--text: #16181d;--text-muted: #6b7280;--text-faint: #9aa1ad;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px rgba(16, 24, 40, .06), 0 2px 6px rgba(16, 24, 40, .04);--shadow-lg: 0 18px 40px -12px rgba(16, 24, 40, .18);--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--sidebar-w: 248px;font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:light}[data-theme=dark]{--bg: #0e0f11;--bg-grad: radial-gradient(1200px 600px at 100% -10%, rgba(99, 102, 241, .16), transparent 60%);--surface: #17181b;--surface-2: #1d1f23;--border: #2a2c31;--border-strong: #3a3d44;--text: #e8e8ea;--text-muted: #9aa1ad;--text-faint: #6b7280;--brand-soft: rgba(99, 102, 241, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 18px 40px -12px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.num,.kpi-value,.amount,.tx-amount,td.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.card-title{font-size:15px;font-weight:600}.card-subtitle{font-size:13px;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 16px;font-size:14px;font-weight:600;transition:transform .08s ease,background .15s ease,box-shadow .15s ease,opacity .15s;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 16px -6px var(--brand)}.btn-primary:hover{background:var(--brand-strong)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--expense);color:#fff}.btn-danger:hover{filter:brightness(.95)}.btn-sm{padding:7px 12px;font-size:13px}.btn-icon{padding:9px;border-radius:var(--radius-sm)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:13px;font-weight:500;color:var(--text-muted)}.input,.select,.textarea{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;color:var(--text);transition:border .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input::placeholder{color:var(--text-faint)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.badge-safe{background:var(--income-soft);color:var(--income)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-exceeded{background:var(--expense-soft);color:var(--expense)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;background:var(--surface-2);border:1px solid var(--border)}.chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.amount-income{color:var(--income)}.amount-expense{color:var(--text)}.progress{position:relative;height:8px;border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden}.progress-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);transition:width .9s cubic-bezier(.16,1,.3,1)}.progress-fill.safe{background:var(--income)}.progress-fill.warning{background:var(--warning)}.progress-fill.exceeded{background:var(--expense)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);padding:10px 14px}.table td{padding:12px 14px;border-top:1px solid var(--border);font-size:14px}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--surface-2)}.row{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.text-sm{font-size:13px}.spacer{flex:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.fade-up-1{animation-delay:.04s}.fade-up-2{animation-delay:.08s}.fade-up-3{animation-delay:.12s}.fade-up-4{animation-delay:.16s}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}