@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg-primary: #0b0c10;--bg-secondary: #13151c;--text-primary: #f0f0f5;--text-secondary: #a0a5b5;--text-muted: #6b7280;--accent-primary: #00f2fe;--accent-secondary: #4facfe;--accent-gradient: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--accent-glow: rgba(0, 242, 254, .4);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .01) 100%);--glass-border: rgba(255, 255, 255, .06);--glass-glare: inset 0 1px 1px rgba(255, 255, 255, .08);--glass-shadow: 0 16px 32px 0 rgba(0, 0, 0, .4);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-smooth: .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,Inter,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden;background-attachment:fixed}.bg-orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:floatOrb 9s infinite ease-in-out alternate}.orb-1{width:400px;height:400px;background:#00f2fe33;top:-50px;left:-100px;animation-duration:8s}.orb-2{width:500px;height:500px;background:#4facfe26;bottom:-100px;right:-100px;animation-duration:10s;animation-delay:-5s}.orb-3{width:350px;height:350px;background:#8764ff26;top:30%;left:50%;animation-duration:7s;animation-delay:-3s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}33%{transform:translate(150px,-150px) scale(1.15)}66%{transform:translate(-100px,150px) scale(.85)}to{transform:translate(0) scale(1)}}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.02em}p,span,small,input,button,textarea{font-family:Inter,sans-serif}.container{width:100%;max-width:600px;margin:0 auto;padding:24px 20px 100px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow),var(--glass-glare);padding:24px;position:relative;overflow:hidden;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.glass-panel:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff08,#fff0);transform:skew(-20deg);transition:left .7s ease-in-out}.glass-panel:hover:before{left:150%}.glass-panel:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000080,var(--glass-glare)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-smooth);border:none;outline:none}.btn:active,.btn-ghost:active,button:active{transform:scale(.96)!important;transition:transform .1s}.btn-primary{background:var(--accent-gradient);color:#0b0c10;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow);filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,#ffffff0d,#ffffff03);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-glare)}.btn-secondary:hover{background:linear-gradient(135deg,#ffffff14,#ffffff05);transform:translateY(-2px);box-shadow:0 4px 12px #0003,var(--glass-glare)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-field{width:100%;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #00f2fe33}.input-field::placeholder{color:var(--text-muted)}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}select.input-field:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300f2fe' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.stat-value{font-size:2rem;font-weight:800;font-family:Space Grotesk,sans-serif;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.recharts-wrapper:focus,.recharts-wrapper :focus{outline:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeInUp .5s ease-out forwards;opacity:0}.animate-slide-right{animation:slideInRight .4s ease-out forwards;opacity:0}@keyframes floatAndPulse{0%{transform:translateY(0);box-shadow:0 0 15px #00f2fe66}50%{transform:translateY(-4px);box-shadow:0 0 30px #00f2fecc}to{transform:translateY(0);box-shadow:0 0 15px #00f2fe66}}.fab-pulse{animation:floatAndPulse 3s infinite ease-in-out}.text-center{text-align:center}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .3s}.bottom-sheet-overlay.open{opacity:1;pointer-events:auto}.bottom-sheet-content{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px #0009,var(--glass-glare)}.bottom-sheet-overlay.open .bottom-sheet-content{transform:translateY(0)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:24px;border:1px solid var(--glass-border)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}input:focus+.toggle-slider{box-shadow:0 0 8px var(--accent-glow)}input:checked+.toggle-slider:before{transform:translate(20px)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--glass-border);gap:12px}.setting-row:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:2px;flex:1}.setting-title{font-weight:500;font-size:.9375rem;color:var(--text-primary)}.setting-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.35;padding-right:12px}