@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#090a0f;--bg-darker:#050508;--card-bg:#11131ca6;--card-bg-hover:#171a26cc;--card-border:#ffffff0f;--card-border-active:#00f0ff4d;--primary:#00f0ff;--primary-rgb:0, 240, 255;--secondary:#4facfe;--success:#10b981;--success-rgb:16, 185, 129;--warning:#f59e0b;--danger:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 8px 30px -10px #000000b3;--shadow-glow:0 0 20px #00f0ff26}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#4facfe12 0,#0000 50%),radial-gradient(at 100% 100%,#00f2fe0d 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border-radius:20px;padding:1.5rem}.glass-card:hover{background:var(--card-bg-hover);border-color:#ffffff17;transform:translateY(-2px)}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600}h1{background:linear-gradient(135deg, #fff 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dashboard-grid{flex-grow:1;grid-template-columns:1.2fr .8fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=968px){.dashboard-grid{grid-template-columns:1fr}}button{font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;font-weight:500}.btn-primary{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#030712;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px 14px #00f2fe4d}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 20px #00f2fe66}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:.75rem 1.5rem}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #00f2fe26}50%{box-shadow:0 0 25px #00f2fe59}}@keyframes pulse-rep{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse-target{animation:.25s cubic-bezier(.175,.885,.32,1.275) pulse-rep}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (width<=600px){#root{padding:.75rem}.dashboard-grid{gap:1rem;margin-top:1rem}.glass-card{border-radius:16px;padding:1.15rem}header h1{font-size:2rem!important}header p{line-height:1.3;font-size:.8rem!important}header>div:first-child{flex-direction:column;align-items:stretch!important;gap:.75rem!important}header>div:first-child>div:last-child{justify-content:flex-start;width:100%;gap:.5rem!important;margin-top:0!important}header>div:last-child{width:100%;grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important;display:grid!important}header>div:last-child>div{text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem!important;padding:.4rem .5rem!important}header>div:last-child>div svg{width:14px;height:14px}header>div:last-child>div span{font-size:.55rem!important}header>div:last-child>div span:last-child{font-size:.75rem!important}}
