:root{--bg-primary: #0f0f23;--bg-secondary: #0a0a1a;--bg-tertiary: #050510;--bg-card: rgba(26, 26, 46, .6);--bg-card-hover: rgba(26, 26, 46, .8);--bg-input: rgba(0, 0, 0, .3);--bg-input-focus: rgba(0, 0, 0, .4);--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-muted: #a1a1aa;--text-dim: #71717a;--accent-cyan: #00d4ff;--accent-purple: #7c3aed;--accent-pink: #ec4899;--accent-green: #10b981;--accent-red: #f87171;--accent-yellow: #fbbf24;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);--gradient-secondary: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--border-subtle: rgba(255, 255, 255, .1);--border-muted: rgba(255, 255, 255, .05);--border-accent: rgba(0, 212, 255, .3);--border-accent-hover: rgba(0, 212, 255, .5);--shadow-card: 0 4px 12px rgba(0, 0, 0, .3);--shadow-glow: 0 8px 32px rgba(0, 212, 255, .15), 0 4px 16px rgba(124, 58, 237, .1);--page-padding: 2rem;--card-padding: 1.5rem;--card-radius: 12px;--card-radius-lg: 16px}@media(max-width:767px){:root{--page-padding: 1rem;--card-padding: 1rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;color:var(--text-secondary);background:var(--bg-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.2;margin-bottom:.5rem}p{color:var(--text-muted);margin-bottom:1rem}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s}a:hover{color:#4dd8ff}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--card-radius);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);padding:var(--card-padding)}.glass-card-hover{transition:all .3s ease}.glass-card-hover:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px);background:var(--bg-card-hover)}input,textarea,select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .2s ease;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-accent);background:var(--bg-input-focus)}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}button,.btn{padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:#00d4ff33;border:1px solid var(--border-accent);color:var(--accent-cyan)}.btn-primary:hover:not(:disabled){background:#00d4ff4d;border-color:var(--border-accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){border-color:var(--border-accent);background:var(--bg-card-hover)}.btn-danger{background:#f8717133;border:1px solid rgba(248,113,113,.3);color:var(--accent-red)}.btn-danger:hover:not(:disabled){background:#f871714d}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle)}th{font-weight:600;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}td{color:var(--text-secondary)}tbody tr:hover{background:#00d4ff08}tbody tr:last-child td{border-bottom:none}.gradient-text{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;color:transparent}.page-container{padding:var(--page-padding);max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{font-size:1rem;color:var(--text-muted)}.pill{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:500}.pill-cyan{background:#00d4ff26;border:1px solid rgba(0,212,255,.3);color:var(--accent-cyan)}.pill-purple{background:#7c3aed26;border:1px solid rgba(124,58,237,.3);color:var(--accent-purple)}.pill-green{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:var(--accent-green)}.pill-group{display:flex;gap:.25rem;background:var(--bg-input);padding:.25rem;border-radius:8px;border:1px solid var(--border-subtle);overflow:hidden}.pill-group button{flex:1;min-width:0;padding:.4rem .5rem;border:none;background:transparent;color:var(--text-dim);font-size:.8rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-group button:hover{color:var(--text-secondary)}.pill-group button.active{background:var(--bg-card);color:var(--accent-cyan);box-shadow:0 1px 3px #0000004d}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.success{background:var(--accent-green)}.status-dot.warning{background:var(--accent-yellow)}.status-dot.error{background:var(--accent-red)}.status-dot.info{background:var(--accent-cyan)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-dim)}.error-message{color:var(--accent-red);background:#f871711a;border:1px solid rgba(248,113,113,.2);padding:1rem;border-radius:8px}.success-message{color:var(--accent-green);background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:1rem;border-radius:8px}.app{min-height:100vh;background:var(--bg-primary)}