:root{--bg-primary: #050814;--bg-secondary: #0a0f24;--bg-card: rgba(13, 20, 44, .75);--bg-card-hover: rgba(18, 28, 61, .85);--border-muted: rgba(59, 130, 246, .12);--border-focus: rgba(59, 130, 246, .4);--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .35);--accent-dim: rgba(59, 130, 246, .1);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .25);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .25);--success: #10b981;--success-glow: rgba(16, 185, 129, .25);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #475569;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 260px;--nav-height: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(13,20,44,.3) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(59,130,246,.05) 0%,transparent 50%);background-attachment:fixed;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.text-muted{color:var(--text-muted)}.text-mono{font-family:var(--font-mono);letter-spacing:-.05em}.card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-muted);border-radius:14px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.card:hover{border-color:#3b82f640;background:var(--bg-card-hover);box-shadow:0 12px 40px #00000073}.input,.textarea,.select{width:100%;padding:12px 16px;background:#050814cc;border:1px solid var(--border-muted);border-radius:8px;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:all .2s ease}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 12px var(--accent-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;outline:none;border:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 14px var(--danger-glow)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-warning{background:var(--warning);color:#000;box-shadow:0 4px 14px var(--warning-glow)}.btn-warning:hover{background:#d97706;transform:translateY(-1px)}.btn-secondary{background:#94a3b81a;color:var(--text-primary);border:1px solid var(--border-muted)}.btn-secondary:hover{background:#94a3b82e;border-color:var(--text-secondary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#3b82f614;color:var(--accent)}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--accent-dim);text-shadow:0 0 10px rgba(59,130,246,.3)}50%{box-shadow:0 0 25px var(--accent-glow);text-shadow:0 0 25px rgba(59,130,246,.7)}}@keyframes warningPulse{0%,to{box-shadow:0 0 8px #f59e0b33}50%{box-shadow:0 0 20px #f59e0b80}}@keyframes dangerPulse{0%,to{box-shadow:0 0 8px #ef444433;border-color:#ef44444d}50%{box-shadow:0 0 22px #ef444480;border-color:var(--danger)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-glow{animation:pulseGlow 2s infinite ease-in-out}.animate-warning-glow{animation:warningPulse 2.5s infinite ease-in-out}.animate-danger-glow{animation:dangerPulse 1.8s infinite ease-in-out}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .3s ease-in-out forwards}.app-container{display:flex;min-height:100vh;width:100vw}.app-content{flex:1;padding:30px;overflow-y:auto;height:100vh;margin-bottom:70px}@media (min-width: 768px){.app-content{margin-left:var(--sidebar-width);margin-bottom:0;padding:40px}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid-cols-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.grid-cols-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#3b82f626;color:var(--accent);border:1px solid rgba(59,130,246,.3)}.badge-success{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.badge-muted{background:#94a3b81a;color:var(--text-secondary)}.progress-bar-container{width:100%;height:6px;background:#94a3b81a;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:9999px;transition:width .4s ease}.pulsing-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulseGlow 1.2s infinite ease-in-out}.pulsing-dot:nth-child(2){animation-delay:.2s}.pulsing-dot:nth-child(3){animation-delay:.4s}