:root{--bg-primary:#08080f;--bg-secondary:#0f0f1a;--bg-card:#ffffff0a;--bg-card-hover:#ffffff0f;--bg-input:#ffffff0d;--border-color:#ffffff14;--border-hover:#ffffff29;--border-focus:#6366f199;--text-primary:#f1f1f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#6366f1;--accent-hover:#818cf8;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--error:#ef4444;--error-bg:#ef44441a;--info:#0ea5e9;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 40px #6366f126;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 15% 5%,#6366f11f,#0000),radial-gradient(50% 60% at 85% 95%,#8b5cf617,#0000),radial-gradient(35% 35%,#0ea5e90a,#0000);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}.auth-shell{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (width<=900px){.auth-shell{grid-template-columns:1fr}.auth-branding{display:none}}.auth-branding{border-right:1px solid var(--border-color);background:linear-gradient(160deg,#6366f126 0%,#8b5cf614 50%,#0000 100%);flex-direction:column;justify-content:space-between;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-branding:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f133 0%,#0000 70%);width:80%;height:80%;position:absolute;top:-40%;left:-20%}.brand-logo{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.brand-logo-icon{background:var(--accent-gradient);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;box-shadow:0 4px 20px #6366f166}.brand-tagline{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1rem;font-size:2.2rem;font-weight:700;line-height:1.2}.brand-tagline span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-description{color:var(--text-secondary);max-width:400px;font-size:1rem;line-height:1.7}.brand-features{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.brand-feature{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.brand-feature-icon{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.brand-footer{color:var(--text-muted);font-size:.8rem}.auth-panel{background:var(--bg-primary);justify-content:center;align-items:center;padding:2rem;display:flex}.auth-card{width:100%;max-width:420px}.auth-card-header{margin-bottom:2rem}.auth-card-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.4rem;font-size:1.75rem;font-weight:700}.auth-card-subtitle{color:var(--text-secondary);font-size:.95rem}.auth-card-subtitle a{color:var(--accent-hover);font-weight:500;text-decoration:none}.auth-card-subtitle a:hover{text-decoration:underline}.social-buttons{flex-direction:column;gap:.65rem;margin-bottom:1.5rem;display:flex}.social-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:.9rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);text-align:center;justify-content:center;align-items:center;gap:.65rem;width:100%;padding:.75rem 1rem;display:flex}.social-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.social-btn:active{transform:translateY(0)}.social-btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.auth-divider{color:var(--text-muted);align-items:center;gap:1rem;margin:1.25rem 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);transition:var(--transition);outline:none;width:100%;padding:.75rem 1rem}.form-input:focus{border-color:var(--border-focus);background:#6366f10d;box-shadow:0 0 0 3px #6366f11f}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{opacity:.5;cursor:not-allowed}select.form-input{appearance:none;cursor:pointer}.form-error{color:var(--error);margin-top:.25rem;font-size:.8rem}.password-strength{margin-top:.5rem}.strength-bar{background:var(--border-color);border-radius:2px;height:3px;margin-bottom:.25rem;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.strength-fill.weak{background:var(--error);width:33%}.strength-fill.fair{background:var(--warning);width:66%}.strength-fill.strong{background:var(--success);width:100%}.strength-text{color:var(--text-muted);font-size:.75rem}.form-checkbox-row{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.85rem;display:flex}.form-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:2px}.form-checkbox-row a{color:var(--accent-hover);text-decoration:none}.form-checkbox-row a:hover{text-decoration:underline}.btn-primary{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;width:100%;font-size:.95rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.85rem 1.5rem;display:flex;box-shadow:0 4px 20px #6366f159}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.875rem;display:flex}.alert-error{background:var(--error-bg);color:#fca5a5;border:1px solid #ef444433}.alert-success{background:var(--success-bg);color:#6ee7b7;border:1px solid #10b98133}.alert-icon{flex-shrink:0;margin-top:1px;font-size:1rem}.onboarding-shell{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.onboarding-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:540px;box-shadow:var(--shadow-lg);padding:2.5rem}.onboarding-header{text-align:center;margin-bottom:2rem}.onboarding-provider-badge{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.8rem;display:inline-flex}.onboarding-title{letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.onboarding-subtitle{color:var(--text-secondary);max-width:360px;margin:0 auto;font-size:.9rem}.prefilled-note{color:var(--text-muted);border-radius:var(--radius-sm);background:#6366f112;border:1px solid #6366f126;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.form-grid{grid-template-columns:1fr}}.dashboard-shell{max-width:1100px;min-height:100vh;margin:0 auto;padding:2rem}.dashboard-topbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.dashboard-brand{letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;display:flex}.dashboard-brand-icon{background:var(--accent-gradient);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.btn-signout{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);background:0 0;padding:.5rem 1.25rem}.btn-signout:hover{border-color:var(--error);color:var(--error);background:var(--error-bg)}.auth-success-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#10b98114,#06b6d40d);border:1px solid #10b98133;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.auth-success-icon{background:#10b98126;border:1px solid #10b9814d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.auth-success-title{color:#6ee7b7;margin-bottom:.2rem;font-size:1.15rem;font-weight:700}.auth-success-subtitle{color:var(--text-secondary);font-size:.875rem}.provider-badge{border-radius:100px;align-items:center;gap:.4rem;margin-left:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.provider-badge.microsoft{color:#7dd3fc;background:#00a4ef26;border:1px solid #00a4ef4d}.provider-badge.google{color:#fca5a5;background:#ea43351f;border:1px solid #ea433540}.provider-badge.linkedin{color:#93c5fd;background:#0a66c21f;border:1px solid #0a66c240}.provider-badge.email{color:#c4b5fd;background:#6366f11f;border:1px solid #6366f140}.dash-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.dash-grid.single{grid-template-columns:1fr}@media (width<=768px){.dash-grid{grid-template-columns:1fr}}.dash-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition);padding:1.5rem}.dash-card:hover{border-color:var(--border-hover)}.dash-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.75rem;font-weight:600;display:flex}.profile-row{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.profile-avatar{background:var(--accent-gradient);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:700;display:flex;box-shadow:0 4px 16px #6366f14d}.profile-name{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.profile-email{color:var(--text-secondary);margin-top:.1rem;font-size:.85rem}.attrs-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=480px){.attrs-grid{grid-template-columns:1fr}}.attr-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;padding:.65rem .85rem}.attr-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.7rem}.attr-value{color:var(--text-primary);word-break:break-all;font-size:.875rem;font-weight:500}.token-section{margin-bottom:1.25rem}.token-toggle{cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);transition:var(--transition);-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:500;font-family:var(--font-sans);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;display:flex}.token-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.token-body{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#0000004d;margin-top:.5rem;overflow:hidden}.token-claims{flex-direction:column;gap:.4rem;padding:1rem;display:flex}.claim-row{border-bottom:1px solid #ffffff08;align-items:flex-start;gap:.75rem;padding:.3rem 0;font-size:.8rem;display:flex}.claim-row:last-child{border-bottom:none}.claim-key{color:var(--accent-hover);font-family:var(--font-mono);flex-shrink:0;min-width:120px}.claim-value{color:var(--text-secondary);word-break:break-all}.token-raw{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;max-height:120px;padding:1rem;font-size:.72rem;line-height:1.6;overflow-y:auto}.loading-fullscreen{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.9rem;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}