:root{--bg-primary:#0a0e1a;--bg-secondary:#121829;--bg-tertiary:#1b233d;--primary:#00d2ff;--primary-rgb:0, 210, 255;--primary-hover:#00b4db;--accent:#7b2cbf;--accent-hover:#9d4edd;--text-main:#f3f4f6;--text-muted:#9ca3af;--border:#ffffff14;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--glass-bg:#121829bf;--glass-border:#ffffff0f;--glass-blur:blur(16px);--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow:0 10px 30px #0006;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--radius:12px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-family);scroll-behavior:smooth;min-height:100vh;overflow-x:hidden}body{flex-direction:column;display:flex}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}.dashboard-container{background:radial-gradient(circle at 10% 20%,#0c1428 0%,#0a0e1a 90%);min-height:100vh;display:flex}.sidebar{background:var(--glass-bg);width:260px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);z-index:100;height:100vh;transition:var(--transition);flex-direction:column;gap:2rem;padding:2rem 1.5rem;display:flex;position:fixed}.main-content{min-height:100vh;transition:var(--transition);background:0 0;flex:1;margin-left:260px;padding:2rem 3rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);padding:1.5rem}.glass-card:hover{border-color:#00d2ff40;transform:translateY(-2px);box-shadow:0 12px 40px #00d2ff0d}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#050510;box-shadow:0 4px 15px #00d2ff4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00d2ff66}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff0d}.btn-danger{background:var(--danger);color:var(--text-main)}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 15px #ef44444d}.input-field{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);width:100%;transition:var(--transition);outline:none;padding:.75rem 1rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px #00d2ff33}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-critical{color:var(--danger);background:#ef444426;border:1px solid #ef444440}.badge-warning{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b40}.badge-success{color:var(--success);background:#10b98126;border:1px solid #10b98140}.badge-info{color:var(--primary);background:#00d2ff26;border:1px solid #00d2ff40}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.mobile-toggle-btn{display:none!important}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, #ffffff0d 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{pointer-events:auto;min-width:320px;max-width:400px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-left:4px solid var(--primary);border-top:1px solid var(--glass-border);border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow);background:#121829d9;border-radius:8px;align-items:flex-start;gap:.75rem;padding:1rem;transition:opacity .25s,transform .25s;animation:.3s cubic-bezier(.16,1,.3,1) toast-slide-in;display:flex}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.dsa-visualizer-grid{grid-template-columns:1fr 280px;gap:1.5rem;display:grid}@media (max-width:1400px){.grid-cols-2{grid-template-columns:1fr}}@media (max-width:768px){.dsa-visualizer-grid{grid-template-columns:1fr}}@media (max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:5px 0 35px #000000b3}.main-content{margin-left:0;padding:5rem 1.5rem 1.5rem}.mobile-toggle-btn{display:flex!important}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.toast-container{bottom:1rem;left:1rem;right:1rem}.toast{min-width:100%}}