*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--surface:#1e293b;--border:#334155;--text:#f1f5f9;--muted:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--danger:#ef4444;--success:#10b981}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font:inherit}.container{max-width:1200px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.btn{padding:10px 18px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:600;transition:background .15s}.btn:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger)}.btn-outline{background:transparent}.btn-outline,input,textarea{border:1px solid var(--border);color:var(--text)}input,textarea{background:var(--bg);padding:10px 14px;border-radius:8px;font:inherit;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--primary)}table{width:100%;border-collapse:collapse}td,th{padding:12px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.nav{display:flex;gap:20px;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.nav a{color:var(--muted);font-weight:500}.nav a.active{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.stat{background:var(--surface);padding:20px;border-radius:12px;border:1px solid var(--border)}.stat-value{font-size:32px;font-weight:700}.stat-label{color:var(--muted);font-size:13px;margin-top:6px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.dash-2col{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}@media (max-width:768px){.dash-2col{grid-template-columns:1fr}.container{padding:16px 12px}.nav{gap:14px;padding:12px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;align-items:center}.nav a,.nav strong{font-size:14px;flex-shrink:0}.nav>div[style*=auto]{margin-left:12px!important;flex-shrink:0}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:14px}.stat-value{font-size:24px}.stat-label{font-size:12px}.card{padding:14px}h1{font-size:24px}table{font-size:13px}td,th{padding:9px 10px}th{font-size:11px}.btn{padding:10px 14px}}@media (max-width:420px){.grid{grid-template-columns:1fr 1fr}.stat-value{font-size:21px}}