:root{--bg:#0a0e14;--surface:#131920;--card:#1a2029;--border:#2a3140;--text:#e6edf3;--muted:#8b949e;--accent:#58a6ff;--accent2:#388bfd;--green:#3fb950;--red:#f85149;--yellow:#d29922;--purple:#bc8cff;--gradient:linear-gradient(135deg, #58a6ff 0%, #bc8cff 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:10px 24px;font-size:.9em;font-weight:600;transition:all .2s;display:inline-block}.btn-primary{background:var(--gradient);color:#fff}.btn-primary:hover{opacity:.9;text-decoration:none;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--accent);text-decoration:none}.nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0e14eb;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.logo{background:var(--gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.3em;font-weight:800}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--muted);font-size:.9em;font-weight:500}.nav-links a:hover{color:var(--text);text-decoration:none}.form-group{margin-bottom:20px}.form-group label{color:var(--muted);margin-bottom:6px;font-size:.85em;font-weight:500;display:block}.form-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 14px;font-size:.95em;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--muted);opacity:.6}.form-error{color:var(--red);margin-top:6px;font-size:.85em}.form-success{color:var(--green);margin-top:6px;font-size:.85em}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:40px 20px;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:40px}.auth-card h1{margin-bottom:8px;font-size:1.6em;font-weight:700}.auth-card .subtitle{color:var(--muted);margin-bottom:28px;font-size:.9em}.auth-card .divider{text-align:center;color:var(--muted);margin:20px 0;font-size:.85em}.dashboard{max-width:1000px;margin:0 auto;padding:32px 40px}.dashboard h1{margin-bottom:8px;font-size:1.8em;font-weight:700}.dashboard .subtitle{color:var(--muted);margin-bottom:32px}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.dash-stat{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.dash-stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75em}.dash-stat .value{font-size:1.5em;font-weight:700}.dash-stat .value.green{color:var(--green)}.dash-stat .value.red{color:var(--red)}.dash-stat .value.blue{color:var(--accent)}.dash-card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:28px}.dash-card h2{margin-bottom:16px;font-size:1.15em}.status-badge{border-radius:20px;padding:4px 12px;font-size:.8em;font-weight:600;display:inline-block}.status-badge.active{color:var(--green);background:#3fb95026}.status-badge.inactive{color:var(--muted);background:#8b949e26}.status-badge.error{color:var(--red);background:#f8514926}.footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:40px;font-size:.85em}@media (max-width:768px){.nav{padding:12px 20px}.dashboard{padding:20px}.auth-card{padding:28px}.dash-grid{grid-template-columns:1fr 1fr}}