:root{--bg:#f5f7fb;--panel:#fff;--text:#20243a;--muted:#7b8198;--line:#e8eaf2;--brand:#7567ed;--brand2:#a69cff;--accent:#ff8b6a;--shadow:0 14px 40px rgba(45,52,95,.08);--font-scale:1}[data-theme=dark]{--bg:#151827;--panel:#202438;--text:#f4f5ff;--muted:#a6acc5;--line:#343a55;--shadow:0 14px 40px rgba(0,0,0,.24)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 0 0,#eeeaff 0,transparent 32%),var(--bg);color:var(--text);font-size:calc(14px * var(--font-scale));line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--panel);border-right:1px solid var(--line);padding:24px 16px;position:fixed;inset:0 auto 0 0}.brand{font-size:21px;font-weight:800;padding:0 12px 28px}.brand b{color:var(--brand)}.nav{display:grid;gap:6px}.nav a{padding:11px 13px;border-radius:12px;color:var(--muted);font-weight:600}.nav a:hover,.nav a.active{background:#f0efff;color:var(--brand)}[data-theme=dark] .nav a:hover,[data-theme=dark] .nav a.active{background:#303453}.sidebar-note{position:absolute;bottom:24px;color:var(--muted);font-size:12px;padding:12px}.main{margin-left:240px;width:calc(100% - 240px);padding:28px 38px;max-width:1500px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.topbar h1{font-size:28px;margin:3px 0;letter-spacing:-.04em}.userbar{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:800}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:9px 13px;border-radius:11px;cursor:pointer;font-weight:600}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.hero{padding:30px;border-radius:22px;background:linear-gradient(120deg,#5145c7,#8274f5 60%,#a69cff);color:#fff;box-shadow:var(--shadow);margin-bottom:22px}.hero h2{font-size:25px;margin:0 0 5px}.hero p{margin:0;color:#e5e3ff}.grid{display:grid;gap:18px}.grid.kpis{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:1.35fr .85fr}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:var(--shadow)}.card h2,.card h3{margin:0 0 15px;letter-spacing:-.02em}.label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.value{font-size:30px;font-weight:800;margin-top:8px}.stat-icon{float:right;background:#f0efff;color:var(--brand);padding:8px;border-radius:10px}.list{display:grid;gap:10px}.list-item{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border:0}.muted{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px}tr:hover{background:#faf9ff}[data-theme=dark] tr:hover{background:#292e48}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}input,select,textarea{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:10px 12px}input{min-width:220px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 10px;border-radius:99px;background:#f0efff;color:var(--brand);font-size:12px}.empty{padding:30px;text-align:center;color:var(--muted)}.login{position:fixed;inset:0;background:rgba(20,22,40,.55);display:grid;place-items:center;z-index:5}.login form{width:min(92%,360px);background:var(--panel);padding:30px;border-radius:20px;box-shadow:var(--shadow);display:grid;gap:12px}.login h2{margin:0}.toast{position:fixed;right:24px;bottom:24px;background:var(--text);color:var(--panel);padding:12px 16px;border-radius:10px;display:none}@media(max-width:950px){.grid.three{grid-template-columns:1fr}.sidebar{width:74px;padding:20px 10px}.brand{font-size:0;text-align:center}.brand b{font-size:24px}.nav a{font-size:0;text-align:center}.nav a:first-letter{font-size:20px}.sidebar-note{display:none}.main{margin-left:74px;width:calc(100% - 74px);padding:22px}.grid.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.main{padding:16px}.topbar{align-items:flex-start;gap:12px}.topbar h1{font-size:22px}.grid.two,.grid.kpis{grid-template-columns:1fr}.userbar .btn{font-size:0;padding:9px}.userbar .btn:first-letter{font-size:16px}}