:root{--primary: #8b5cf6;--primary-hover: #7c3aed;--secondary: #10b981;--bg: #030712;--card-bg: rgba(17, 24, 39, .7);--text: #f9fafb;--text-dim: #9ca3af;--border: rgba(255, 255, 255, .1);--danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.1) 0px,transparent 50%);color:var(--text);min-height:100vh;overflow-x:hidden}.container{max-width:1300px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem}h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(to right,#a78bfa,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.subtitle{color:var(--text-dim);font-size:1.2rem}.grid{display:grid;grid-template-columns:350px 1fr;gap:2rem}@media(max-width:1024px){.grid{grid-template-columns:1fr}}@media(max-width:640px){.container{padding:1rem}header{margin-bottom:2rem}h1{font-size:2rem}.subtitle{font-size:1rem}.card{padding:1.5rem;border-radius:1rem}.stat-value{font-size:1.5rem}.chart-container{height:300px}}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000080}.input-group{margin-bottom:1.5rem}label{display:block;font-size:.875rem;font-weight:600;color:var(--text-dim);margin-bottom:.5rem}input,select{width:100%;background:#03071299;border:1px solid var(--border);border-radius:.75rem;padding:.75rem 1rem;color:var(--text);font-size:1rem;font-family:inherit;transition:all .2s}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf633}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff08;border:1px solid var(--border);padding:1.5rem;border-radius:1.25rem;text-align:center;position:relative;overflow:hidden}.stat-label{font-size:.875rem;color:var(--text-dim);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2rem;font-weight:700;color:var(--primary)}.stat-value.danger{color:var(--danger)}.stat-value.secondary{color:var(--secondary)}.chart-container{height:400px;margin-top:1rem}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-primary{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.badge-secondary{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.method-selector{display:flex;gap:.5rem;background:#03071266;padding:.4rem;border-radius:.8rem;margin-bottom:1.5rem;border:1px solid var(--border)}.method-btn{flex:1;border:none;background:transparent;color:var(--text-dim);padding:.6rem;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.method-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.info-banner{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);padding:1rem;border-radius:1rem;font-size:.85rem;line-height:1.5;color:var(--text-dim);margin-top:2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}