/* admin-fallback.css — safe, lightweight defaults for Admin UI */
:root{
  --bg:#f3f5f9; --card:#ffffff; --text:#0c1222; --muted:#5b6b84; --primary:#1e66ff; --ring:rgba(30,102,255,.25);
  --radius:14px; --shadow:0 8px 24px rgba(16,24,40,.06);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
.navbar{background:var(--primary);color:#fff}
.container{max-width:1200px;margin:0 auto;padding:24px}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Inter,ui-sans-serif,system-ui;font-weight:700;letter-spacing:-.01em}
h1{font-size:32px;margin:20px 0}
h2{font-size:22px;margin:16px 0}
.grid{display:grid;gap:18px}
.grid.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border:1px solid #e8edf5}
.card .title{font-weight:600;margin-bottom:6px}
.card .sub{color:var(--muted);font-size:14px}
.tabbar{display:flex;gap:22px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}
.tabbar a{padding:10px 2px;color:var(--muted);font-weight:600}
.tabbar a.active{color:var(--text);border-bottom:2px solid var(--primary)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:var(--text)}
.btn.primary{background:var(--primary);color:#fff;border-color:transparent}
input,select,button{font:inherit}
:focus{outline:2px solid var(--ring);outline-offset:2px}