@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600;800&display=swap";:root{--bg-gradient:radial-gradient(circle at 50% 0%, #f8fafc 0%, #e2e8f0 40%, #cbd5e1 100%);--bg-pattern:#0ea5e90d;--card-bg:#ffffffa6;--card-bg-solid:#fff;--card-border:#ffffffd9;--card-glass-specular:linear-gradient(135deg, #ffffffe6 0%, #fff3 40%, #fff0 100%);--card-shadow:0 30px 60px -15px #0ea5e91f, 0 10px 25px -5px #0f172a14, 0 0 2px 1px #fff inset;--card-hover-shadow:0 35px 70px -15px #0ea5e940, 0 0 30px #0ea5e933, 0 0 4px 2px #fff inset;--text-main:#0f172a;--text-muted:#334155;--text-dim:#64748b;--accent-cyan:#0284c7;--accent-cyan-glow:#0284c759;--accent-purple:#7c3aed;--accent-purple-glow:#7c3aed4d;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--input-bg:#ffffffd9;--input-border:#94a3b866;--input-focus:#0284c7;--pill-bg:linear-gradient(135deg, #0284c71f 0%, #7c3aed1f 100%);--pill-text:#0284c7;--badge-bg:linear-gradient(135deg, #ffffffe6 0%, #f1f5f9cc 100%);--badge-border:#0284c74d;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-lg:28px;--radius-md:18px;--radius-sm:12px}[data-theme=dark]{--bg-gradient:radial-gradient(circle at 50% 0%, #0d1322 0%, #050811 50%, #020307 100%);--bg-pattern:#38bdf80a;--card-bg:#0f172aa6;--card-bg-solid:#0f172a;--card-border:#ffffff26;--card-glass-specular:linear-gradient(135deg, #ffffff26 0%, #ffffff08 40%, #fff0 100%);--card-shadow:0 30px 60px -15px #000c, 0 0 1px 1px #ffffff14 inset;--card-hover-shadow:0 35px 70px -12px #38bdf84d, 0 0 35px #38bdf840, 0 0 2px 1px #ffffff26 inset;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-dim:#64748b;--accent-cyan:#38bdf8;--accent-cyan-glow:#38bdf873;--accent-purple:#c084fc;--accent-purple-glow:#c084fc66;--accent-emerald:#34d399;--accent-amber:#fbbf24;--accent-rose:#fb7185;--input-bg:#1e293bbf;--input-border:#475569cc;--input-focus:#38bdf8;--pill-bg:linear-gradient(135deg, #38bdf82e 0%, #c084fc2e 100%);--pill-text:#38bdf8;--badge-bg:linear-gradient(135deg, #1e293bcc 0%, #0f172ae6 100%);--badge-border:#38bdf859}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(to right, var(--bg-pattern) 1px, transparent 1px), linear-gradient(to bottom, var(--bg-pattern) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:48px 48px;width:100%;height:100%;position:fixed;top:0;left:0}#root{z-index:1;flex-direction:column;gap:32px;max-width:1320px;margin:0 auto;padding:28px 24px 70px;display:flex;position:relative}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);backface-visibility:hidden;padding:28px;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .25s cubic-bezier(.16,1,.3,1);position:relative;transform:translateZ(0)}.glass-card:before{content:"";background:var(--card-glass-specular);pointer-events:none;opacity:.6;border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:60%;position:absolute;top:0;left:0;right:0}.glass-card:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent-cyan) 30%, var(--accent-purple) 70%, transparent 100%);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.glass-card:hover{box-shadow:var(--card-hover-shadow);border-color:#0284c766;transform:translateY(-2px)}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.gradient-text{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px var(--accent-cyan-glow));-webkit-background-clip:text}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(1,1fr)}}@media (width<=768px){.grid-2,.grid-4{grid-template-columns:repeat(1,1fr)}#root{gap:22px;padding:18px 14px 40px}.glass-card{padding:20px}}input[type=date],input[type=time],input[type=text],select{background:var(--input-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--input-border);color:var(--text-main);font-family:var(--font-main);border-radius:var(--radius-sm);outline:none;width:100%;padding:14px 18px;font-size:15px;font-weight:500;transition:border-color .25s,box-shadow .25s,background-color .25s;box-shadow:inset 0 4px 12px #00000008}input[type=date]:focus,input[type=time]:focus,input[type=text]:focus,select:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px var(--accent-cyan-glow), 0 4px 12px #0000000d inset}button.btn-futuristic{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%);color:#fff;font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 12px 25px -6px var(--accent-cyan-glow), 0 0 1px 1px #fff6 inset;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}button.btn-futuristic:before{content:"";pointer-events:none;background:linear-gradient(#ffffff59,#0000);height:50%;position:absolute;top:0;left:0;right:0}button.btn-futuristic:hover{box-shadow:0 18px 35px -6px var(--accent-cyan-glow), 0 0 20px var(--accent-purple-glow), 0 0 2px 1px #fff9 inset;transform:translateY(-3px)scale(1.02)}button.btn-futuristic:active{transform:translateY(-1px)scale(1)}button.btn-secondary{background:var(--pill-bg);color:var(--pill-text);border:1px solid var(--badge-border);-webkit-backdrop-filter:blur(10px);font-family:var(--font-main);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:background-color .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 4px 12px #00000008}button.btn-secondary:hover{background:var(--accent-cyan-glow);border-color:var(--accent-cyan);box-shadow:0 8px 20px -4px var(--accent-cyan-glow);transform:translateY(-2px)}@keyframes pulseGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 10px var(--accent-cyan));transform:scale(1.06)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:22s linear infinite spinSlow}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}