:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--bg-base:#020617;--card-bg:#0f172a8c;--card-border:#ffffff0d;--card-glow:#6366f108;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-secondary:#a855f7;--color-success:#10b981;--color-success-hover:#059669;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dark:#64748b;--gradient-main:linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-bg:radial-gradient(circle at 50% 0%, #1e1b4b 0%, var(--bg-base) 70%)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-sans);background-color:var(--bg-base);background-image:var(--gradient-bg);color:var(--text-main);overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}p{color:var(--text-muted);line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s;overflow:hidden;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#6366f126}.glow-spot{pointer-events:none;filter:blur(140px);z-index:0;border-radius:50%;position:absolute}.glow-indigo{background:#6366f114;width:50vw;height:50vw;top:-10%;left:-10%}.glow-purple{background:#a855f70f;width:45vw;height:45vw;bottom:-10%;right:-10%}.btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 4px 20px #6366f140}.btn-primary:hover{brightness:1.1;transform:translateY(-2px);box-shadow:0 6px 24px #6366f159}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-main);background:#ffffff08;border:1px solid #ffffff14}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff26}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.85rem;font-weight:600}.input-field{color:var(--text-main);font-family:var(--font-sans);background:#0f172acc;border:1px solid #ffffff14;border-radius:14px;outline:none;padding:14px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.app-container{z-index:10;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.login-card{width:100%;max-width:440px;padding:40px;animation:.4s ease-out fadeIn}.brand-header{text-align:center;margin-bottom:30px}.brand-icon{background:var(--gradient-main);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:28px;display:flex;box-shadow:0 8px 24px #6366f140}.brand-title{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:2.2rem}.brand-subtitle{color:var(--text-muted);font-size:.95rem}.connect-card{width:100%;max-width:680px;padding:40px}.integration-list{flex-direction:column;gap:20px;margin:30px 0;display:flex}.integration-item{align-items:center;justify-content:justify;background:#0f172a66;border:1px solid #ffffff0d;border-radius:20px;gap:20px;padding:24px;transition:all .2s;display:flex}.integration-item:hover{background:#0f172a99;border-color:#ffffff1a}.provider-logo{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;display:flex}.provider-info{flex:1}.provider-name{color:#fff;margin-bottom:4px;font-size:1.1rem}.provider-desc{color:var(--text-muted);font-size:.85rem}.badge-connected{color:var(--color-success);background:#10b9811a;border:1px solid #10b98133;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700}.dashboard-container{width:100%;max-width:1200px;padding:20px;animation:.4s ease-out fadeIn}.dashboard-header{border-b:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:24px;display:flex}.dashboard-user{align-items:center;gap:12px;display:flex}.user-avatar{background:var(--gradient-main);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.grid-2col{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=960px){.grid-2col{grid-template-columns:1.2fr .8fr}}.dash-card{margin-bottom:30px;padding:28px}.dash-card-title{color:#fff;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:1.2rem;display:flex}.stat-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-item{background:#0f172a66;border:1px solid #ffffff0a;border-radius:16px;padding:20px}.stat-label{text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:600}.stat-val{color:#fff;margin-top:4px;font-size:1.8rem;font-weight:800}.stat-val span{color:var(--text-muted);font-size:.9rem;font-weight:400}.bars-container{justify-content:space-between;align-items:flex-end;height:140px;padding-top:20px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;display:flex}.bar-fill{background:#ffffff0d;border-radius:6px 6px 0 0;width:32px;transition:height .6s,background .3s}.bar-fill.active{background:var(--gradient-main)}.bar-label{color:var(--text-muted);margin-top:8px;font-size:.75rem}.act-list{flex-direction:column;gap:12px;display:flex}.act-item{background:#0f172a4d;border:1px solid #ffffff08;border-radius:14px;justify-content:space-between;align-items:center;padding:16px;display:flex}.act-left{align-items:center;gap:12px;display:flex}.act-icon{background:#6366f114;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.act-details p:first-child{color:#fff;font-size:.9rem;font-weight:600}.act-details p:last-child{color:var(--text-muted);font-size:.75rem}.act-right{text-align:right}.act-right p:first-child{color:#fff;font-size:.95rem;font-weight:700}.act-right p:last-child{color:var(--text-muted);font-size:.75rem}.coach-section{border-left:4px solid var(--color-success);background:linear-gradient(135deg,#0f172acc,#10b98108)}