.login{--ink: #2e2b3e;--ink-soft: #504e5a;--muted: #6d6c77;--faint: #8c8b95;--line: #dedde4;--line-strong: #c7c6cf;--surface: #fdfdff;--bg: #f7f6fb;--zebra: #edecf2;--error-ink: #8a3633;--error-bg: #ffe8e5;--focus: #006183;--brand: #1f6b55;--brand-on-dark: #6cc4a1;--on-dark-soft: #a9a8b2;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface);color:var(--ink)}.login :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.login .panel{background-color:var(--ink);color:var(--surface);padding:20px 24px 0;display:flex;flex-direction:column;gap:18px}.login .panel-body,.login .panel-foot{display:none}.login .stripe{display:flex;gap:2px;height:4px}.login .stripe i{display:block;height:100%;border-radius:1px}.login .tone1{background:#6cc4a1}.login .tone2{background:#4fa586}.login .tone3{background:#34876b}.login .tone4{background:#226f59}.login .panel>.stripe{margin:0 -24px;gap:0}.login .panel>.stripe i{border-radius:0}.login .domain{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:center;margin:12px 0 0}.login .side{flex:1;display:flex;flex-direction:column;padding:28px 24px 20px}.login .card{display:flex;flex-direction:column}.login .card>.stripe{display:none}.login .title{font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin:0 0 28px}.login .sub{font-size:14px;line-height:20px;color:var(--muted);margin:-20px 0 24px;text-wrap:pretty}.login .fields{display:flex;flex-direction:column;gap:16px}.login .field{display:flex;flex-direction:column;gap:6px}.login .field label{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink)}.login .field input{height:48px;width:100%;padding:0 12px;font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--faint);border-radius:4px}.login .field input::placeholder{color:var(--muted)}.login .field input:hover{border-color:var(--ink-soft)}.login .field input:focus-visible{border-color:var(--ink)}.login .field input[aria-invalid=true]{border-color:var(--error-ink)}.login .field input:disabled{background:var(--bg);color:var(--ink-soft);border-color:var(--line-strong)}.login .alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-top:4px;background:var(--error-bg);color:var(--error-ink);border-radius:4px;font-size:14px;line-height:20px;font-weight:500}.login .alert svg{flex:none;margin-top:2px}.login .enter{height:48px;width:100%;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-size:16px;font-weight:500;color:var(--surface);background:var(--ink);border:none;border-radius:4px;cursor:pointer}.login .alert+.enter{margin-top:0}.login .enter:hover{background:#3c3950}.login .enter:active{background:#262433}.login .enter[aria-busy=true]{cursor:progress;background:var(--ink-soft)}.login .spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(253,253,255,.35);border-top-color:var(--surface);animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.login .spinner{animation-duration:2.4s}}.login .languages{margin-top:auto;padding-top:32px;display:flex;justify-content:center}.login .segmented{display:inline-flex;gap:4px;padding:3px;background:var(--zebra);border-radius:4px}.login .segmented button{min-width:56px;height:36px;padding:0 12px;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--ink-soft);background:transparent;border:none;border-radius:3px;cursor:pointer}.login .segmented button:hover{color:var(--ink)}.login .segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #2624331f}@media(min-width:600px){.login{display:grid;grid-template-columns:540px minmax(0,1fr)}.login .panel{padding:48px 56px;gap:0;justify-content:space-between;background-image:repeating-linear-gradient(to right,rgba(253,253,255,.035) 0 1px,transparent 1px 32px),repeating-linear-gradient(to bottom,rgba(253,253,255,.035) 0 1px,transparent 1px 32px)}.login .panel>.stripe{display:none}.login .panel-body{display:flex;flex-direction:column;gap:32px}.login .pitch{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.015em;margin:0;max-width:400px;text-wrap:balance}.login .pitch-text{font-size:15px;line-height:1.55;color:var(--line-strong);margin:12px 0 0;max-width:400px;text-wrap:pretty}.login .split{background:#36334a;border:1px solid rgba(253,253,255,.08);border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:18px}.login .split-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(253,253,255,.1)}.login .split-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-soft)}.login .split-total{font-family:var(--mono);font-size:18px;font-weight:600}.login .group{display:flex;flex-direction:column;gap:8px}.login .group-top{display:flex;justify-content:space-between;gap:12px}.login .group-top .closed{font-family:var(--mono);font-size:11px;color:var(--brand-on-dark)}.login .group .stripe{height:8px}.login .items{display:grid;grid-template-columns:10px minmax(0,1fr) auto 52px;column-gap:10px;row-gap:4px;align-items:center;font-family:var(--mono);font-size:12px}.login .items i{width:8px;height:8px;border-radius:1px;display:block}.login .items .code{color:var(--surface)}.login .items .value{color:var(--line-strong);text-align:right}.login .items .share{color:var(--on-dark-soft);text-align:right}.login .panel-foot{display:flex;flex-direction:column;gap:20px}.login .roles{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--line-strong)}.login .roles b{font-weight:600;color:var(--surface)}.login .roles .arrow{color:var(--on-dark-soft);font-family:var(--mono)}.login .panel-foot .domain{text-align:left;margin:0;color:var(--on-dark-soft)}.login .side{align-items:center;justify-content:center;padding:48px;background-color:var(--bg);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--zebra) 31px 32px)}.login .card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 2px #2624330f,0 8px 24px #2624330f;padding:40px}.login .card>.stripe{display:flex;margin:-40px -40px 36px;gap:0}.login .card>.stripe i{border-radius:0}.login .card>.stripe i:first-child{border-top-left-radius:5px}.login .card>.stripe i:last-child{border-top-right-radius:5px}.login .languages{margin-top:24px;padding-top:0}.login .side>.domain{display:none}}.shell{--ink: #2e2b3e;--ink-soft: #504e5a;--muted: #6d6c77;--line: #dedde4;--line-strong: #c7c6cf;--surface: #fdfdff;--bg: #f7f6fb;--zebra: #edecf2;--focus: #006183;--open: 240px;--rail: 56px;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.shell :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shell .topbar{height:56px;flex:none;background:var(--zebra);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 12px}.shell .topbar-button,.shell .menu-button{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--ink-soft);cursor:pointer}.shell .topbar-button:hover,.shell .menu-button:hover{background:var(--surface);color:var(--ink)}.shell .menu-top{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 0 16px;border-bottom:1px solid var(--line)}.shell.collapsed .menu-top{justify-content:center;padding:0}.shell.collapsed .menu-top .topbar-mark{display:none}.shell .topbar-mark{display:flex;align-items:center;min-width:0}.shell .topbar.with-menu .topbar-mark{display:none}.shell .topbar-end{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}.shell .topbar-who{font-family:var(--mono);font-size:13px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell .topbar-exit{height:32px;flex:none;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line-strong);border-radius:4px;background:transparent;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink-soft);cursor:pointer}.shell .topbar-exit:hover{background:var(--zebra);color:var(--ink)}.shell .body{flex:1;min-height:0;display:flex}.shell .content{flex:1;min-width:0}.shell .menu{width:var(--open);flex:none;display:flex;flex-direction:column;background:var(--zebra);border-right:1px solid var(--line);overflow:hidden;transition:width .2s ease}.shell.collapsed .menu{width:var(--rail);overflow:visible}.shell.collapsed .group-label{font-size:0;padding:0;justify-content:center}.shell.collapsed .group-label:after{content:"";width:20px;height:1px;background:var(--line-strong)}.shell.collapsed .item{width:36px}.shell.collapsed .item .count{position:absolute;top:3px;right:2px;min-width:8px;width:8px;height:8px;padding:0;font-size:0;background:var(--ink)}.shell.collapsed .item[aria-current=page] .count{background:var(--surface)}.shell.collapsed .item .label{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);z-index:5;padding:6px 10px;border-radius:4px;background:var(--ink);color:var(--surface);font-size:13px;font-weight:500;opacity:0;overflow:visible;pointer-events:none;box-shadow:0 4px 12px #2624332e;transition:opacity .12s ease}.shell.collapsed .item:hover .label,.shell.collapsed .item:focus-visible .label{opacity:1}.shell.collapsed .nav{padding:16px 10px}.shell.collapsed .foot{align-items:center}.shell.collapsed .who-text,.shell.collapsed .lang,.shell.collapsed .exit .label{display:none}.shell.collapsed .foot-actions{flex-direction:column}.shell.collapsed .exit{margin:0;width:36px;height:36px;padding:0;justify-content:center}.shell .nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:20px}.shell .group{display:flex;flex-direction:column;gap:2px}.shell .group-label{height:24px;display:flex;align-items:center;padding:0 10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.shell .item{position:relative;height:40px;width:100%;display:flex;align-items:center;gap:12px;padding:0 10px;border:none;border-radius:4px;background:transparent;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--ink-soft);text-align:left;cursor:pointer}.shell .item svg{flex:none}.shell .item:hover{background:var(--surface);color:var(--ink)}.shell .item[aria-current=page]{background:var(--ink);color:var(--surface);font-weight:600}.shell .item .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell .item .count{margin-left:auto;min-width:22px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--line);color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:600}.shell .item[aria-current=page] .count{background:#fdfdff29;color:var(--surface)}.shell .foot{border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px}.shell .who{display:flex;align-items:center;gap:10px;min-width:0}.shell .avatar{width:32px;height:32px;flex:none;border-radius:50%;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--ink)}.shell .who-text{display:flex;flex-direction:column;min-width:0}.shell .who-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell .who-role{font-size:12px;color:var(--muted);white-space:nowrap}.shell .foot-actions{display:flex;align-items:center;gap:8px}.shell .lang{display:inline-flex;gap:2px;padding:2px;border-radius:4px;background:var(--line)}.shell .lang button{height:28px;min-width:40px;padding:0 8px;border:none;border-radius:3px;background:transparent;font-family:var(--mono);font-size:12px;font-weight:500;color:var(--ink-soft);cursor:pointer}.shell .lang button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #2624331f}.shell .exit{margin-left:auto;height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;border:none;border-radius:4px;background:transparent;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink-soft);white-space:nowrap;cursor:pointer}.shell .exit:hover{background:var(--surface);color:var(--ink)}.shell .veil{position:fixed;inset:0;z-index:30;background:#2e2b3e7a;opacity:0;pointer-events:none;transition:opacity .2s ease}.shell.drawer-open .veil{opacity:1;pointer-events:auto}.shell .drawer{position:fixed;top:0;bottom:0;left:0;z-index:31;width:304px;max-width:86%;display:flex;flex-direction:column;background:var(--zebra);box-shadow:0 0 32px #2624333d;transform:translate(-100%);transition:transform .2s ease}.shell.drawer-open .drawer{transform:none}.shell .drawer-top{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;border-bottom:1px solid var(--line)}.shell .drawer-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--ink-soft);cursor:pointer}.shell .drawer-close:hover{background:var(--surface);color:var(--ink)}.shell .drawer .item{height:48px;font-size:15px}.shell .drawer .lang button{height:36px;min-width:48px}.shell .drawer .exit{height:44px;font-size:14px}@media(max-width:599px){.shell .topbar-who{display:none}}@media(prefers-reduced-motion:reduce){.shell .menu,.shell .veil,.shell .drawer,.shell .item .label{transition:none}}