*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #161b25;--bg-hover: #1a2030;--border: #1e293b;--border-light: #263040;--text-primary: #e8ecf2;--text-secondary: #8b95a5;--text-muted: #5a6577;--accent: #3b82f6;--accent-hover: #2563eb;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--purple: #8b5cf6;--pink: #ec4899;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 24px rgba(0,0,0,.4);--transition: all .2s ease}html{font-size:15px;-webkit-font-smoothing:antialiased}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{font-weight:600;letter-spacing:-.3px}h2{font-size:1.25rem}h3{font-size:1rem}button{cursor:pointer;font-family:inherit;font-weight:500;font-size:.8rem;border:none;border-radius:var(--radius-sm);padding:8px 16px;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:5px}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 16px #3b82f64d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-warning{background:var(--warning);color:#000}.btn-warning:hover{background:#d97706}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:4px 10px;font-size:.7rem;border-radius:4px}input,select,textarea{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-family:inherit;font-size:.85rem;transition:var(--transition);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:.85rem}thead tr{background:var(--bg-secondary)}th{padding:10px 14px;text-align:left;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:2px solid var(--border)}td{padding:10px 14px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}tbody tr{transition:var(--transition)}tbody tr:hover{background:var(--bg-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#10b98126;color:var(--success)}.badge-danger{background:#ef444426;color:var(--danger)}.badge-info{background:#3b82f626;color:var(--accent)}.badge-warning{background:#f59e0b26;color:var(--warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse-dot{width:7px;height:7px;border-radius:50%;display:inline-block;animation:pulse 1.5s infinite}.toggle{width:36px;height:20px;border-radius:10px;background:var(--border);position:relative;cursor:pointer;transition:var(--transition)}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:var(--transition)}.toggle.on:after{left:18px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;min-width:400px;max-width:90vw;box-shadow:var(--shadow-lg)}