@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #0b1020;--bg2: #0f172a;--surface: rgba(15, 23, 42, .86);--surface2: rgba(30, 41, 59, .82);--border: rgba(148, 163, 184, .18);--border2: rgba(148, 163, 184, .28);--text: #e5edf8;--muted: #8fa2bb;--muted2: #64748b;--primary: #38bdf8;--primary2: #2563eb;--green: #22c55e;--red: #ef4444;--yellow: #f59e0b;--purple: #a78bfa;--radius: 18px;--sidebar: 270px;--shadow: 0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 32rem),radial-gradient(circle at bottom right,rgba(34,197,94,.1),transparent 28rem),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);min-height:100vh;background:#020617c7;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:20px;position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:8px 6px 24px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--green));color:#06111f;font-weight:900;font-size:23px;box-shadow:0 12px 28px #38bdf838}.brand strong{display:block;font-size:17px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.nav-list{display:grid;gap:8px}.nav-list button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:14px;padding:12px;text-align:left;display:flex;align-items:center;gap:10px}.nav-list button:hover{background:#94a3b814;color:var(--text)}.nav-list button.active{background:#38bdf81f;border-color:#38bdf840;color:var(--text)}.sidebar-status{margin-top:auto;border-top:1px solid var(--border);padding-top:16px;display:grid;gap:10px}.lock-state{color:var(--yellow);font-weight:700;font-size:13px}.lock-state.unlocked{color:var(--green)}.main{flex:1;min-width:0;margin-left:var(--sidebar)}.topbar{height:78px;position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid var(--border);background:#0b1020b8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar h2{margin:0;font-size:22px}.topbar-actions{display:flex;align-items:center;gap:10px}.menu-button{display:none!important}.content{padding:28px}.section-stack{display:grid;gap:22px}.section-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.section-header h1{margin:2px 0 8px;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;line-height:1.05}.section-header p{margin:0;color:var(--muted);max-width:760px}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.card,.metric-card{background:linear-gradient(180deg,#1e293bb8,#0f172ad6);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:20px}.card-title{margin:0 0 16px;font-size:16px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metrics-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:18px;min-height:116px}.metric-card.primary{background:linear-gradient(135deg,#38bdf83d,#2563eb1f);border-color:#38bdf859}.metric-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.metric-value{font-size:28px;font-weight:800;margin-top:12px;letter-spacing:-.04em}.metric-sub{color:var(--muted);font-size:12px;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.btn,.icon-button,.action-btn{border:1px solid var(--border2);background:#0f172ab3;color:var(--text);border-radius:13px;padding:10px 14px;font-weight:750;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn:hover,.icon-button:hover,.action-btn:hover{transform:translateY(-1px);border-color:#38bdf873}.btn.primary{background:linear-gradient(135deg,var(--primary2),var(--primary));border-color:#38bdf880;color:#fff}.btn.ghost{background:#94a3b814}.btn.danger,.action-btn.danger{background:#ef44441f;border-color:#ef444447;color:#fecaca}.btn.full{width:100%}.btn.disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.icon-button{width:42px;height:42px;display:grid;place-items:center;padding:0}input,select,textarea{width:100%;border:1px solid var(--border2);background:#0206176b;color:var(--text);border-radius:13px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#38bdf894;box-shadow:0 0 0 3px #38bdf81f}.month-input{max-width:180px}.filter-row{display:grid;grid-template-columns:1fr 190px auto;gap:10px;margin-bottom:16px;align-items:center}.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--border)}.data-table{border-collapse:collapse;width:100%;min-width:820px;background:#0f172a6b}th,td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#0206175c}td{color:#dbe7f4}tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:8px}.action-btn{font-size:12px;padding:7px 9px;border-radius:10px}.badge{display:inline-flex;align-items:center;border:1px solid var(--border2);background:#94a3b81a;color:var(--muted);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.badge.success{background:#22c55e1f;border-color:#22c55e47;color:#86efac}.badge.danger{background:#ef44441f;border-color:#ef444447;color:#fecaca}.badge.warning{background:#f59e0b1f;border-color:#f59e0b47;color:#fde68a}.badge.info{background:#38bdf81f;border-color:#38bdf847;color:#bae6fd}.badge.purple{background:#a78bfa1f;border-color:#a78bfa47;color:#ddd6fe}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(980px,100%);max-height:92vh;overflow:auto;background:#0f172a;border:1px solid var(--border2);border-radius:24px;box-shadow:0 30px 90px #00000073}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:22px;border-bottom:1px solid var(--border)}.modal-header h3{margin:4px 0 0;font-size:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:22px}.field{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:750}.field span b{color:var(--primary);margin-left:3px}.field.wide,.wide{grid-column:1 / -1}.check-row{display:flex;align-items:center;gap:10px;min-height:43px}.check-row input{width:auto}.check-row em{color:var(--muted);font-style:normal}.form-actions{display:flex;justify-content:flex-end;gap:10px}.calculation-preview{padding:12px 14px;border-radius:13px;border:1px solid rgba(56,189,248,.2);color:var(--muted);background:#38bdf814}.pin-box{padding:22px;display:grid;gap:14px}.pin-box p{color:var(--muted);margin:0}.mini-bars{display:grid;gap:14px}.mini-bar-top{display:flex;justify-content:space-between;gap:12px;font-size:13px}.mini-bar-top span{color:#dce8f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-bar-top strong{color:var(--text);white-space:nowrap}.mini-bar-track{height:8px;background:#94a3b81f;border-radius:999px;overflow:hidden}.mini-bar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--green));border-radius:inherit}.list-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.list-row strong{display:block}.list-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.list-row .right{display:flex;align-items:center;gap:8px}.profit{color:var(--green);font-weight:850}.loss{color:var(--red);font-weight:850}.muted{color:var(--muted)}.report-rows{display:grid;gap:4px}.report-rows div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.report-rows div.total{font-size:20px;font-weight:850;color:var(--primary);border-bottom:0}.tab-bar{display:flex;flex-wrap:wrap;gap:8px}.tab-bar button{border:1px solid var(--border);background:#94a3b814;color:var(--muted);border-radius:999px;padding:9px 12px;font-weight:800}.tab-bar button.active{color:#fff;border-color:#38bdf86b;background:#38bdf829}.empty-state{display:grid;place-items:center;text-align:center;color:var(--muted);padding:42px 18px}.empty-state h3{margin:8px 0;color:var(--text)}.empty-icon{font-size:36px}.error-banner,.loading-strip{margin:18px 28px 0;padding:12px 14px;border-radius:14px;border:1px solid rgba(239,68,68,.25);background:#ef44441f;color:#fecaca}.loading-strip{border-color:#38bdf840;background:#38bdf81a;color:#bae6fd}.setup-page{min-height:100vh;display:grid;place-items:center;padding:20px}.setup-page .card{max-width:720px}.setup-page pre{white-space:pre-wrap;background:#02061780;padding:14px;border-radius:14px;border:1px solid var(--border);color:#bae6fd}code{color:#bae6fd}@media (max-width: 1120px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 820px){:root{--sidebar: 280px}.sidebar{transform:translate(-102%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206179e;z-index:35}.main{margin-left:0}.menu-button{display:grid!important}.topbar{padding:12px 14px;height:auto;align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.content{padding:16px}.section-header{display:grid}.metrics-grid,.metrics-grid.compact,.filter-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;padding:16px}.modal-header{padding:16px}.month-input{max-width:none}}.hero h1{font-size:clamp(2rem,5vw,4.25rem)}.wide-card{grid-column:1 / -1}.checkbox-input{width:22px!important;height:22px!important;accent-color:var(--primary)}.backup-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.btn.disabled,.btn:disabled{opacity:.5;pointer-events:none}.report-rows{display:grid;gap:.7rem}.report-rows>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding:.7rem 0}.report-rows .total{font-size:1.1rem;border-bottom:none;padding-top:1rem}tfoot td{border-top:1px solid var(--border)}@media (max-width: 720px){.row-actions{flex-direction:column;align-items:stretch}.dashboard-grid{grid-template-columns:1fr}}.tabbar{display:flex;flex-wrap:wrap;gap:.65rem}.tabbar button{border:1px solid var(--border);background:#94a3b814;color:var(--muted);border-radius:999px;padding:9px 12px;font-weight:800}.tabbar button.active{color:#fff;border-color:#38bdf88c;background:#38bdf826}