@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-ext-wght-normal-c-5QAGAI.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-wght-normal-BMDVbyM7.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-ext-wght-normal-BXZfsJY4.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-wght-normal-Cc-u-6OI.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-vietnamese-wght-normal-BDs68eHQ.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-ext-wght-normal-C8iNium2.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-wght-normal-Bo_j9asI.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--q-font-display: "Fraunces Variable", Fraunces, Georgia, serif;--q-font-ui: "Source Sans 3 Variable", "Source Sans 3", "Segoe UI", system-ui, sans-serif;--q-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--q-ground: #ffffff;--q-surface: #f4f7f5;--q-raised: #ffffff;--q-line: #dce4e0;--q-line-strong: #a9b8b1;--q-ink: #0f1f18;--q-muted: #4b5e56;--q-brand: #0b3d2e;--q-brand-hover: #0f513c;--q-on-brand: #ffffff;--q-brand-text: #0b3d2e;--q-mint: #b9f2d0;--q-mint-ink: #0b3d2e;--q-amber: #f2b544;--q-amber-ink: #0f1f18;--q-danger: #9b2c2c;--q-focus: #0b3d2e;--q-shadow: 0 12px 32px rgba(11, 61, 46, .1);--q-r-sm: 8px;--q-r: 10px;--q-r-lg: 16px;--q-r-xl: 20px;--q-space-1: 4px;--q-space-2: 8px;--q-space-3: 12px;--q-space-4: 16px;--q-space-5: 24px;--q-space-6: 32px;--q-space-7: 48px;--q-space-8: 72px;--q-max: 75rem;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--q-ground: #0b1411;--q-surface: #121f1a;--q-raised: #16251f;--q-line: #24352e;--q-line-strong: #46594f;--q-ink: #e6efea;--q-muted: #9bb0a6;--q-brand: #4cc38a;--q-brand-hover: #63d19c;--q-on-brand: #06140e;--q-brand-text: #4cc38a;--q-mint: #1e4d3a;--q-mint-ink: #b9f2d0;--q-danger: #f08a8a;--q-focus: #4cc38a;--q-shadow: 0 12px 32px rgba(0, 0, 0, .35);color-scheme:dark}}:root[data-theme=dark]{--q-ground: #0b1411;--q-surface: #121f1a;--q-raised: #16251f;--q-line: #24352e;--q-line-strong: #46594f;--q-ink: #e6efea;--q-muted: #9bb0a6;--q-brand: #4cc38a;--q-brand-hover: #63d19c;--q-on-brand: #06140e;--q-brand-text: #4cc38a;--q-mint: #1e4d3a;--q-mint-ink: #b9f2d0;--q-danger: #f08a8a;--q-focus: #4cc38a;--q-shadow: 0 12px 32px rgba(0, 0, 0, .35);color-scheme:dark}.q-on-dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .q-on-light{display:none}:root:not([data-theme=light]) .q-on-dark{display:inline-block}}:root[data-theme=dark] .q-on-light{display:none}:root[data-theme=dark] .q-on-dark{display:inline-block}:root{--h-header: 64px;--w-nav: 248px;font-family:var(--q-font-ui);color:var(--q-ink);background:var(--q-surface)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--q-surface);color:var(--q-ink);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--q-brand-text);text-underline-offset:2px}a:hover{color:var(--q-brand-hover)}:focus-visible{outline:3px solid var(--q-focus);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--q-font-display);font-weight:600;letter-spacing:-.01em;line-height:1.2}h1{font-size:2.25rem;margin:0}h2{font-size:1.4rem;margin:0 0 var(--q-space-3)}code{font-family:var(--q-font-mono);font-size:.9em;background:var(--q-surface);border:1px solid var(--q-line);padding:0 .3rem;border-radius:4px}button{font:inherit}img{max-width:100%}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--q-space-3);top:-100px;z-index:10;padding:var(--q-space-2) var(--q-space-4);border-radius:var(--q-r);background:var(--q-brand);color:var(--q-on-brand);font-weight:700}.skip-link:focus{top:var(--q-space-3);color:var(--q-on-brand)}.muted{color:var(--q-muted)}.small{font-size:.875rem}.break{overflow-wrap:anywhere}.err{color:var(--q-danger);font-weight:600}.ok{color:var(--q-brand-text);font-weight:600}.notice{background:var(--q-raised);border:1px solid var(--q-amber);border-left-width:4px;border-radius:var(--q-r);padding:.75rem 1rem;margin:0 0 var(--q-space-4)}.notice.ok-notice{border-color:var(--q-brand-text)}.q-icon{flex:none}.q-logo{display:inline-flex;align-items:center;gap:10px;color:var(--q-brand-text)}.q-logo-word{font-family:var(--q-font-display);font-size:1.3rem;font-weight:600;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--q-space-2);min-height:44px;padding:0 var(--q-space-4);border-radius:var(--q-r);border:1px solid var(--q-brand-text);background:transparent;color:var(--q-brand-text);font-weight:700;text-decoration:none;cursor:pointer;text-align:center}.btn:hover{background:var(--q-surface);color:var(--q-brand-text)}.btn.primary{background:var(--q-brand);border-color:var(--q-brand);color:var(--q-on-brand)}.btn.primary:hover{background:var(--q-brand-hover);border-color:var(--q-brand-hover);color:var(--q-on-brand)}.btn:disabled,.btn.primary:disabled{background:var(--q-line);border-color:var(--q-line-strong);color:var(--q-muted);cursor:not-allowed}.btn.block{display:flex;width:100%}.btn.large{min-height:52px;font-size:1.0625rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--q-r);border:1px solid var(--q-line);background:transparent;color:var(--q-ink);cursor:pointer}.icon-btn:hover{border-color:var(--q-line-strong)}.seg{display:inline-flex;gap:2px}.seg button{min-height:44px;min-width:44px;padding:0 var(--q-space-2);border-radius:var(--q-r-sm);border:0;background:transparent;color:var(--q-muted);font-weight:600;cursor:pointer}.seg button[aria-pressed=true]{background:var(--q-surface);color:var(--q-ink);font-weight:700}.seg button:hover{color:var(--q-ink)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--q-space-3);margin-top:var(--q-space-4)}.chips{display:inline-flex;flex-wrap:wrap;gap:var(--q-space-2)}.chip{display:inline-flex;align-items:center;min-height:30px;padding:2px 12px;border-radius:999px;font-size:.875rem;font-weight:700;background:var(--q-mint);color:var(--q-mint-ink)}.chip.wait,.chip.amber{background:var(--q-amber);color:var(--q-amber-ink)}.chip.neutral{background:var(--q-surface);color:var(--q-muted);box-shadow:inset 0 0 0 1px var(--q-line)}.page-loader{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--q-space-3);padding:var(--q-space-6) var(--q-space-4);text-align:center}.app-shell{min-height:100vh;display:grid;grid-template-rows:var(--h-header) 1fr;grid-template-columns:var(--w-nav) minmax(0,1fr);grid-template-areas:"header header" "nav main"}.app-header{grid-area:header;display:flex;align-items:center;gap:var(--q-space-3) var(--q-space-5);padding:0 var(--q-space-5);background:var(--q-raised);border-bottom:1px solid var(--q-line);position:sticky;top:0;z-index:5}.app-header .brand{display:inline-flex;align-items:center;gap:var(--q-space-2);min-height:44px;text-decoration:none}.app-header .brand .app-label{font-size:.875rem;font-weight:600;color:var(--q-muted)}.app-header .tenant{display:inline-flex;align-items:center;min-height:40px;max-width:22rem;padding:0 var(--q-space-3);border:1px solid var(--q-line);border-radius:var(--q-r);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-tools{margin-left:auto;display:flex;align-items:center;gap:var(--q-space-2)}.app-header .env{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;background:var(--q-amber);color:var(--q-amber-ink)}.account{position:relative}.avatar{width:44px;height:44px;border-radius:999px;border:0;background:var(--q-mint);color:var(--q-mint-ink);font-weight:700;cursor:pointer}.account-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(18rem,calc(100vw - 32px));padding:var(--q-space-4);display:flex;flex-direction:column;gap:var(--q-space-2);background:var(--q-raised);border:1px solid var(--q-line);border-radius:var(--q-r-lg);box-shadow:var(--q-shadow);z-index:6}.account-panel[hidden]{display:none}.account-name{margin:0;font-weight:700}.account-mail{margin:0 0 var(--q-space-2);color:var(--q-muted);font-size:.875rem;overflow-wrap:anywhere}.app-nav{grid-area:nav;border-right:1px solid var(--q-line);background:var(--q-raised);padding:var(--q-space-5) var(--q-space-3);display:flex;flex-direction:column;gap:var(--q-space-1);position:sticky;top:var(--h-header);height:calc(100vh - var(--h-header));overflow-y:auto}.app-nav .nav-item{display:flex;align-items:center;gap:var(--q-space-3);min-height:44px;padding:0 var(--q-space-3);border-radius:var(--q-r);color:var(--q-ink);text-decoration:none;font-weight:600}.app-nav .nav-item:hover{background:var(--q-surface);color:var(--q-ink)}.app-nav .nav-item.active{background:var(--q-mint);color:var(--q-mint-ink);font-weight:700}.app-nav .nav-item.active:hover{background:var(--q-mint);color:var(--q-mint-ink)}.app-nav .group{margin-top:var(--q-space-4);padding:0 var(--q-space-3);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--q-muted)}.nav-foot{margin-top:auto;border-top:1px solid var(--q-line);padding:var(--q-space-4) var(--q-space-3) 0;display:flex;flex-direction:column;gap:0;font-size:.875rem;color:var(--q-muted)}.nav-foot a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.app-main{grid-area:main;min-width:0;padding:var(--q-space-6) clamp(1rem,3vw,2.5rem) var(--q-space-7)}.app-main:focus{outline:none}.app-main>section{max-width:72rem}@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "nav" "main";grid-template-rows:auto auto 1fr}.app-header{position:static;flex-wrap:wrap;padding:var(--q-space-2) var(--q-space-4);gap:var(--q-space-2)}.app-header .tenant{order:3;max-width:100%;flex:1 1 100%;min-height:36px}.header-tools{gap:var(--q-space-1)}.app-nav{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:var(--q-space-2) var(--q-space-3);border-right:0;border-bottom:1px solid var(--q-line)}.app-nav .nav-item{white-space:nowrap;flex:none}.app-nav .group,.nav-foot{display:none}.app-main{padding:var(--q-space-5) var(--q-space-4) var(--q-space-7)}h1{font-size:1.85rem}}@media(max-width:420px){.app-header .brand .app-label{display:none}}.page-head{display:flex;flex-direction:column;gap:var(--q-space-3);margin-bottom:var(--q-space-5)}.page-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--q-space-3) var(--q-space-4)}.page-head .lede{margin:0;max-width:46rem;color:var(--q-muted);font-size:1.0625rem}.panel{background:var(--q-raised);border:1px solid var(--q-line);border-radius:var(--q-r-xl);padding:var(--q-space-5);margin:0 0 var(--q-space-5)}.panel>:last-child{margin-bottom:0}.panel-title{font-family:var(--q-font-ui);font-size:1.2rem;font-weight:700;letter-spacing:0}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--q-space-2) var(--q-space-4);margin:0 0 var(--q-space-4)}.kv dt{color:var(--q-muted)}.kv dd{margin:0}.kv dd.break code{border:0;background:none;padding:0;font-size:.8125rem;color:var(--q-muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--q-space-4);margin:var(--q-space-3) 0 0}.form-grid .wide{grid-column:1 / -1}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{min-height:44px;width:100%;padding:0 .75rem;border:1px solid var(--q-line-strong);border-radius:var(--q-r);font:inherit;font-size:1rem;font-weight:400;background:var(--q-raised);color:var(--q-ink)}.form-grid input::placeholder{color:var(--q-muted)}.form-grid textarea{padding:.6rem .75rem;min-height:6rem}.form-grid small{font-size:.8125rem;line-height:1.35;color:var(--q-muted);font-weight:400}.check{display:flex;gap:var(--q-space-3);align-items:flex-start;margin:0 0 var(--q-space-3);font-size:1rem;line-height:1.5;cursor:pointer}.check input{flex:none;margin:2px 0 0;width:20px;height:20px;accent-color:var(--q-brand)}.table-wrap{overflow-x:auto}table.grid{width:100%;border-collapse:collapse;font-size:.95rem}table.grid th,table.grid td{text-align:left;padding:.7rem .75rem;border-bottom:1px solid var(--q-line);vertical-align:top}table.grid th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--q-muted);white-space:nowrap}table.grid tbody tr:last-child td{border-bottom:0}table.grid .num{text-align:right;white-space:nowrap}.tenant-list{list-style:none;padding:0;margin:0}.tenant-list>li.panel{display:flex;flex-direction:column;gap:var(--q-space-2)}.tenant-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--q-space-2) var(--q-space-4)}.tenant-head h2{margin:0;font-size:1.3rem}.overview-grid{display:flex;flex-wrap:wrap;gap:var(--q-space-5);align-items:flex-start}.overview-grid>.checklist{flex:999 1 30rem;min-width:0;margin:0}.overview-side{flex:1 1 18rem;min-width:0;display:flex;flex-direction:column;gap:var(--q-space-5)}.overview-side .panel{margin:0;display:flex;flex-direction:column;gap:var(--q-space-3)}.overview-side .panel h2,.overview-side .kv{margin:0}.overview-side .btn{align-self:flex-start}.checklist-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--q-space-2) var(--q-space-4);margin-bottom:var(--q-space-4)}.checklist-head h2{margin:0}.progress{height:8px;border-radius:999px;background:var(--q-line);overflow:hidden}.progress>div{height:100%;background:var(--q-brand);border-radius:999px}.steps{list-style:none;margin:var(--q-space-3) 0 0;padding:0}.step{display:flex;gap:var(--q-space-4);padding:var(--q-space-4) 0;border-bottom:1px solid var(--q-line)}.step:last-child{border-bottom:0;padding-bottom:0}.step-mark{flex:none;width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--q-line-strong);color:var(--q-muted)}.step.done .step-mark{background:var(--q-brand);border-color:var(--q-brand);color:var(--q-on-brand)}.step.current .step-mark{border:3px solid var(--q-brand-text);color:var(--q-brand-text)}.step-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.step-title{font-weight:700;font-size:1.0625rem}.step-text{color:var(--q-muted)}.step-body .btn{align-self:flex-start;margin-top:var(--q-space-2)}.step-link{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font-weight:600}.inv-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--q-space-2) var(--q-space-3)}.sepet-layout{display:flex;flex-wrap:wrap;gap:var(--q-space-5);align-items:flex-start}.sepet-main{flex:999 1 30rem;min-width:0}.plan-options{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--q-space-3)}.plan-option{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--q-line);border-radius:var(--q-r-lg);cursor:pointer;background:var(--q-raised)}.plan-option:hover{border-color:var(--q-line-strong)}.plan-option.selected{padding:13px;border:2px solid var(--q-brand-text);background:var(--q-surface)}.plan-option:focus-within{outline:3px solid var(--q-focus);outline-offset:2px}.plan-option input{width:18px;height:18px;margin:0;accent-color:var(--q-brand)}.plan-option input:focus-visible{outline:none}.period-switch{display:inline-flex;flex-wrap:wrap;gap:var(--q-space-1);margin-top:var(--q-space-4);padding:var(--q-space-1);border:1px solid var(--q-line);border-radius:var(--q-r-lg);max-width:100%}.period-switch button{min-height:44px;padding:0 var(--q-space-4);border:0;border-radius:var(--q-r);background:transparent;color:var(--q-ink);font:inherit;font-weight:600;cursor:pointer}.period-switch button:hover{background:var(--q-surface)}.period-switch button[aria-pressed=true]{background:var(--q-brand);color:var(--q-on-brand)}.form-grid .choice-row{border:0;margin:0;padding:0;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--q-space-5)}.form-grid .choice-row legend{padding:0;margin-bottom:var(--q-space-1);font-size:.875rem;font-weight:600}.form-grid .choice-row label{flex-direction:row;align-items:center;gap:var(--q-space-2);min-height:44px;font-size:1rem;font-weight:400;cursor:pointer}.form-grid .choice-row input{width:20px;min-height:0;height:20px;margin:0;padding:0;accent-color:var(--q-brand)}.form-grid input[aria-invalid=true]{border-color:var(--q-danger);box-shadow:inset 0 0 0 1px var(--q-danger)}.inv-sub{display:block}.nowrap{white-space:nowrap}.plan-name{display:flex;align-items:center;gap:var(--q-space-2);font-weight:700;min-height:28px}.plan-desc{font-size:.875rem;color:var(--q-muted)}.plan-price{font-family:var(--q-font-display);font-size:1.35rem;font-weight:600;margin-top:var(--q-space-1)}.plan-price .muted{font-family:var(--q-font-ui);font-size:.875rem;font-weight:400}.summary{flex:1 1 19rem;min-width:0;display:flex;flex-direction:column;gap:var(--q-space-3);position:sticky;top:calc(var(--h-header) + var(--q-space-4))}.summary h2,.summary p{margin:0}.summary-lines{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 0;margin:0}.summary-lines dt{color:var(--q-muted)}.summary-lines dd{margin:0;padding-left:var(--q-space-4);text-align:right;white-space:nowrap}.summary-lines .total{padding-top:10px;border-top:1px solid var(--q-line);color:var(--q-ink);font-weight:700}.summary-lines dd.total{font-size:1.25rem}.q-band,.q-badge{display:block;line-height:0}.q-band img,.q-badge img{width:auto;max-width:100%}@media(max-width:760px){.summary{position:static}}.signin{--hero-bg: var(--q-brand);--hero-ink: var(--q-on-brand);--hero-step-bg: var(--q-mint);--hero-step-ink: var(--q-mint-ink);--ms-bg: #ffffff;--ms-ink: #5e5e5e;--ms-border: #8c8c8c;position:relative;min-height:100vh;display:flex;flex-wrap:wrap;background:var(--q-ground)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .signin{--hero-bg: var(--q-mint);--hero-ink: var(--q-ink);--hero-step-bg: var(--q-brand);--hero-step-ink: var(--q-on-brand);--ms-bg: #2f2f2f;--ms-ink: #ffffff;--ms-border: #8c8c8c}}:root[data-theme=dark] .signin{--hero-bg: var(--q-mint);--hero-ink: var(--q-ink);--hero-step-bg: var(--q-brand);--hero-step-ink: var(--q-on-brand);--ms-bg: #2f2f2f;--ms-ink: #ffffff;--ms-border: #8c8c8c}.signin-tools{position:absolute;top:var(--q-space-5);right:var(--q-space-6);z-index:2;display:flex;align-items:center;gap:var(--q-space-1);padding:3px;border-radius:var(--q-r-lg);background:var(--q-raised);border:1px solid var(--q-line)}.signin-tools .icon-btn{border-color:transparent}.signin-hero{flex:1 1 520px;min-width:0;background:var(--hero-bg);color:var(--hero-ink);padding:var(--q-space-7) 56px;display:flex;flex-direction:column;gap:40px}.signin-hero .q-logo{color:var(--hero-ink)}.signin-brand{display:flex;align-items:center;gap:var(--q-space-2)}.signin-brand .q-logo-word{font-size:1.65rem}.signin-app{font-weight:600;opacity:.85;margin-left:4px}.signin-intro{display:flex;flex-direction:column;gap:14px;max-width:34rem}.signin-intro h1{font-size:2.75rem;line-height:1.1}.signin-intro p{margin:0;font-size:1.125rem;line-height:1.55;opacity:.9}.signin-plan{max-width:34rem;display:flex;flex-direction:column;gap:10px;padding:22px 24px;border-radius:var(--q-r-lg);background:color-mix(in srgb,var(--hero-ink) 8%,transparent);border:1px solid color-mix(in srgb,var(--hero-ink) 22%,transparent)}.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.signin-plan-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--q-space-2) var(--q-space-4)}.signin-plan-name{font-family:var(--q-font-display);font-size:1.5rem;font-weight:600}.signin-plan-total{font-size:1.125rem;font-weight:700}.signin-plan-note{font-size:.95rem;opacity:.9}.signin-steps{max-width:34rem;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--q-space-4)}.signin-steps li{display:flex;gap:14px;align-items:flex-start;font-size:1rem;line-height:1.5}.signin-step-n{flex:none;width:30px;height:30px;border-radius:999px;background:var(--hero-step-bg);color:var(--hero-step-ink);display:flex;align-items:center;justify-content:center;font-weight:700}.signin-panel{flex:1 1 480px;min-width:0;padding:104px 56px var(--q-space-6);display:flex;flex-direction:column;gap:var(--q-space-6);background:var(--q-ground)}.signin-box{flex:1;width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:20px}.signin-box h2{margin:0;font-size:2.125rem}.signin-box p{margin:0}.signin-lede{font-size:1.0625rem;line-height:1.55;color:var(--q-muted)}.ms-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 var(--q-space-5);border-radius:var(--q-r);border:1px solid var(--ms-border);background:var(--ms-bg);color:var(--ms-ink);font-family:"Segoe UI",var(--q-font-ui);font-size:1.0625rem;font-weight:600;cursor:pointer}.ms-btn:hover{box-shadow:var(--q-shadow)}.signin-pricing{border-top:1px solid var(--q-line);padding-top:var(--q-space-4);display:flex;flex-direction:column;gap:6px}.signin-pricing span{font-weight:700}.signin-pricing a{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font-weight:600}.signin-footer{border-top:1px solid var(--q-line);padding-top:var(--q-space-4);display:flex;flex-direction:column;gap:10px;font-size:.8125rem;color:var(--q-muted)}.signin-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--q-space-4)}.signin-footer li a{display:inline-flex;align-items:center;min-height:44px}.signin-footer p{margin:0}@media(max-width:640px){.signin-tools{top:var(--q-space-3);right:var(--q-space-4)}.signin-hero{padding:84px var(--q-space-4) var(--q-space-6);gap:var(--q-space-5)}.signin-intro h1{font-size:2rem}.signin-intro p{font-size:1.0625rem}.signin-panel{padding:var(--q-space-6) var(--q-space-4)}.signin-box h2{font-size:1.75rem}}