:root{color:#172033;background:#edf1f5;font-family:Inter,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-synthesis:none;letter-spacing:0;--navy-950: #071323;--navy-900: #0b192c;--navy-800: #142842;--blue-600: #27628f;--cyan-500: #1ba6b2;--yellow-500: #eab028;--green-600: #237a57;--red-600: #b33b46;--ink: #172033;--muted: #687489;--line: #d8dfe8;--surface: #ffffff;--canvas: #edf1f5;--radius: 8px;--shadow: 0 18px 44px rgba(7, 19, 35, .14)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--canvas);color:var(--ink)}button,input,select{font:inherit;letter-spacing:0}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(27,166,178,.28);outline-offset:2px}[hidden]{display:none!important}.auth-shell{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);min-height:100vh;background:var(--surface)}.brand-panel{position:relative;min-height:100vh;overflow:hidden;background:var(--navy-950)}.brand-panel:after{position:absolute;inset:0;background:#07132347;content:""}.brand-panel__image{width:100%;height:100%;object-fit:cover}.brand-panel__content{position:absolute;z-index:1;top:48px;left:48px;color:#fff}.brand-panel__content p{margin:8px 0 0;color:#b9c8db;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.wordmark{color:var(--navy-900);font-size:28px;font-weight:850}.wordmark span{color:var(--yellow-500)}.wordmark--light{color:#fff}.auth-panel{display:grid;min-height:100vh;place-items:center;padding:48px;background:#f8fafc}.auth-panel__inner{width:min(100%,420px)}.mobile-wordmark{display:none;margin-bottom:44px}.auth-heading{margin-bottom:30px}.eyebrow{margin:0 0 10px;color:var(--blue-600);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700}.auth-heading h1,.portal-heading h1{margin:0;color:var(--navy-900);font-size:30px;line-height:1.25}.field{margin-bottom:20px}.field label{display:block;margin-bottom:8px;color:#344055;font-size:13px;font-weight:700}.field input,.company-picker select{width:100%;height:48px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);font-size:15px}.field input{padding:0 14px}.input-wrap{position:relative}.input-wrap>svg{position:absolute;top:14px;left:14px;width:19px;height:19px;color:#7c899c}.input-wrap input{padding-right:48px;padding-left:44px}.input-wrap .icon-button{position:absolute;top:5px;right:5px}.primary-button{display:flex;width:100%;height:50px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--radius);margin-top:28px;background:var(--navy-900);color:#fff;font-size:15px;font-weight:800}.primary-button:hover{background:var(--navy-800)}.primary-button:disabled{cursor:wait;opacity:.66}.primary-button svg,.back-button svg,.portal-tab svg{width:18px;height:18px}.primary-button.is-busy svg{animation:rotate .8s linear infinite}.text-button,.back-button{border:0;background:transparent;color:var(--blue-600);font-size:13px;font-weight:700}.text-button{display:block;margin:22px auto 0}.back-button{display:inline-flex;align-items:center;gap:7px;margin:0 0 34px;padding:0}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:0;border-radius:6px;background:transparent;color:#637086}.icon-button:hover{background:#edf2f7;color:var(--navy-900)}.icon-button svg{width:18px;height:18px}.message{min-height:22px;margin-top:20px;color:var(--red-600);font-size:13px;line-height:1.6;text-align:center}.message[data-type=success]{color:var(--green-600)}.password-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;padding:0;margin:8px 0 0;color:var(--muted);font-size:12px;list-style:none}.password-rules li:before{display:inline-block;width:17px;content:"○"}.password-rules li.is-valid{color:var(--green-600)}.password-rules li.is-valid:before{content:"✓"}.code-input{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:24px!important}.qr-frame{width:252px;height:252px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);margin:0 auto 22px;background:#fff}.qr-frame img{display:block;width:100%;height:100%}.secret-details{margin-bottom:24px;color:var(--muted);font-size:12px}.secret-details summary{width:max-content;margin:0 auto;cursor:pointer}.secret-row{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;margin-top:10px;background:#fff}.secret-row code{min-width:0;flex:1;overflow-wrap:anywhere;color:var(--navy-900)}.loading-mark{width:34px;height:34px;border:3px solid #dfe6ee;border-top-color:var(--cyan-500);border-radius:50%;margin:0 auto;animation:rotate .8s linear infinite}#view-loading p{margin-top:16px;color:var(--muted);font-size:13px;text-align:center}.portal{min-height:100vh;background:var(--canvas)}.topbar{display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 28px;background:var(--navy-900);color:#fff}.topbar .wordmark{font-size:22px}.topbar__actions{display:flex;align-items:center;gap:10px}.company-picker{position:relative;display:flex;align-items:center}.company-picker svg{position:absolute;left:11px;width:17px;height:17px;pointer-events:none}.company-picker select{width:auto;max-width:230px;height:38px;padding:0 34px 0 36px;border-color:#ffffff40;background:var(--navy-800);color:#fff;font-size:13px}.icon-button--dark{color:#d4deeb}.icon-button--dark:hover{background:#ffffff1f;color:#fff}.portal-main{width:min(100% - 40px,1080px);margin:0 auto;padding:38px 0 64px}.portal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.identity-badge{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--blue-600);color:#fff;font-size:16px;font-weight:800}.portal-tabs{display:flex;min-height:46px;align-items:flex-end;border-bottom:1px solid #cfd8e3;margin-bottom:30px}.portal-tab{display:inline-flex;height:46px;align-items:center;gap:8px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:14px;font-weight:700}.portal-tab.is-active{border-bottom-color:var(--yellow-500);color:var(--navy-900)}.workspace-section,.account-section{margin-bottom:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{margin:0;color:var(--navy-900);font-size:17px}.section-heading span{color:var(--muted);font-size:12px}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.system-item{display:grid;min-height:92px;grid-template-columns:46px minmax(0,1fr) auto 20px;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-align:left}button.system-item:hover{border-color:var(--cyan-500);box-shadow:0 8px 20px #0b192c14}.system-item.is-disabled{color:#7c8798}.system-item__icon{display:grid;width:46px;height:46px;place-items:center;border-radius:7px;background:#e8f0f7;color:var(--blue-600)}.system-item:first-child .system-item__icon{background:var(--navy-900);color:#fff}.system-item__icon svg{width:22px;height:22px}.system-item__body{display:flex;min-width:0;flex-direction:column;gap:4px}.system-item__body strong{color:var(--navy-900);font-size:15px}.system-item__body small,.system-item__status{color:var(--muted);font-size:12px}.system-item__status{padding:3px 7px;border-radius:5px;background:#eef2f6;white-space:nowrap}button.system-item .system-item__status{background:#e4f3ed;color:var(--green-600)}.system-item__arrow{width:18px;height:18px;color:#9aa6b6}.account-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);margin:0;overflow:hidden;background:var(--surface)}.account-details div{min-width:0;padding:16px 18px;border-bottom:1px solid var(--line)}.account-details div:nth-child(odd){border-right:1px solid var(--line)}.account-details div:nth-last-child(-n+2){border-bottom:0}.account-details dt{margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:700}.account-details dd{margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:14px}.toast{position:fixed;right:20px;bottom:20px;z-index:20;padding:11px 16px;border-radius:6px;background:var(--navy-900);color:#fff;font-size:13px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.toast.is-visible{opacity:1;transform:translateY(0)}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:820px){.auth-shell{display:block;background:#f8fafc}.brand-panel{display:none}.auth-panel{min-height:100vh;padding:38px 24px}.mobile-wordmark{display:block}.portal-main{width:min(100% - 28px,1080px);padding-top:28px}.system-grid{grid-template-columns:1fr}}@media(max-width:560px){.auth-panel{place-items:start center}.auth-heading h1,.portal-heading h1{font-size:25px}.topbar{height:auto;min-height:64px;padding:10px 14px}.company-picker select{max-width:170px}.portal-heading{align-items:flex-start}.system-item{grid-template-columns:42px minmax(0,1fr) 18px;gap:11px}.system-item__status{grid-column:2;width:max-content}.system-item__arrow{grid-row:1 / span 2;grid-column:3}.account-details{grid-template-columns:1fr}.account-details div,.account-details div:nth-child(odd),.account-details div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.account-details div:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}