:root{--background: #09090b;--foreground: #fafafa;--card: #111113;--card-foreground: #fafafa;--popover: #141416;--muted: #18181b;--muted-foreground: #a1a1aa;--border: #26262a;--input: #18181b;--ring: #6366f1;--primary: #fafafa;--primary-foreground: #09090b;--secondary: #1c1c1f;--secondary-foreground: #fafafa;--accent: #26262a;--accent-foreground: #fafafa;--destructive: #ef4444;--success: #10b981;--warn: #f59e0b;--info: #3b82f6;--brand-1: #6366f1;--brand-2: #8b5cf6;--brand-3: #d946ef;--radius-sm: .5rem;--radius: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: clamp(1.25rem, 1.1rem + .7vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.2vw, 2.125rem);--sidebar-w: 15.5rem;--header-h: 3.5rem;--bottom-nav-h: 4rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60% 40% at 100% 0%,rgba(139,92,246,.1),transparent 60%),radial-gradient(50% 35% at 0% 100%,rgba(99,102,241,.08),transparent 60%);pointer-events:none}a{color:inherit;text-decoration:none}.app{min-height:100dvh;display:flex}.sidebar{position:sticky;top:0;height:100dvh;width:var(--sidebar-w);flex-shrink:0;background:color-mix(in srgb,var(--background) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.brand{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:800;letter-spacing:-.02em;padding:.25rem .75rem 1rem}.brand .logo{width:1.75rem;height:1.75rem;border-radius:.5rem;background:linear-gradient(135deg,var(--brand-1),var(--brand-3));display:grid;place-items:center;font-size:.9rem;color:#fff;box-shadow:0 2px 10px #8b5cf666}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0 .5rem}.collapse-btn{width:2rem;height:2rem;display:grid;place-items:center;background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;font-size:.85rem;transition:background .15s ease,color .15s ease}.collapse-btn:hover{color:var(--foreground);background:var(--accent)}.ws-switcher{width:100%;margin-bottom:.75rem;font-size:var(--text-sm);background:var(--muted);border:1px solid var(--border);color:var(--foreground);padding:.6rem .65rem;border-radius:var(--radius-sm);cursor:pointer}.nav-group{margin-bottom:.75rem}.nav-group-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);opacity:.7;padding:0 .75rem .35rem;font-weight:600}.nav-btn{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;border-radius:var(--radius-sm);color:var(--muted-foreground);background:transparent;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:500;text-align:left;transition:background .15s ease,color .15s ease}.nav-btn:hover{background:var(--accent);color:var(--foreground)}.nav-btn.active{background:linear-gradient(135deg,#6366f12e,#d946ef1a);color:var(--foreground);font-weight:600}.nav-btn.active:before{content:"";position:absolute;left:0;width:3px;height:1.25rem;border-radius:2px;background:linear-gradient(var(--brand-1),var(--brand-3))}.nav-btn{position:relative}.spacer{flex:1}.logout{border-top:1px solid var(--border);padding-top:.75rem}.main{flex:1;min-width:0;padding:clamp(1rem,2.5vw,2rem);max-width:76rem;margin:0 auto;width:100%}.main h1{font-size:var(--text-2xl);font-weight:750;letter-spacing:-.02em;margin-bottom:.25rem}.subtitle{color:var(--muted-foreground);font-size:var(--text-sm);margin-bottom:1.5rem}.mobile-header,.bottom-nav{display:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.875rem;margin-bottom:1.5rem}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.125rem;overflow:hidden}.card:after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--brand-1),var(--brand-3));opacity:0;transition:opacity .25s ease}.card:hover:after{opacity:1}.card .label{color:var(--muted-foreground);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-weight:600}.card .value{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.card .value.pos{color:var(--success)}.card .value.neg{color:var(--destructive)}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem;overflow-x:auto}.panel h2{font-size:1rem;font-weight:650;margin-bottom:1rem}.panel h3{font-size:.9375rem;font-weight:650}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.panel-head h2,.panel-head h3{margin:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:36rem}th{text-align:left;color:var(--muted-foreground);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;padding:.65rem .75rem;border-bottom:1px solid var(--border)}td{padding:.7rem .75rem;border-bottom:1px solid rgba(38,38,42,.5)}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.tx-type{font-size:.6875rem;padding:.2rem .55rem;border-radius:999px;font-weight:600;white-space:nowrap}.tx-type.income{background:#10b98126;color:var(--success)}.tx-type.expense{background:#ef444426;color:var(--destructive)}.tx-type.transfer{background:#3b82f626;color:var(--info)}input,select,textarea{width:100%;padding:.6rem .8rem;background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font-size:var(--text-sm);outline:none;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px #6366f140}label{display:block;font-size:var(--text-xs);color:var(--muted-foreground);margin:.875rem 0 .35rem}label:first-of-type{margin-top:0}button.btn{padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:transform .12s ease,background .15s ease,border-color .15s ease,opacity .15s;white-space:nowrap}button.btn:active{transform:scale(.97)}button.btn.primary{background:var(--primary);color:var(--primary-foreground)}button.btn.primary:hover{background:#e4e4e7}button.btn.ghost{background:var(--secondary);color:var(--foreground);border-color:var(--border)}button.btn.ghost:hover{background:var(--accent)}button.btn.danger{background:#ef444426;color:var(--destructive)}button.btn.danger:hover{background:#ef444440}button.btn.small{padding:.35rem .65rem;font-size:var(--text-xs)}button.btn:disabled{opacity:.5;cursor:not-allowed}td.actions{text-align:right;white-space:nowrap}td.actions .btn{margin-left:.4rem}.error{background:#ef44441f;color:var(--destructive);padding:.65rem .9rem;border-radius:var(--radius-sm);font-size:var(--text-sm);margin:.75rem 0;border:1px solid rgba(239,68,68,.25)}.notice{background:#6366f11f;color:#a5b4fc;padding:.65rem .9rem;border-radius:var(--radius-sm);font-size:var(--text-sm);margin:.75rem 0;border:1px solid rgba(99,102,241,.25)}.toolbar{display:flex;gap:.65rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.muted{color:var(--muted-foreground)}.small{font-size:var(--text-xs)}.trust{display:flex;gap:1.5rem;flex-wrap:wrap}.trust .trust-item{flex:1;min-width:7.5rem}.trust .label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:.25rem;font-weight:600}.trust .value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.cf-legend{display:flex;gap:1rem;margin-bottom:.75rem;font-size:var(--text-xs);color:var(--muted-foreground)}.cf-legend .dot{display:inline-block;width:.625rem;height:.625rem;border-radius:3px;margin-right:.3rem}.dot.income{background:var(--success)}.dot.expense{background:var(--destructive)}.cashflow-chart{display:flex;align-items:flex-end;gap:.75rem;height:12.5rem;overflow-x:auto;padding-bottom:.25rem}.cf-month{flex:1;min-width:2.75rem;display:flex;flex-direction:column;align-items:center;gap:.375rem}.cf-bars{display:flex;gap:.25rem;align-items:flex-end;height:10rem}.cf-bar{width:.8125rem;border-radius:4px 4px 0 0;min-height:2px}.cf-bar.income{background:linear-gradient(var(--success),rgba(16,185,129,.6))}.cf-bar.expense{background:linear-gradient(var(--destructive),rgba(239,68,68,.6))}.cf-label{font-size:.625rem;color:var(--muted-foreground)}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.25rem;width:min(24rem,100%);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-1),var(--brand-3))}.login-card h1{font-size:1.375rem;margin-bottom:.25rem}.login-card .sub{color:var(--muted-foreground);font-size:var(--text-sm);margin-bottom:1.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;width:min(47.5rem,94vw);max-height:86dvh;overflow:auto;box-shadow:var(--shadow-lg)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-fab{display:none;position:fixed;z-index:65;top:.875rem;left:.875rem;width:2.75rem;height:2.75rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);color:var(--foreground);font-size:1.2rem;cursor:pointer;box-shadow:var(--shadow);place-items:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.animate-in{animation:fadeUp .35s ease both}@media (max-width: 1024px){:root{--sidebar-w: 13.5rem}}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(18rem,85vw);height:100dvh;z-index:80;transform:translate(-105%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.mobile-header{display:flex;align-items:center;gap:.6rem;position:sticky;top:0;z-index:50;height:var(--header-h);padding:0 .9rem;background:color-mix(in srgb,var(--background) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.mobile-header .brand{padding:0;font-size:1rem}.mobile-header .ws-switcher{flex:1;max-width:11rem;margin:0;padding:.45rem .5rem}.mobile-header .menu-btn{margin-left:auto;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font-size:1.1rem}.main{padding:1rem .9rem calc(var(--bottom-nav-h) + 1.25rem + env(safe-area-inset-bottom));max-width:none}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--background) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border)}.bottom-nav .bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:transparent;border:none;color:var(--muted-foreground);font-size:.625rem;font-weight:500;cursor:pointer;transition:color .15s ease}.bottom-nav .bn-item .bn-icon{font-size:1.3rem;line-height:1}.bottom-nav .bn-item.active{color:var(--foreground)}.bottom-nav .bn-item.active .bn-icon{filter:drop-shadow(0 0 6px rgba(139,92,246,.6))}.cards{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.7rem}.panel{padding:1rem;border-radius:var(--radius)}.main h1{font-size:clamp(1.35rem,1.1rem + 2vw,1.6rem)}div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media (max-width: 400px){:root{font-size:15px}.cards{grid-template-columns:1fr 1fr}}@media (min-width: 769px){.sidebar.closed{display:none}.menu-fab{display:grid}}