:root{--bg:#0f1117;--panel:#171a23;--panel2:#1e222e;--line:#2a2f3d;--txt:#e7e9ee;--muted:#9aa3b2;--accent:#7c9cff;--accent2:#5ee0c0;--pink:#ff8fc7}*{box-sizing:border-box}body{margin:0;background:#0f1117;color:var(--txt);font-family:-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.side{width:200px;flex:none;background:#10131c;border-right:1px solid var(--line);padding:14px 10px}.brand{gap:8px;font-weight:800;padding:6px 8px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}.brand,.logo{display:flex;align-items:center}.logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--pink));justify-content:center}.nav a{display:flex;gap:9px;align-items:center;padding:9px 11px;border-radius:9px;color:var(--muted);font-size:13.5px}.nav a.on,.nav a:hover{background:rgba(124,156,255,.14);color:#fff}.main{flex:1 1;padding:22px 26px;min-width:0}.h1{font-size:20px;font-weight:700;margin:0 0 16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:14px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.tile{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px}.tile .k{font-size:11px;color:var(--muted);text-transform:uppercase}.tile .v{font-size:22px;font-weight:800;color:#fff;margin-top:4px}.btn{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--panel2);color:var(--txt);border-radius:9px;padding:8px 14px;cursor:pointer}.btn.pri{background:var(--accent);color:#0c0e14;border-color:transparent}.input{width:100%;background:#0c0e14;border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:var(--txt);font-size:14px;margin-top:6px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.charc{background:var(--panel2);border:1px solid var(--line);border-radius:12px;overflow:hidden}.charc .av{aspect-ratio:1;background:linear-gradient(135deg,#2a2030,#1a1e2b);display:flex;align-items:center;justify-content:center;font-size:34px}.charc .m{padding:10px 12px}.tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;background:rgba(124,156,255,.16);color:var(--accent)}