:root{--bg:#0b1220;--panel:#ffffff0f;--panel2:#ffffff14;--card:#ffffff12;--border:#ffffff1a;--text:#ffffffeb;--muted:#ffffffa6;--muted2:#ffffff80;--accent:#7c3aed;--accent2:#22c55e;--shadow:0 18px 60px #00000059;--radius:18px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 700px at 20% 0,#7c3aed38,#0000 60%),radial-gradient(900px 600px at 80% 20%,#22c55e24,#0000 55%),linear-gradient(#050914,#0b1220 55%,#070b16);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.saaS{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;height:100vh;padding:18px;position:sticky;top:0}.sidebar-inner{flex-direction:column;gap:16px;height:100%;display:flex}.main{flex-direction:column;min-width:0;display:flex}.content{padding:20px}.container{max-width:1180px;margin:0 auto}.brand{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);align-items:center;gap:12px;padding:14px;display:flex}.brand-dot{background:linear-gradient(135deg,var(--accent),#ff4d8d);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 4px #7c3aed33}.brand-title{letter-spacing:.3px;font-weight:800}.brand-subtitle{color:var(--muted);margin-top:2px;font-size:12px}.nav{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--text);background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex}.nav-item:hover{background:#ffffff0f;border-color:#ffffff14}.nav-item.active{background:linear-gradient(135deg,#7c3aed38,#ff4d8d1a);border-color:#7c3aed47}.nav-icon{text-align:center;opacity:.95;width:26px}.nav-label{font-weight:600}.sidebar-footer{justify-content:flex-start;margin-top:auto;display:flex}.pill{color:var(--muted);border:1px solid var(--border);background:#ffffff0d;border-radius:999px;padding:8px 10px;font-size:12px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.page-title-main{font-size:16px;font-weight:900}.page-title-sub{color:var(--muted);margin-top:2px;font-size:12px}.topbar-right{align-items:center;gap:10px;display:flex}.search{border:1px solid var(--border);background:#ffffff0d;border-radius:999px;padding:10px 12px}.search-input{color:var(--text);background:0 0;border:0;outline:0;width:220px}.search-input::placeholder{color:var(--muted2)}.btn{color:var(--text);cursor:pointer;background:linear-gradient(135deg,#7c3aed59,#ff4d8d33);border:1px solid #7c3aed59;border-radius:999px;padding:10px 14px;font-weight:700}.btn:hover{filter:brightness(1.08)}.icon-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:12px;padding:10px 12px}.icon-btn:hover{background:#ffffff1a}.mobile-overlay{z-index:50;background:#0000008c;justify-content:flex-start;display:flex;position:fixed;inset:0}.mobile-drawer{border-right:1px solid var(--border);background:#0a1020;width:min(92vw,340px);height:100%;padding:16px}.mobile-drawer-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mobile-only{display:none}.desktop-only{display:block}@media (max-width:920px){.saaS{grid-template-columns:1fr}.sidebar{display:none}.mobile-only{display:inline-flex}.desktop-only{display:none}.search-input{width:140px}}.finance-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.finance-card{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:20px}.finance-title{color:var(--muted);font-size:13px}.finance-value{margin-top:6px;font-size:24px;font-weight:800}.finance-card.income{border-left:4px solid #22c55e}.finance-card.debt{border-left:4px solid #ef4444}.finance-card.balance{border-left:4px solid #7c3aed}@media (max-width:900px){.finance-grid{grid-template-columns:1fr}}