:root{
      --bg:#f4f6fb; --card:#ffffff; --text:#111; --muted:#5b6472; --border:#e8e8ee;
      --shadow: 0 8px 22px rgba(0,0,0,.08);
      --brand:#121416; --brand2:#224371; --chip:#eef2ff; --chipText:#1f2a44;
    }
    [data-theme="dark"]{
      --bg:#0b1220; --card:#0f1b30; --text:#f2f5ff; --muted:#b3bdd3; --border:#1f2a44;
      --shadow: 0 10px 28px rgba(0,0,0,.35);
      --brand:#121416; --brand2:#224371; --chip:#162a63; --chipText:#e8eeff;
    }


    body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
    header{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:18px 16px}
    .header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
    .title h1{margin:0;font-size:26px}
    .title p{margin:6px 0 0;opacity:.92}
    .right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
    .left{width: 50%;}
    
    .chip{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:6px 10px;border-radius:999px;font-size:12px;white-space:nowrap}
    .toggle{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:6px 10px;border-radius:999px;font-size:12px;cursor:pointer;user-select:none}
    .user{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:8px 10px;border-radius:14px;min-width:240px}
    .avatar{width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.28);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}
    .avatar img{width:100%;height:100%;object-fit:cover;display:block}
    .meta{line-height:1.15}
    .meta .name{font-weight:800;font-size:14px}
    .meta .email{font-size:12px;opacity:.92}
    .container{max-width:1100px;margin:0 auto;padding:22px}
    .status-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
    .status-left{display:flex;flex-direction:column;gap:4px}
    .status-left .k{font-size:12px;color:var(--muted)}
    .status-left .v{font-size:16px;font-weight:900}
    .status-left .d{font-size:12px;color:var(--muted)}
    .status-badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--border);background:var(--chip);color:var(--chipText);white-space:nowrap}
    .status-open{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.3);color:#18a34a}
    .status-scheduled{background:rgba(59,130,246,.16);border-color:rgba(59,130,246,.3);color:#2563eb}
    .status-closed{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.3);color:#dc2626}
    .status-unknown{background:rgba(148,163,184,.16);border-color:rgba(148,163,184,.3);color:#64748b}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
    .card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}
    .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.14)}
    .card h2{margin:0 0 8px;font-size:18px}
    .card p{margin:0;font-size:14px;color:var(--muted)}
    .leftbar{border-left:6px solid}
    .b-quiz{border-left-color:#22c55e}
    .b-stats{border-left-color:#3b82f6}
    .b-admin{border-left-color:#ef4444}
    .b-data{border-left-color:#f59e0b}
    footer{text-align:center;padding:18px;color:var(--muted);font-size:13px}
    @media (max-width:700px){.user{min-width:auto}}