:root{--bg:#f7f8fa;--surface:#fff;--border:#e3e6ea;--text:#111827;--muted:#6b7280;--primary:#0f766e;--primary-soft:#ccfbf1;--danger:#b91c1c;--success:#15803d;--success-soft:#dcfce7}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:var(--primary)}.shell{min-height:100vh;display:flex}.side{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:232px;padding:20px 16px;display:flex}.side h1{margin:0 0 16px;font-size:20px}.side a{color:var(--text);border-radius:8px;padding:8px 12px;text-decoration:none;display:block}.side a:hover{background:var(--bg)}.side a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.main{flex:1;max-width:1200px;padding:24px 28px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--muted);font-size:13px;font-weight:600}.badge{color:var(--muted);background:#eef2f7;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.live{background:var(--success-soft);color:var(--success)}input,button,select{font:inherit;border:1px solid var(--border);border-radius:8px;padding:10px 12px}button{background:var(--primary);color:#fff;cursor:pointer;border:none}button.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.muted{color:var(--muted)}.row{align-items:center;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.login{max-width:380px;margin:12vh auto}.login .card{flex-direction:column;gap:10px;display:flex}@media (max-width:800px){.shell{flex-direction:column}.side{flex-direction:row;width:auto;overflow-x:auto}.main{padding:16px}}