@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary:#5048e5;--primary-light:#f0f0ff;--secondary:#0da2e7;--accent:#ec4699;--success:#00b359;--warning:#f5930a;--bg-main:#f9f9fb;--bg-card:#ffffffd9;--border-card:#ffffff80;--text-main:#0f1729;--text-muted:#65758b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #00000014;--glass-shadow:0 8px 32px 0 #1f268712;--radius-lg:24px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 0 0,#f0f0ff 0%,#f9f9fb 50%,#f0faff 100%) fixed;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5}.app-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}header{margin-bottom:4rem}h1{background:linear-gradient(135deg, var(--primary) 20%, var(--secondary) 80%);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.subtitle{color:var(--text-muted);letter-spacing:-.01em;font-size:1.25rem;font-weight:500}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-panel:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.tabs-container{justify-content:center;margin-bottom:2.5rem;display:flex}.tabs{background:#65758b0d;border-radius:20px;gap:.25rem;padding:.4rem;display:flex}.tab-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:16px;align-items:center;gap:.6rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.tab-btn:hover{color:var(--primary);background:#5048e508}.tab-btn.active{color:var(--primary);box-shadow:var(--shadow-md);background:#fff;transform:scale(1.02)}.dash-grid{grid-template-columns:1fr 380px;align-items:start;gap:2.5rem;display:grid}.main-content{flex-direction:column;gap:2rem;display:flex}.stat-card{padding:2rem;position:relative;overflow:hidden}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:flex}.stat-value{color:var(--primary);letter-spacing:-.02em;font-size:2.75rem;font-weight:800;line-height:1}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:1.25rem 2rem;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #5048e54d}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 15px 25px -5px #5048e566}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;filter:none;background:#e2e8f0}.tier-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem;display:grid}.tier-card{border-radius:var(--radius-md);text-align:center;background:#fff;border:2px solid #0000;padding:1.5rem;transition:all .3s}.tier-card.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:var(--shadow-lg);transform:scale(1.05)}.notification{z-index:1000;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);align-items:center;gap:.75rem;padding:1.25rem 2rem;font-weight:700;animation:.5s cubic-bezier(.18,.89,.32,1.28) forwards slideIn;display:flex;position:fixed;top:2rem;right:2rem}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notif-success{color:var(--success);border-left:6px solid var(--success);background:#fff}.notif-error{color:var(--accent);border-left:6px solid var(--accent);background:#fff}.live-indicator{background:var(--success);border-radius:50%;width:10px;height:10px;position:relative}.live-indicator:after{content:"";background:var(--success);border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3)}}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.dash-grid{grid-template-columns:1fr}}@media (width<=640px){h1{font-size:2.25rem}.tier-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}}