:root{--bg:#0b1020;--card:#121a31;--line:#223055;--text:#eaf0ff;--muted:#91a0c0;--acc:#45a3ff;--bad:#ff5874;--good:#45d38a}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#080d1b,#11182c);color:var(--text);font:15px/1.45 Arial,Helvetica,sans-serif}.top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0a0f1d;border-bottom:1px solid var(--line);position:sticky;top:0}.logo{font-weight:700;color:#fff;text-decoration:none;font-size:20px}.top a{color:var(--text);text-decoration:none;margin-left:18px}.wrap{max-width:1280px;margin:0 auto;padding:26px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:rgba(18,26,49,.96);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.card h3{margin:0 0 8px;color:var(--muted);font-size:14px}.num{font-size:32px;font-weight:700}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:13px}.btn,input,select{border-radius:10px;border:1px solid var(--line);background:#0d1428;color:var(--text);padding:10px}.btn{display:inline-block;text-decoration:none;background:var(--acc);color:#031025;font-weight:700}.form{display:grid;gap:12px;max-width:520px}.charts{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#17213d;color:#b9c7e8}footer{padding:22px;text-align:center;color:var(--muted)}@media(max-width:900px){.grid,.charts{grid-template-columns:1fr}.wrap{padding:14px}.top{padding:0 12px}}
.searchbar{display:flex;gap:10px;margin:14px 0 18px}.searchbar input{min-width:280px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ok{color:var(--good)}.bad{color:var(--bad)}.small{font-size:12px}.wide{overflow:auto}.progress{height:10px;background:#0d1428;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:var(--acc)}
@media(max-width:900px){.two{grid-template-columns:1fr}.top{height:auto;min-height:64px;align-items:flex-start;flex-direction:column;padding:12px}.top nav{display:flex;flex-wrap:wrap;gap:10px}.top a{margin-left:0}.searchbar{flex-direction:column}.searchbar input{min-width:0}}

.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#24335f;color:#cfe0ff;font-size:12px}.badge.green{background:#124d32;color:#bfffd8}.badge.red{background:#551d2a;color:#ffd0d7}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.muted{color:#91a1bd}.search{display:flex;gap:8px;margin:0 0 14px}.search input{flex:1;background:#10182b;border:1px solid #293857;color:#fff;border-radius:8px;padding:10px}.search button,.btn{background:#2f6fed;color:#fff;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;display:inline-block}.profile{display:grid;grid-template-columns:280px 1fr;gap:16px}.statline{display:flex;justify-content:space-between;border-bottom:1px solid #20304e;padding:8px 0}@media(max-width:800px){.grid2,.profile{grid-template-columns:1fr}.top nav{display:flex;flex-wrap:wrap}}

.avatar{width:54px;height:54px;border-radius:14px;vertical-align:middle;margin-right:10px;object-fit:cover}.avatar-sm{width:30px;height:30px;border-radius:8px;vertical-align:middle;margin-right:8px;object-fit:cover}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.btn{display:inline-block;padding:7px 10px;border-radius:10px;background:#26364d;color:#fff;text-decoration:none}.badge.yellow{background:#b7791f;color:#fff}@media(max-width:900px){.grid3{grid-template-columns:1fr}}

/* CS-WZ Analytics 1.8 */
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.filters input,.filters select{padding:10px;border:1px solid #2b3446;background:#0f1724;color:#e8eefc;border-radius:10px;min-width:160px}
.filters button,.btn{display:inline-block;padding:9px 12px;border-radius:10px;background:#2563eb;color:#fff;text-decoration:none;border:0;cursor:pointer}
.avatar-mini{width:28px;height:28px;border-radius:50%;vertical-align:middle;margin-right:6px;background:#111827}
.avatar{width:96px;height:96px;border-radius:18px;background:#111827;object-fit:cover}
.profile-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.profile-card{text-align:center;text-decoration:none;color:inherit}
.profile-card h3{margin:10px 0 4px}
.muted{opacity:.72}