:root{--bg: #f3f6fb;--surface: #ffffff;--text: #102033;--muted: #4f6178;--primary: #0f4f8a;--primary-soft: #dceafd;--border: #d3deea;--danger: #ad2f3b;--shadow: 0 16px 36px rgba(16, 32, 51, .1);--radius: 14px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(circle at 5% 0%,#e8f0ff,transparent 45%),var(--bg)}h1,h2,h3,p{margin-top:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}input,button{font:inherit}input{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 12px}button{border:none;border-radius:10px;background:var(--primary);color:#fff;padding:10px 15px;cursor:pointer}button:hover{filter:brightness(.95)}.error-message{background:#fdeced;border:1px solid #f3c2c8;color:#8f2430;border-radius:10px;padding:9px 11px;margin-bottom:12px}.admin-auth-container{min-height:100vh;display:grid;place-items:center;padding:20px}.admin-auth-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.admin-auth-card form{display:grid;gap:12px}.admin-container{max-width:1200px;margin:0 auto;padding:20px}.admin-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:18px}.admin-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.admin-nav a{background:var(--primary-soft);border-radius:999px;padding:8px 12px;font-weight:600}.admin-nav button{background:var(--danger)}.admin-content{display:grid;gap:16px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.metric-card,.users-section,.cost-section,.scores-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.metric-value{font-size:1.65rem;font-weight:700;color:var(--primary)}.users-table{width:100%;border-collapse:collapse;margin-top:8px;min-width:1350px}.users-section{overflow-x:auto}.users-table th,.users-table td{border:1px solid var(--border);text-align:left;padding:10px}.users-table thead{background:#eff5fd}@media (max-width: 780px){.admin-container{padding:12px}.users-table{display:block;overflow-x:auto;white-space:nowrap}}
