*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#1e2130;--bg-hover:#252838;--border:#2a2d3a;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--text-muted:#6b7280;--accent-green:#34d399;--accent-blue:#60a5fa;--accent-purple:#a78bfa;--accent-orange:#fb923c;--accent-red:#f87171;--accent-cyan:#22d3ee;--accent-yellow:#fbbf24}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.dashboard{max-width:1400px;margin:0 auto;padding:2rem}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.header h1{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:700}.header-status{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.status-dot.online{background:var(--accent-green)}.status-dot.offline{background:var(--accent-red)}.status-dot.loading{background:var(--accent-yellow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all .2s}.stat-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.stat-card .label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem}.stat-card .value{font-size:1.5rem;font-weight:700}.stat-card .sub{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}.section{margin-bottom:2rem}.section-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.models-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.model-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all .2s;position:relative;overflow:hidden}.model-card:hover{border-color:var(--accent-blue)}.model-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.model-card.tier-local:before{background:var(--accent-green)}.model-card.tier-deepseek:before{background:var(--accent-cyan)}.model-card.tier-openrouter:before{background:var(--accent-purple)}.model-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.model-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.model-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.2rem .5rem;font-size:.625rem;font-weight:600}.model-badge.local{color:var(--accent-green);background:#34d39926}.model-badge.deepseek{color:var(--accent-cyan);background:#22d3ee26}.model-badge.openrouter{color:var(--accent-purple);background:#a78bfa26}.model-meta{color:var(--text-secondary);gap:1rem;font-size:.75rem;display:flex}.model-meta span{align-items:center;gap:.25rem;display:flex}.model-status{align-items:center;gap:.375rem;margin-top:.75rem;font-size:.75rem;display:flex}.model-status .dot{border-radius:50%;width:6px;height:6px}.model-status .dot.ok{background:var(--accent-green)}.model-status .dot.error{background:var(--accent-red)}.model-status .dot.unknown{background:var(--accent-yellow)}.test-btn{border:1px solid var(--border);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;border-radius:6px;margin-top:.75rem;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}.test-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.test-btn:disabled{opacity:.5;cursor:not-allowed}.test-result{background:var(--bg-primary);color:var(--text-secondary);border-radius:6px;max-height:60px;margin-top:.5rem;padding:.5rem;font-family:monospace;font-size:.7rem;overflow-y:auto}.usage-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.usage-table{border-collapse:collapse;width:100%}.usage-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.75rem .5rem;font-size:.75rem}.usage-table td{border-bottom:1px solid var(--border);padding:.75rem .5rem;font-size:.875rem}.usage-table tr:last-child td{border-bottom:none}.usage-table tr:hover td{background:var(--bg-hover)}.config-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:1rem;padding:1.5rem}.config-block{background:var(--bg-primary);color:var(--text-secondary);white-space:pre;border-radius:8px;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;overflow-x:auto}.refresh-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.refresh-btn:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.error-banner{color:var(--accent-red);background:#f871711a;border:1px solid #f871714d;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.loading-spinner{border:2px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.dashboard{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.models-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:1rem}}