:root{--bg:#0f172a;--panel:#111c33;--muted:#94a3b8;--text:#e5e7eb;--accent:#f59e0b;--accent2:#22c55e;--card:#16213b;--border:rgba(255,255,255,.08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#0f172a,#111827);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app-sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:rgba(15,23,42,.95);border-right:1px solid var(--border);padding:24px;z-index:20}.brand{display:flex;gap:12px;align-items:center;font-size:1.35rem;font-weight:800;margin-bottom:30px}.brand i{color:var(--accent)}.app-sidebar nav{display:grid;gap:10px}.app-sidebar a{display:flex;gap:10px;align-items:center;color:var(--muted);text-decoration:none;padding:12px 14px;border-radius:14px}.app-sidebar a:hover,.app-sidebar a.active{background:rgba(245,158,11,.12);color:#fff}.app-main{margin-left:270px;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.topbar h1{font-size:1.8rem;margin:0;font-weight:850}.topbar p{margin:4px 0 0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.metric-card,.panel{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.metric-card span{color:var(--muted);font-size:.9rem}.metric-card strong{display:block;font-size:2rem;line-height:1.1}.metric-card small{color:var(--accent2)}.panel-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.panel h2{font-size:1.15rem;margin-bottom:16px}.flow-list{columns:2;margin:0;padding-left:20px}.flow-list li{margin:0 0 10px}.cake-preview{height:280px;border-radius:22px;background:radial-gradient(circle at 40% 35%,#fbd38d,#b45309 42%,#3b1d0a 72%);position:relative;display:grid;place-items:end center;padding-bottom:20px;overflow:hidden}.cake-preview .slice{position:absolute;right:28%;top:15%;width:32%;height:70%;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.15));clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);opacity:.4}.cake-preview span{position:relative;background:rgba(0,0,0,.35);border:1px solid var(--border);border-radius:999px;padding:8px 14px}@media(max-width:992px){.app-sidebar{transform:translateX(-105%);transition:.25s}.app-sidebar.open{transform:none}.app-main{margin-left:0}.metrics{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}}@media(max-width:576px){.app-main{padding:18px}.metrics{grid-template-columns:1fr}.flow-list{columns:1}.topbar{align-items:flex-start}.topbar h1{font-size:1.35rem}}