:root{color-scheme:light;--font-sans:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-editorial:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sidebar-width:248px;--topbar-height:48px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--space-40:40px;--space-48:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--gray-50:#fbfaf8;--gray-100:#f5f3ef;--gray-150:#ece9e3;--gray-200:#e2ded5;--gray-300:#cec7ba;--gray-400:#aaa296;--gray-500:#827b71;--gray-600:#625d55;--gray-700:#444039;--gray-800:#2a2722;--gray-900:#15130f;--surface:#ffffff;--surface-muted:#f5f0e4;--bg:#f1ead9;--bg-sidebar:#f1ead9;--bg-topbar:rgba(241,234,217,0.92);--border:rgba(23,24,23,0.1);--border-subtle:rgba(23,24,23,0.06);--border-strong:rgba(23,24,23,0.18);--text:#171817;--text-muted:rgba(23,24,23,0.6);--text-subtle:rgba(23,24,23,0.42);--sky-100:#ebeeff;--sky-200:#dbe0ff;--sky-300:#b4bdff;--sky-500:#4a5fe0;--sky-700:#26307d;--coral-100:#ffedec;--coral-300:#ffb5b0;--coral-500:#e04a42;--coral-700:#7c211c;--amber-100:#f8f1dc;--amber-300:#e6d29b;--amber-500:#a3812c;--amber-700:#573f10;--lavender-100:#f0edff;--lavender-300:#c6bcff;--lavender-500:#6a58d6;--lavender-700:#362a75;--sage-100:#eef5e6;--sage-300:#bcd3a6;--sage-500:#5c7f3c;--sage-700:#2f4520;--mint-100:#edfbdf;--mint-300:#bfee96;--mint-500:#63a52e;--mint-700:#33591a;--asana-blue:#556dff;--asana-blue-strong:#4a5fe0;--asana-blue-soft:#ebeeff;--asana-blue-border:#b4bdff;--asana-blue-ink:#26307d;--asana-teal:#5c7f3c;--asana-teal-soft:#eef5e6;--asana-teal-ink:#2f4520;--asana-cyan:#4a5fe0;--asana-cyan-soft:#dbe0ff;--asana-cyan-ink:#26307d;--asana-green:#63a52e;--asana-green-soft:#edfbdf;--asana-green-ink:#33591a;--asana-yellow:#a3812c;--asana-yellow-soft:#f8f1dc;--asana-yellow-ink:#573f10;--asana-orange:#c2623a;--asana-orange-soft:#fbe9df;--asana-orange-ink:#6b3216;--asana-red:#e04a42;--asana-red-soft:#ffedec;--asana-red-ink:#7c211c;--asana-indigo:#6a58d6;--asana-purple:#6a58d6;--asana-purple-soft:#f0edff;--asana-purple-ink:#362a75;--asana-pink:#e04a42;--asana-pink-soft:#ffedec;--asana-pink-ink:#7c211c;--indigo-50:#f6f4ff;--indigo-100:#f0edff;--indigo-200:#ddd6ff;--indigo-300:#c6bcff;--indigo-400:#9c8bf0;--indigo-500:var(--asana-indigo);--indigo-600:#5a48c2;--indigo-700:#362a75;--asana-ink:#171817;--asana-text-muted:rgba(23,24,23,0.55);--asana-text-subtle:rgba(23,24,23,0.38);--asana-border:rgba(23,24,23,0.1);--asana-border-sub:rgba(23,24,23,0.06);--asana-fill:rgba(23,24,23,0.04);--asana-fill-soft:rgba(23,24,23,0.025);--asana-canvas-bg:#f1ead9;--asana-shadow-card:0 0 0 1px rgba(23,24,23,0.06),0 1px 3px rgba(23,24,23,0.04);--asana-shadow-pop:0 0 0 1px rgba(23,24,23,0.08),0 8px 24px rgba(23,24,23,0.1);--shadow-dropdown:0 8px 24px rgba(23,24,23,0.08),0 0 0 1px rgba(23,24,23,0.06);--shadow-modal:0 24px 64px rgba(23,24,23,0.14),0 0 0 1px rgba(23,24,23,0.06);--shadow-widget:0 12px 32px rgba(23,24,23,0.12),0 0 0 1px rgba(23,24,23,0.06);--duration-fast:120ms;--duration-normal:180ms;--easing-standard:cubic-bezier(0.2,0,0,1);--easing-out:cubic-bezier(0.16,1,0.3,1);--focus-ring:0 0 0 2px rgba(23,24,23,0.22);--accent:#9dfc63;--accent-ink:#171817;--brand-red:#ff554d;--brand-blue:#556dff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans,"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:14px;line-height:22px;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{min-height:100vh}button,input,select,textarea{font-family:inherit}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}[contenteditable=true]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:none;border-radius:inherit}.text-display-sm{font-size:27px;line-height:34px;letter-spacing:-.032em}.text-display-md,.text-display-sm{font-family:var(--font-display);font-weight:430}.text-display-md{font-size:21px;line-height:28px;letter-spacing:-.028em}.text-heading-lg{font-size:17px;line-height:24px;letter-spacing:-.022em}.text-heading-lg,.text-heading-md{font-family:var(--font-display);font-weight:460}.text-heading-md{font-size:15px;line-height:22px;letter-spacing:-.018em}.text-heading-sm{font-size:14px;line-height:20px;font-weight:470;letter-spacing:-.01em}.text-body-lg{font-size:15px;line-height:22px;font-weight:300}.text-body-md{font-size:14px;line-height:21px;font-weight:300}.text-body-sm{font-size:13px;line-height:19px;font-weight:300}.text-label-md{font-size:12px;line-height:17px}.text-label-md,.text-label-sm{font-weight:450;letter-spacing:0}.text-label-sm{font-size:11.5px;line-height:16px}.text-caption{font-size:11px;line-height:16px;font-weight:300}.text-mono-sm{font-family:var(--font-mono,"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace);font-size:12px;line-height:18px;font-weight:400}.skip-link{position:absolute;top:-40px;left:var(--space-8);background:var(--gray-900);color:var(--gray-50);padding:var(--space-8) var(--space-16);border-radius:var(--radius-sm);font-size:14px;font-weight:500;z-index:1000;transition:top var(--duration-fast) var(--easing-standard)}.skip-link:focus{top:var(--space-8)}.auth-screen{position:relative;min-height:100vh;display:grid;align-items:center;padding:clamp(var(--space-24),6vh,72px) clamp(var(--space-16),5vw,72px);background:var(--bg);overflow:hidden}.auth-screen:before{content:"";position:absolute;inset:0 auto 0 0;width:min(38vw,520px);background:var(--sky-100);border-right:1px solid var(--sky-200);z-index:0}.auth-shell{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,440px);grid-gap:clamp(var(--space-32),6vw,80px);gap:clamp(var(--space-32),6vw,80px);align-items:center;position:relative;z-index:1}.auth-hero{display:grid;grid-gap:var(--space-32);gap:var(--space-32);min-width:0}.auth-brand{display:inline-flex;align-items:center;gap:var(--space-10);color:var(--gray-800)}.auth-brand__mark{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);background:var(--gray-900);color:var(--gray-50);font-size:15px;line-height:1;font-weight:500}.auth-brand__name{font-size:14px;line-height:20px;font-weight:500}.auth-hero__copy{display:grid;grid-gap:var(--space-12);gap:var(--space-12);max-width:680px}.auth-hero__title{margin:0;max-width:650px;color:var(--gray-900);font-size:clamp(38px,5.6vw,64px);line-height:1.02;font-weight:300;letter-spacing:0}.auth-panel{width:100%;display:grid;grid-gap:var(--space-24);gap:var(--space-24)}.auth-screen>.auth-panel{position:relative;z-index:1;justify-self:center;max-width:560px;background:rgba(255,255,255,.82);border:1px solid rgba(226,222,213,.88);border-radius:var(--radius-md);padding:clamp(var(--space-24),4vw,40px);box-shadow:0 22px 70px rgba(21,19,15,.08)}.auth-panel__copy{display:grid;grid-gap:var(--space-10);gap:var(--space-10)}.auth-panel__body,.auth-panel__eyebrow,.auth-panel__title{margin:0}.auth-panel__eyebrow{color:var(--text-subtle)}.auth-panel__body{color:var(--text-muted);max-width:580px}.auth-panel--login{position:relative;background:rgba(255,255,255,.82);border:1px solid rgba(226,222,213,.88);border-radius:var(--radius-md);padding:clamp(var(--space-24),4vw,40px);box-shadow:0 22px 70px rgba(21,19,15,.08)}.auth-panel--login:before{content:"";position:absolute;inset:var(--space-12) auto auto var(--space-12);width:42px;height:3px;border-radius:var(--radius-pill);background:var(--sky-300)}.auth-panel__icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--sky-100);color:var(--sky-700)}.auth-signal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.auth-signal,.auth-signal-grid{display:grid;grid-gap:var(--space-12);gap:var(--space-12)}.auth-signal{min-height:122px;align-content:space-between;padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.56)}.auth-signal svg{color:var(--auth-signal-text)}.auth-signal__label{color:var(--text-subtle)}.auth-signal__value{color:var(--auth-signal-text);font-weight:400}.auth-signal--capture{--auth-signal-text:var(--sky-700);background:var(--sky-100);border-color:var(--sky-300)}.auth-signal--ticket{--auth-signal-text:var(--coral-700);background:var(--coral-100);border-color:var(--coral-300)}.auth-signal--replay{--auth-signal-text:var(--amber-700);background:var(--amber-100);border-color:var(--amber-300)}.auth-signal--ai{--auth-signal-text:var(--lavender-700);background:var(--lavender-100);border-color:var(--lavender-300)}.auth-evidence{display:grid;grid-template-columns:22px minmax(0,1fr);grid-gap:var(--space-16);gap:var(--space-16);max-width:690px}.auth-evidence__rail{position:relative;display:grid;grid-template-rows:repeat(3,1fr);justify-items:center;padding:var(--space-8) 0}.auth-evidence__rail:before{content:"";position:absolute;top:var(--space-12);bottom:var(--space-12);width:1px;background:var(--border-strong)}.auth-evidence__rail span{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--gray-300);position:relative;z-index:1}.auth-evidence__body{border-top:1px solid var(--border)}.auth-evidence__body,.auth-evidence__row{display:grid;border-bottom:1px solid var(--border)}.auth-evidence__row{min-height:54px;grid-template-columns:20px 132px minmax(0,1fr);grid-gap:var(--space-12);gap:var(--space-12);align-items:center;color:var(--text-muted)}.auth-evidence__row:last-child{border-bottom:0}.auth-evidence__row svg{color:var(--sky-700)}.auth-evidence__row span{font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-size:12px;line-height:18px;color:var(--text-subtle)}.auth-evidence__row strong{color:var(--gray-800);font-size:14px;line-height:22px;font-weight:400}.auth-route{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding-top:var(--space-20);border-top:1px solid var(--border)}.auth-route span{color:var(--text-subtle)}.auth-route code{min-width:0;overflow-wrap:anywhere;font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-size:12px;line-height:18px;color:var(--sky-700);background:var(--sky-100);border:1px solid var(--sky-300);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-8)}.google-auth{display:grid;grid-gap:var(--space-10);gap:var(--space-10)}.google-auth__button{min-height:48px;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-10) var(--space-12) var(--space-10) var(--space-10);background:var(--gray-900);color:var(--gray-50);border:0;border-radius:var(--radius-md);font:inherit;font-weight:400;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}.google-auth__button:hover:not(:disabled){background:var(--gray-800);transform:translateY(-1px)}.google-auth__button:disabled{opacity:.7;cursor:progress}.google-auth__mark{width:28px;height:28px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-sm);background:var(--gray-50);color:var(--gray-900);font-size:14px;line-height:1;font-weight:500}.google-auth__arrow,.google-auth__spinner{flex:0 0 auto}.google-auth__spinner{animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}@keyframes flare-spoke{0%{opacity:1}12.5%{opacity:.65}25%{opacity:.35}37.5%{opacity:.18}50%{opacity:.1}87.5%{opacity:.1}to{opacity:1}}@keyframes flare-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.flare-spinner-spoke{animation:flare-spoke 1s linear infinite;animation-delay:var(--flare-spoke-delay,0s)}.flare-spinner--breathe{animation:flare-breathe 2.2s ease-in-out infinite}.google-auth__error{margin:0;color:var(--coral-700);background:var(--coral-100);border:1px solid var(--coral-300);border-radius:var(--radius-sm);padding:var(--space-8) var(--space-10)}.onboarding-panel{max-width:560px}.tenant-select{max-width:720px}.tenant-select__list{display:grid;grid-gap:var(--space-20);gap:var(--space-20)}.tenant-select__org{display:grid;grid-gap:var(--space-12);gap:var(--space-12);padding-top:var(--space-16);border-top:1px solid var(--border)}.tenant-select__actions,.tenant-select__orgHeader,.tenant-select__workspace{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.tenant-select__workspaces{display:grid;grid-gap:var(--space-8);gap:var(--space-8)}.tenant-select__workspace{padding:var(--space-12) 0;border-top:1px solid var(--border)}.tenant-select__workspace:first-child{border-top:0}.tenant-select__actions{padding-top:var(--space-16);border-top:1px solid var(--border)}.onboarding-form__actions,.tenant-select__actions{justify-content:flex-start}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:980px){.auth-screen{align-items:start}.auth-screen:before{width:100%;height:34vh;border-right:0;border-bottom:1px solid var(--sky-200)}.auth-shell{grid-template-columns:1fr;gap:var(--space-40)}.auth-panel--login{max-width:560px}}@media (max-width:720px){.auth-screen{padding:var(--space-24) var(--space-16)}.auth-hero{gap:var(--space-24)}.auth-hero__title{font-size:36px;line-height:40px}.auth-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-evidence__row{grid-template-columns:20px minmax(92px,.42fr) minmax(0,1fr)}}@media (max-width:480px){.auth-hero__title{font-size:30px;line-height:34px}.auth-signal{min-height:112px;padding:var(--space-12)}.auth-evidence{grid-template-columns:1fr}.auth-evidence__rail{display:none}.auth-evidence__row{grid-template-columns:20px 1fr;padding:var(--space-10) 0}.auth-evidence__row strong{grid-column:2}.auth-route,.tenant-select__actions,.tenant-select__orgHeader,.tenant-select__workspace{align-items:flex-start;flex-direction:column}}