:root{--bg: #0b1220;--panel: #0f1a33;--card: #111f3f;--muted: #8ea0c7;--text: #e8efff;--line: rgba(255, 255, 255, .08);--good: #2ee59d;--warn: #ffcc66;--bad: #ff5b6e;--info: #66a3ff;--chip: rgba(255, 255, 255, .08);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 16px;--radius2: 22px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(1200px 600px at 20% 0%,#14244d 0%,var(--bg) 55%) fixed;color:var(--text)}a{color:inherit;text-decoration:none}.container{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0f1a33f2,#0b1220f2);border-right:1px solid var(--line);padding:24px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#66a3ff,#2ee59d)}.brand h1{font-size:14px;margin:0;letter-spacing:.2px}.brand p{margin:2px 0 0;font-size:12px;color:var(--muted)}.nav{margin-top:18px;display:flex;flex-direction:column;gap:8px}.nav a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;color:var(--text);border:1px solid transparent}.nav a:hover{background:#ffffff0a;border-color:#ffffff0f}.nav a.active{background:#66a3ff1f;border-color:#66a3ff38}.nav .dot{width:10px;height:10px;border-radius:50%;background:#ffffff40}.nav a.active .dot{background:var(--info)}.sidebar .hint{margin-top:18px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.hint .title{font-weight:700;font-size:12px;margin-bottom:6px}.hint .text{font-size:12px;color:var(--muted);line-height:1.5}.hint .pillrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pill{font-size:11px;padding:7px 10px;border-radius:999px;background:var(--chip);border:1px solid rgba(255,255,255,.08)}.main{padding:26px 26px 44px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.page-title h2{margin:0;font-size:18px;letter-spacing:.2px}.page-title p{margin:4px 0 0;font-size:12px;color:var(--muted)}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);box-shadow:0 8px 20px #0003;cursor:pointer;font-weight:600;font-size:12px}.btn:hover{border-color:#ffffff2e;background:#ffffff0f}.btn.primary{background:#66a3ff2e;border-color:#66a3ff47}.btn.danger{background:#ff5b6e29;border-color:#ff5b6e40}.btn.good{background:#2ee59d29;border-color:#2ee59d40}.btn.small{padding:8px 10px;font-size:11px;border-radius:12px}.banner{margin:14px 0 18px;padding:14px 16px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#ffffff08;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.banner strong{display:block;font-size:13px}.banner span{display:block;margin-top:4px;font-size:12px;color:var(--muted);line-height:1.5}.banner.lock{border-color:#ff5b6e40;background:#ff5b6e1a}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:#111f3fc7;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius2);box-shadow:var(--shadow);overflow:hidden}.card .hd{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.card .hd h3{margin:0;font-size:13px;letter-spacing:.2px}.card .hd .sub{font-size:12px;color:var(--muted)}.card .bd{padding:16px}.kpi{display:flex;flex-direction:column;gap:8px}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:22px;font-weight:800;letter-spacing:.3px}.kpi .delta{font-size:12px;font-weight:700}.delta.good{color:var(--good)}.delta.bad{color:var(--bad)}.delta.warn{color:var(--warn)}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:700}.badge.good{background:#2ee59d24;border-color:#2ee59d40}.badge.bad{background:#ff5b6e24;border-color:#ff5b6e40}.badge.warn{background:#ffcc6624;border-color:#ffcc6640}.badge.info{background:#66a3ff24;border-color:#66a3ff40}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);font-size:12px}.table th{text-align:left;color:var(--muted);font-weight:700;letter-spacing:.2px}.table tr:hover td{background:#ffffff05}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.form{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.field{grid-column:span 6;display:flex;flex-direction:column;gap:8px}.field.full{grid-column:span 12}label{font-size:12px;color:var(--muted);font-weight:700}input,select,textarea{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text);outline:none}textarea{min-height:92px;resize:vertical}input::placeholder,textarea::placeholder{color:#e8efff73}.helper{font-size:11px;color:var(--muted);line-height:1.5}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 10px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:700;color:var(--text)}.chip.good{border-color:#2ee59d47;background:#2ee59d1f}.chip.warn{border-color:#ffcc6647;background:#ffcc661f}.chip.bad{border-color:#ff5b6e47;background:#ff5b6e1f}.split{display:grid;grid-template-columns:1fr 380px;gap:14px}@media(max-width:1100px){.container{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.split{grid-template-columns:1fr}}hr.sep{border:0;border-top:1px solid var(--line);margin:16px 0}.footer-note{margin-top:14px;font-size:11px;color:var(--muted)}.error{color:var(--bad)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-container .card{width:100%;max-width:350px}.fund-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.fund-container .card{width:100%;max-width:500px}
