.appearance-backdrop{z-index:10020;background:#0c142270;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.appearance-dialog{border:1px solid var(--ui-border,#dadde3);border-radius:var(--radius-dialog,16px);width:min(560px,100%);max-height:calc(100dvh - 48px);color:var(--ui-text,#1d1d1f);background:var(--ui-surface,#fff);box-shadow:var(--shadow-overlay,0 16px 56px #0003);font-family:var(--font-family-ui,system-ui, sans-serif);text-align:left;flex-direction:column;font-size:14px;line-height:1.5;display:flex;overflow:hidden}.appearance-dialog__header{border-bottom:1px solid var(--ui-border,#dadde3);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.appearance-dialog__header h2{color:inherit;margin:0;font-size:22px;font-weight:600;line-height:1.25}.appearance-dialog__header p{color:var(--ui-text-muted,#5f636b);margin:8px 0 0;font-size:13px}.appearance-dialog__close{border:1px solid var(--ui-border,#dadde3);width:36px;height:36px;color:var(--ui-text-muted,#5f636b);background:var(--ui-surface,#fff);cursor:pointer;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.appearance-dialog__close svg{width:18px;height:18px}.appearance-dialog__body{gap:28px;min-height:0;padding:24px;display:grid;overflow-y:auto}.appearance-fieldset{border:0;min-width:0;margin:0;padding:0}.appearance-fieldset legend{margin-bottom:12px;padding:0;font-size:15px;font-weight:600}.appearance-style-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.appearance-style-card{border:1px solid var(--ui-border-strong,#858c97);background:var(--ui-surface,#fff);cursor:pointer;border-radius:12px;gap:6px;min-width:0;margin:0;padding:12px;transition:border-color .12s,background-color .12s;display:grid;position:relative}.appearance-style-card input,.appearance-mode-option input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.appearance-style-card.is-selected{border-color:var(--ui-accent,#06c);background:var(--ui-accent-soft,#eaf2fc);box-shadow:inset 0 0 0 1px var(--ui-accent,#06c)}.appearance-style-card__heading{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.appearance-style-card__heading strong{color:var(--ui-text,#1d1d1f);font-size:14px;font-weight:600}.appearance-selection{border:1px solid var(--ui-border-strong,#858c97);width:18px;height:18px;color:var(--ui-on-accent,#fff);border-radius:50%;flex:none;place-items:center;font-size:12px;line-height:1;display:grid}.is-selected .appearance-selection{border-color:var(--ui-accent,#06c);background:var(--ui-accent,#06c)}.appearance-style-card__description,.appearance-mode-help{color:var(--ui-text-muted,#5f636b);font-size:13px}.appearance-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.appearance-mode-option{border:1px solid var(--ui-border-strong,#858c97);min-height:44px;color:var(--ui-text-muted,#5f636b);background:var(--ui-surface,#fff);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px;display:flex;position:relative}.appearance-mode-option svg{flex:none;width:18px;height:18px}.appearance-mode-option.is-selected{border-color:var(--ui-accent,#06c);color:var(--ui-accent-hover,#0057ae);background:var(--ui-accent-soft,#eaf2fc);box-shadow:inset 0 0 0 1px var(--ui-accent,#06c);font-weight:500}.appearance-mode-help{margin:12px 0 0}.appearance-dialog__footer{border-top:1px solid var(--ui-border,#dadde3);flex:none;justify-content:flex-end;padding:16px 24px;display:flex}.appearance-dialog__done{border:1px solid var(--ui-accent,#06c);min-height:40px;color:var(--ui-on-accent,#fff);background:var(--ui-accent,#06c);font:inherit;cursor:pointer;border-radius:8px;padding:0 24px;font-weight:500}.appearance-dialog button:focus-visible{outline:2px solid var(--ui-accent,#06c);outline-offset:3px}.appearance-style-card:has(input:focus-visible){outline:2px solid var(--ui-accent,#06c);outline-offset:3px}.appearance-mode-option:has(input:focus-visible){outline:2px solid var(--ui-accent,#06c);outline-offset:3px}.appearance-dialog__close:hover{background:var(--ui-hover,#eceef1)}.appearance-dialog__done:hover{background:var(--ui-accent-hover,#0057ae)}.appearance-dialog button{transition:background-color .12s}.appearance-preview{background:#f5f5f7;border:1px solid #d9dde4;border-radius:7px;grid-template-columns:28px 1fr;gap:10px;height:102px;display:grid;overflow:hidden}.appearance-preview__sidebar{background:#fff;border-right:1px solid #e1e4e9;align-content:start;gap:8px;padding:14px 7px;display:grid}.appearance-preview__sidebar i{background:#d7dbe1;border-radius:2px;height:5px}.appearance-preview__sidebar i:first-child{background:#06c}.appearance-preview__content{align-content:start;gap:9px;min-width:0;padding:12px 10px 0 0;display:grid}.appearance-preview__title{background:#969ca6;border-radius:2px;width:50%;height:5px}.appearance-preview__metrics{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.appearance-preview__metrics i{background:#fff;border:1px solid #e1e4e9;border-radius:3px;height:20px}.appearance-preview__chart{border-bottom:1px solid #d2d7df;justify-content:space-around;align-items:end;gap:6px;height:32px;padding:0 7px;display:flex}.appearance-preview__chart i{background:#7a8b9d;border-radius:2px 2px 0 0;width:12px;height:50%}.appearance-preview__chart i:nth-child(2){height:75%}.appearance-preview__chart i:nth-child(3){height:60%}.appearance-preview__chart i:nth-child(4){height:95%}.appearance-preview__chart i:nth-child(5){height:80%}.appearance-preview--blue{background:#edf5ff}.appearance-preview--blue .appearance-preview__sidebar{background:#e0edff;border-color:#c5d9f3}.appearance-preview--blue .appearance-preview__metrics i{background:#dbeaff;border-color:#bdd2f5}.appearance-preview--blue .appearance-preview__metrics i:nth-child(2){background:#def2ee;border-color:#b8dcd8}.appearance-preview--blue .appearance-preview__metrics i:nth-child(3){background:#ece5fa;border-color:#d3c9ed}.appearance-preview--blue .appearance-preview__chart i{background:#4284cb}.appearance-preview--blue .appearance-preview__chart i:nth-child(2n){background:#3d9991}.appearance-preview--blue .appearance-preview__chart i:nth-child(3n){background:#8c73b5}.appearance-login-trigger{border:1px solid var(--border,#dadde3);min-height:40px;color:var(--muted,var(--ui-text-muted,#5f636b));background:var(--surface,var(--ui-surface,#fff));font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:inline-flex}.appearance-login-trigger svg{width:18px;height:18px}@media (width<=520px){.appearance-backdrop{padding:16px}.appearance-dialog{max-height:calc(100dvh - 32px)}.appearance-dialog__header,.appearance-dialog__body{padding:20px}.appearance-dialog__footer{padding:16px 20px}.appearance-mode-options{gap:6px}.appearance-mode-option{gap:6px;padding-inline:6px;font-size:13px}}@media (width<=360px){.appearance-style-options{grid-template-columns:1fr}.appearance-preview{height:80px}}@media (pointer:coarse){.appearance-dialog__close{width:44px;height:44px}.appearance-dialog__done,.appearance-login-trigger{min-height:44px}}@media (prefers-reduced-motion:reduce){.appearance-dialog button,.appearance-style-card{transition:none}}:root{font-synthesis:none;--bg:#edf5ff;--paper:#fff;--text:#0e1931;--muted:#536784;--line:#d4deed;--input-line:#8293ad;--accent:#165cf5;--accent-soft:#eaf2ff;--input:#fcfdff;--shadow:0 20px 75px #397bc214;--error:#a33232;--error-bg:#fff2f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}:root[data-theme=dark]{--bg:#091426;--paper:#101f35;--text:#edf3ff;--muted:#adc0de;--line:#30445f;--input-line:#647c9d;--accent:#82b4ff;--accent-soft:#1c3658;--input:#0c192c;--shadow:0 20px 75px #0004;--error:#ffc1bb;--error-bg:#3a2029;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}:where(.app) button,:where(.app) input,:where(.app) select{font:inherit}:where(.app) button,:where(.app) a,:where(.app) input,:where(.app) select{touch-action:manipulation;outline-offset:4px}:where(.app) button:focus-visible,:where(.app) a:focus-visible,:where(.app) input:focus-visible,:where(.app) select:focus-visible{outline:3px solid var(--accent)}:where(.app) button{cursor:pointer;border:0}:where(.app) button:disabled{cursor:wait;opacity:.55}:where(.app) a{color:inherit;text-decoration:none}:where(.app) h1,:where(.app) h2,:where(.app) p{margin:0}:where(.app) fieldset{border:0;min-width:0;margin:0;padding:0}.app{isolation:isolate;flex-direction:column;max-width:1720px;min-height:100svh;margin:auto;padding:32px clamp(28px,4.2vw,72px) 24px;display:flex;position:relative}:where(.app) .login-backdrop{z-index:-1;pointer-events:none;background:#edf6ff;position:fixed;inset:0;overflow:hidden}:where(.app) .login-backdrop img{object-fit:cover;object-position:center;width:100%;height:100%}:where(.app) .login-backdrop:after{content:"";background:linear-gradient(90deg,#f4f9ff3d,#0000 48%,#e4f2ff1a);position:absolute;inset:0}:root[data-theme=dark] .login-backdrop{background:#091426}:root[data-theme=dark] .login-backdrop img{opacity:.35}:root[data-theme=dark] .login-backdrop:after{background:linear-gradient(90deg,#071326e8,#0713265e 52%,#071326bf)}:where(.app) header{justify-content:space-between;align-items:center;gap:24px;display:flex}:where(.app) .brand{align-items:center;gap:14px;display:flex}:where(.app) .brand-mark{background:#fff;border-radius:10px;flex-shrink:0;width:50px;height:50px;display:block;overflow:hidden}:where(.app) .brand-mark img{width:auto;max-width:none;height:100%;display:block}:where(.app) .brand strong{letter-spacing:2px;font-size:21px;font-weight:650;line-height:1.5;display:block}:where(.app) .brand span{letter-spacing:4px;color:var(--muted);font-size:12px}:where(.app) .theme{color:var(--muted);align-items:center;gap:8px;display:flex}:where(.app) .theme svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:20px}:where(.app) .theme select{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px;font-size:12px;font-weight:550}:where(.app) .theme option{color:var(--text);background:var(--paper)}:where(.app) .login-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(420px,510px);align-items:stretch;gap:clamp(32px,4vw,68px);width:100%;margin:auto;padding:24px 0 28px;display:grid}:where(.app) .hero{flex-direction:column;min-width:0;padding-top:48px;display:flex}:where(.app) .eyebrow{letter-spacing:2px;color:var(--muted);align-items:center;gap:14px;font-size:14px;font-weight:500;display:flex}:where(.app) .eyebrow>span{background:var(--accent);flex-shrink:0;width:26px;height:1.5px}:where(.app) .hero h1{letter-spacing:-.045em;white-space:nowrap;margin:26px 0 22px;font-size:clamp(36px,3.55vw,59px);font-weight:700;line-height:1.5}:where(.app) .hero h1>span{color:var(--accent)}@supports ((-webkit-background-clip:text) or (background-clip:text)){:where(.app) .hero h1>span{color:#0000;background:linear-gradient(100deg,#2595ea,#165cf5 70%);-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .hero h1>span{background-image:linear-gradient(100deg,#9addff,#82b4ff)}}:where(.app) .hero>p{color:var(--muted);font-size:clamp(14px,1.12vw,17px);font-weight:450;line-height:1.95}:where(.app) .roles{gap:clamp(18px,2.1vw,34px);margin:28px 0 0;padding:0;list-style:none;display:flex}:where(.app) .roles li{color:var(--muted);flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:550;display:flex}:where(.app) .role-icon{color:#165cf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #ffffffc9;border-radius:16px;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 7px 24px #2e7ed808}:where(.app) .role-icon svg{stroke-width:1.9px;width:27px;height:27px}:where(.app) .roles li:nth-child(2) .role-icon{color:#007f96}:where(.app) .roles li:nth-child(3) .role-icon{color:#6840ed}:where(.app) .roles li:nth-child(4) .role-icon{color:#1777cb}:root[data-theme=dark] .role-icon{color:#82b4ff;background:#142a49b3;border-color:#30445f}:root[data-theme=dark] .roles li:nth-child(2) .role-icon{color:#7fddec}:root[data-theme=dark] .roles li:nth-child(3) .role-icon{color:#beabff}:root[data-theme=dark] .roles li:nth-child(4) .role-icon{color:#85caff}:where(.app) .hero-signature{margin-top:auto;padding:110px 0 24px}:where(.app) .hero-signature p{letter-spacing:5px;color:#284b82;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(23px,2vw,30px);font-weight:400;display:inline-block;position:relative;transform:rotate(-3deg)}:where(.app) .hero-signature p:after{content:"";border-top:1px solid #3c69b9;border-radius:50%;width:90%;height:12px;position:absolute;bottom:-13px;left:8%;transform:rotate(-1deg)}:where(.app) .hero-signature>span{letter-spacing:4px;color:var(--muted);margin-top:28px;font-size:9px;font-weight:500;display:block}:root[data-theme=dark] .hero-signature p{color:#b4d1ff}:where(.app) .login-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffef;border:1px solid #ffffffd9;border-radius:26px;align-self:center;padding:36px 44px 26px}:root[data-theme=dark] .login-card{background:#101f35f2;border-color:#30445f}:where(.app) .card-heading{position:relative}:where(.app) .card-kicker{color:var(--accent);letter-spacing:2px;margin-bottom:10px;font-size:15px;font-weight:600}:where(.app) .login-card h2{letter-spacing:-.7px;font-size:34px;font-weight:650;line-height:1.4}:where(.app) .card-intro{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.85}:where(.app) .card-annotation{color:#547bba;letter-spacing:2px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:14px;line-height:1.6;position:absolute;top:42px;right:-4px;transform:rotate(-11deg)}:where(.app) .card-annotation:after{content:"";border-top:1px solid #99b9eb;border-radius:50%;height:8px;position:absolute;inset:auto -4px -7px 0}:root[data-theme=dark] .card-annotation{color:#9abcec}:where(.app) .tabs{border-bottom:1px solid var(--line);gap:34px;margin-top:20px;margin-bottom:20px;display:flex}:where(.app) .tabs button{min-height:46px;color:var(--muted);background:0 0;padding:0 2px 12px;font-size:15px;position:relative}:where(.app) .tabs button[aria-selected=true]{color:var(--accent);font-weight:600}:where(.app) .tabs button[aria-selected=true]:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-1px;left:0;right:0}:where(.app) .field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}:where(.app) .field>span,:where(.app) .field>label{color:var(--text);font-size:13px;font-weight:600}:where(.app) input:not([type=checkbox]){border:1px solid var(--input-line);background:var(--input);width:100%;height:50px;color:var(--text);border-radius:9px;padding:0 14px;font-size:13px;transition:border-color .15s,box-shadow .15s}:where(.app) input::placeholder{color:var(--muted);opacity:.9}:where(.app) input:hover{border-color:var(--muted)}:where(.app) input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent), transparent 90%)}:where(.app) .field small{color:var(--muted);font-size:11px;line-height:1.7}:where(.app) .icon-input,:where(.app) .password-input{position:relative}:where(.app) .icon-input input,:where(.app) .password-input input{padding-left:46px}:where(.app) .password-input input{padding-right:50px}:where(.app) .input-icon{width:20px;height:20px;color:var(--muted);pointer-events:none;position:absolute;top:15px;left:16px}:where(.app) .input-icon svg{width:20px;height:20px;display:block}:where(.app) .reveal{width:44px;height:44px;color:var(--muted);background:0 0;border-radius:6px;place-items:center;display:grid;position:absolute;top:3px;right:3px}:where(.app) .reveal:hover{background:var(--accent-soft)}:where(.app) .reveal svg{width:20px;height:20px}:where(.app) .form-options{justify-content:space-between;align-items:center;gap:10px;margin:-6px 0 12px;font-size:13px;display:flex}:where(.app) .checkbox{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;gap:8px;display:flex}:where(.app) .checkbox input{accent-color:#165cf5;width:17px;height:17px;margin:0}:where(.app) .text-button{min-height:44px;color:var(--accent);background:0 0;padding:0;font-size:13px;font-weight:550;line-height:1.7}:where(.app) .text-button:hover{text-decoration:underline}:where(.app) .primary{color:#fff;background:linear-gradient(100deg,#165cf5,#0075db);border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 20px;font-size:15px;font-weight:600;display:flex;box-shadow:0 6px 15px #1665fb21}:where(.app) .primary:hover{filter:brightness(1.06)}:where(.app) .primary:active{filter:brightness(.95)}:where(.app) .submit{letter-spacing:.5px;width:100%;min-height:56px;margin-top:4px;font-size:17px;position:relative}:where(.app) .submit svg{width:22px;height:22px;position:absolute;right:20px}:where(.app) .first-time{text-align:center;color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}:where(.app) .first-time:before,:where(.app) .first-time:after{content:"";background:var(--line);flex:1;height:1px}:where(.app) .first-time .text-button{font-size:12px}:where(.app) .login-note{color:var(--muted);align-items:flex-start;gap:8px;margin-top:6px;padding-top:10px;font-size:11px;line-height:1.8;display:flex}:where(.app) .login-note>svg{width:20px;height:20px;color:var(--muted);flex-shrink:0;margin-top:1px}:where(.app) footer{color:var(--muted);letter-spacing:.5px;justify-content:space-between;gap:20px;font-size:10px;line-height:1.8;display:flex}:where(.app) footer strong{font-weight:600}:where(.app) footer i{padding:0 16px;font-style:normal}:where(.app) .notice{border:1px solid color-mix(in srgb, var(--error), transparent 70%);background:var(--error-bg);color:var(--error);overflow-wrap:anywhere;border-radius:8px;margin:12px 0;padding:12px 14px;font-size:12px;line-height:1.8}:where(.app) .notice.success{color:var(--accent);background:var(--accent-soft);border-color:var(--line)}:where(.app) .notice details{margin-top:5px;font-size:10px}:where(.app) .notice summary{cursor:pointer}:where(.app) .code-input{position:relative}:where(.app) .code-input input{padding-right:120px}:where(.app) .send-code{border-left:1px solid var(--line);height:26px;color:var(--accent);background:0 0;padding:0 0 0 12px;font-size:11px;position:absolute;top:10px;right:10px}:where(.app) .challenge-time{color:var(--muted);margin:-8px 0 20px;font-size:11px}:where(.app) .spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}:where(.app) .session-screen{text-align:center;max-width:640px;margin:auto;padding:90px 0}:where(.app) .session-screen h1{margin:20px 0 12px;font-size:25px}:where(.app) .session-screen p{color:var(--muted);font-size:13px}:where(.app) .workspace{flex:1;width:min(780px,100%);margin:70px auto}:where(.app) .workspace-heading h1{letter-spacing:-1px;margin:18px 0 12px;font-size:36px;font-weight:550}:where(.app) .workspace-heading p{color:var(--muted);font-size:14px;line-height:1.9}:where(.app) .identity-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin-top:32px;padding:30px 32px}:where(.app) .identity-top{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:26px;display:flex}:where(.app) .avatar{width:46px;height:46px;color:var(--accent);background:var(--accent-soft);border-radius:13px;place-items:center;font-size:19px;display:grid}:where(.app) .identity-top h2{font-size:18px;font-weight:550}:where(.app) .identity-top span{color:var(--muted);font-size:12px}:where(.app) .identity-top .badge{background:var(--accent-soft);color:var(--accent);border-radius:20px;margin-left:auto;padding:5px 12px;font-size:11px}:where(.app) dl{margin:25px 0}:where(.app) dl>div{grid-template-columns:100px 1fr;gap:15px;margin-bottom:20px;font-size:13px;display:grid}:where(.app) dt{color:var(--muted)}:where(.app) dd{overflow-wrap:anywhere;margin:0}:where(.app) dd small{color:var(--muted);letter-spacing:.2px;margin-top:7px;font-size:11px;display:block}:where(.app) .identifier{font-size:11px}:where(.app) .scope-note{color:var(--muted);padding:12px 0;font-size:12px;line-height:1.8}:where(.app) .workspace-foot{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding-top:20px;font-size:11px;display:flex}:where(.app) .status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}:where(.app) .scope-tag{margin-left:auto}:where(.app) .workspace-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px;display:flex}:where(.app) .secondary{background:var(--paper);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:11px 18px;font-size:12px}:where(.app) .handoff{margin-top:28px}:where(.app) .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.app) .code-input .send-code{border-radius:0 6px 6px 0;height:44px;min-height:44px;padding:0 9px 0 12px;font-size:12px;top:3px;right:4px}:where(.app) .back{margin:16px 0}:where(.app) .signed-in .brand-mark{width:42px;height:42px}@media (width>=1600px){:where(.app) .login-layout{grid-template-columns:minmax(0,1fr) 540px;padding-top:42px}:where(.app) .login-card{padding:46px 48px 34px}:where(.app) .hero{padding-top:58px}}@media (width<=1150px) and (width>=901px){:where(.app) .login-layout{grid-template-columns:minmax(0,1fr) 420px;gap:28px}:where(.app) .login-card{padding:32px 30px 26px}:where(.app) .hero h1{font-size:33px}:where(.app) .hero>p{font-size:13px}:where(.app) .roles{gap:18px}:where(.app) .role-icon{width:52px;height:52px}:where(.app) .roles li,:where(.app) .card-annotation{font-size:12px}}@media (width<=900px){.app{padding:26px 28px 22px}:where(.app) .login-backdrop img{object-position:40% center;opacity:.48}:where(.app) .login-backdrop:after{background:linear-gradient(#f1f7ff66,#edf5ffb3)}:root[data-theme=dark] .login-backdrop img{opacity:.2}:where(.app) .login-layout{grid-template-columns:1fr;gap:24px;width:min(510px,100%);padding:34px 0 28px}:where(.app) .hero{padding:0}:where(.app) .hero .eyebrow,:where(.app) .hero>p,:where(.app) .roles,:where(.app) .hero-signature{display:none}:where(.app) .hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(29px,5.3vw,40px);line-height:1.5}:where(.app) .login-card{border-radius:22px;width:100%;padding:34px}:where(.app) footer>span:last-child{display:none}:where(.app) footer{text-align:center;justify-content:center}}@media (width<=480px){.app{padding:22px 18px 20px}:where(.app) .brand{gap:10px}:where(.app) .brand-mark{width:40px;height:40px}:where(.app) .brand strong{letter-spacing:1px;font-size:17px}:where(.app) .brand span{letter-spacing:3px;font-size:10px}:where(.app) .theme{gap:2px}:where(.app) .theme svg{width:18px}:where(.app) .theme select{padding:6px;font-size:11px}:where(.app) .login-layout{gap:20px;padding:26px 0 24px}:where(.app) .hero h1{font-size:clamp(24px,6.4vw,31px)}:where(.app) .login-card{border-radius:20px;padding:28px 24px 24px}:where(.app) .card-kicker{font-size:13px}:where(.app) .login-card h2{font-size:29px}:where(.app) .card-intro{font-size:12px}:where(.app) .card-annotation{display:none}:where(.app) .tabs{gap:26px;margin-top:20px}:where(.app) .tabs button{font-size:14px}:where(.app) .form-options,:where(.app) .form-options .text-button{font-size:12px}:where(.app) .submit{min-height:52px;font-size:16px}:where(.app) .login-note{font-size:10px}:where(.app) footer{font-size:9px}:where(.app) footer i{padding:0 8px}:where(.app) .workspace{margin:42px auto}:where(.app) .workspace-heading h1{font-size:28px}:where(.app) .identity-card{padding:22px 20px}:where(.app) dl>div{grid-template-columns:74px minmax(0,1fr);gap:10px}:where(.app) .identity-top{flex-wrap:wrap;gap:10px}:where(.app) .workspace-foot{flex-wrap:wrap}:where(.app) .scope-tag{margin-left:0}}@media (width>=1600px) and (height<=960px){:where(.app) .login-layout{padding-top:24px}:where(.app) .hero{padding-top:36px}:where(.app) .hero-signature{padding-top:80px}:where(.app) .login-card{padding:36px 44px 26px}}@media (width>=901px) and (height<=880px){.app:not(.signed-in){padding-top:20px;padding-bottom:16px}.app:not(.signed-in) .brand-mark{width:42px;height:42px}.app:not(.signed-in) .brand strong{font-size:18px}.app:not(.signed-in) .brand span{font-size:11px}:where(.app) .login-layout{padding:16px 0}:where(.app) .hero{padding-top:24px}:where(.app) .hero h1{margin:18px 0;font-size:clamp(32px,3vw,46px)}:where(.app) .hero>p{font-size:14px}:where(.app) .roles{margin-top:20px}:where(.app) .role-icon{width:52px;height:52px}:where(.app) .hero-signature{padding:40px 0 0}:where(.app) .hero-signature>span{margin-top:20px}:where(.app) .login-card{border-radius:22px;padding:26px 32px 22px}:where(.app) .card-kicker{margin-bottom:6px;font-size:13px}:where(.app) .login-card h2{font-size:30px;line-height:1.35}:where(.app) .card-intro{margin-top:8px;font-size:13px;line-height:1.7}:where(.app) .card-annotation{font-size:12px;top:28px}:where(.app) .tabs{margin-top:16px;margin-bottom:16px}:where(.app) .tabs button{min-height:44px;font-size:14px}:where(.app) .field{gap:6px;margin-bottom:14px}:where(.app) input:not([type=checkbox]){height:44px}:where(.app) .input-icon{top:12px}:where(.app) .reveal,:where(.app) .code-input .send-code{top:0}:where(.app) .form-options{margin:-4px 0 8px}:where(.app) .submit{min-height:48px;font-size:16px}:where(.app) .first-time{margin-top:8px}:where(.app) .login-note{margin-top:4px;padding-top:8px;font-size:10px}}@media (width>=901px) and (height<=780px){:where(.app) .login-card[data-mode=password] .card-intro,:where(.app) .login-card[data-mode=sms] .card-intro,:where(.app) .card-annotation{display:none}}@media (width>=901px) and (height<=700px){.app:not(.signed-in){padding-top:10px;padding-bottom:10px}:where(.app) .login-layout{padding:8px 0}:where(.app) .hero-signature{display:none}:where(.app) .login-card{padding-top:20px;padding-bottom:18px}:where(.app) .tabs{margin-top:12px;margin-bottom:12px}}@media (width<=900px) and (height<=1000px){:where(.app) .login-layout{gap:0;padding:20px 0}:where(.app) .hero{display:none}:where(.app) .login-card{padding:26px 24px 22px}:where(.app) .login-card h2{font-size:28px}:where(.app) .card-intro{font-size:12px;line-height:1.7}:where(.app) .card-annotation{display:none}:where(.app) .tabs{margin-top:16px;margin-bottom:16px}:where(.app) .first-time{margin-top:12px}}@media (width<=900px) and (height<=780px){:where(.app) .login-card{padding-top:22px;padding-bottom:22px}:where(.app) .login-card[data-mode=password] .card-intro,:where(.app) .login-card[data-mode=sms] .card-intro{display:none}:where(.app) .field{gap:6px;margin-bottom:14px}:where(.app) input:not([type=checkbox]){height:44px}:where(.app) .input-icon{top:12px}:where(.app) .reveal,:where(.app) .code-input .send-code{top:0}:where(.app) .first-time{margin-top:8px}}@media (prefers-reduced-motion:reduce){*,:where(.app) :before,:where(.app) :after{transition:none!important}:where(.app) .spinner{animation-duration:2s}}:root{--font-family-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--text-caption:12px;--text-meta:13px;--text-control:14px;--text-body:15px;--text-mobile-input:16px;--text-section-title:18px;--text-page-title:24px;--text-metric:28px;--leading-tight:1.25;--leading-control:1.35;--leading-body:1.6;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-input:8px;--radius-button:8px;--radius-panel:12px;--radius-dialog:16px;--radius-pill:999px;--control-height:40px;--control-height-compact:36px;--button-height:var(--control-height);--button-height-compact:var(--control-height-compact);--button-radius:var(--radius-button);--button-font-size:var(--text-control);--field-height:var(--control-height);--field-radius:var(--radius-input);--field-font-size:var(--text-control);--shell-sidebar-primary-font-size:15px;--shell-sidebar-secondary-font-size:14px;--dialog-radius:var(--radius-dialog);--dialog-shadow:var(--shadow-overlay);--record-panel-radius:var(--radius-panel);--record-panel-shadow:var(--shadow-panel);--shadow-panel:none;--shadow-overlay:0 16px 56px #00000029;--shadow-control:0 1px 2px #00000009;--shadow-float:0 8px 24px #00000014;--shadow-status-dot:0 0 0 3px color-mix(in oklch, currentColor 12%, transparent);--duration-instant:80ms;--duration-fast:.12s;--duration-base:.18s;--ease-out:cubic-bezier(.16, 1, .3, 1);--z-dropdown:80;--z-popover:90;--z-sticky:20;--z-modal-backdrop:120;--z-modal:130;--z-toast:140;--z-tooltip:150;--ops-canvas:#f5f5f7;--ops-surface:#fff;--ops-sunken:#eceef1;--ops-text:#1d1d1f;--ops-text-muted:#5f636b;--ops-text-faint:#676c75;--ops-border:#dadde3;--ops-input-border:#7e8590;--ops-accent:#06c;--ops-accent-hover:#0057ae;--ops-accent-soft:#eaf2fc;--ops-on-accent:#fff;--ops-success:#1f7a49;--ops-warning:#916000;--ops-danger:#be3434;--ops-chart-visits:#0072b2;--ops-chart-received:#00847c;--ops-chart-net:#7259b5;--ops-chart-services:#a46610;--ops-chart-wallet:#5f6f89;--ops-chart-package:#8a5b7b;--ops-chart-comparison:#6d727b;--ops-chart-heat-0:#f3f6fa;--ops-chart-heat-1:#dce9f7;--ops-chart-heat-2:#b3d1ee;--ops-chart-heat-3:#6ba5d7;--ops-chart-heat-4:#0066a3;--ops-chart-heat-ink:#1d1d1f;--ops-chart-heat-strong-ink:#fff;--hq-text-subtitle:18px;--hq-text-display:32px;font-family:var(--font-family-ui);font-size:var(--text-body);line-height:var(--leading-body);font-variant-numeric:tabular-nums;color:var(--ops-text);background:var(--ops-canvas);--ops-panel-accent-border:var(--ops-border);--ops-nav-surface:var(--ops-surface);--ops-topbar-surface:var(--ops-surface);--ops-decor-blue-ink:var(--ops-text-muted);--ops-decor-teal-ink:var(--ops-text-muted);--ops-decor-violet-ink:var(--ops-text-muted);--ops-decor-orange-ink:var(--ops-text-muted);--ops-decor-rose-ink:var(--ops-text-muted);--ops-decor-blue-soft:var(--ops-sunken);--ops-decor-teal-soft:var(--ops-sunken);--ops-decor-violet-soft:var(--ops-sunken);--ops-decor-orange-soft:var(--ops-sunken);--ops-decor-rose-soft:var(--ops-sunken)}:root[data-theme=dark]{--ops-canvas:#17181b;--ops-surface:#222428;--ops-sunken:#2b2e33;--ops-text:#f4f5f7;--ops-text-muted:#bdc1c9;--ops-text-faint:#a2a8b2;--ops-border:#42464f;--ops-input-border:#858d9b;--ops-accent:#79b7ff;--ops-accent-hover:#9ac9ff;--ops-accent-soft:#233b56;--ops-on-accent:#122238;--ops-success:#7bd3a3;--ops-warning:#e6bd69;--ops-danger:#f99;--ops-chart-visits:#79bfff;--ops-chart-received:#68cec3;--ops-chart-net:#b9a2ef;--ops-chart-services:#dcb16d;--ops-chart-wallet:#a9b9d2;--ops-chart-package:#d5a1c1;--ops-chart-comparison:#a2a8b2;--ops-chart-heat-0:#222a34;--ops-chart-heat-1:#273e55;--ops-chart-heat-2:#355e7e;--ops-chart-heat-3:#477494;--ops-chart-heat-4:#8fc8f1;--ops-chart-heat-ink:#f4f5f7;--ops-chart-heat-strong-ink:#122238;--shadow-control:none;--shadow-float:0 8px 24px #0000003d;--shadow-overlay:0 16px 56px #0006}:root:not([data-appearance]),:root[data-appearance=blue]{--ops-canvas:#edf5ff;--ops-surface:#fff;--ops-sunken:#e7f0fb;--ops-text:#1c3048;--ops-text-muted:#50657b;--ops-text-faint:#576a80;--ops-border:#cbdced;--ops-input-border:#74869c;--ops-accent:#1b64ad;--ops-accent-hover:#15548f;--ops-accent-soft:#dfedfc;--ops-on-accent:#fff;--ops-success:#17734b;--ops-warning:#916000;--ops-danger:#b83d47;--ops-chart-visits:#2d76c8;--ops-chart-received:#12837b;--ops-chart-net:#7c62be;--ops-chart-services:#a96718;--ops-chart-wallet:#526c99;--ops-chart-package:#ad537c;--ops-chart-comparison:#64748b;--ops-decor-blue-ink:#226cb5;--ops-decor-teal-ink:#08766f;--ops-decor-violet-ink:#7653bd;--ops-decor-orange-ink:#945b12;--ops-decor-rose-ink:#a0476d;--ops-decor-blue-soft:color-mix(in srgb, var(--ops-decor-blue-ink) 10%, var(--ops-surface));--ops-decor-teal-soft:color-mix(in srgb, var(--ops-decor-teal-ink) 10%, var(--ops-surface));--ops-decor-violet-soft:color-mix(in srgb, var(--ops-decor-violet-ink) 10%, var(--ops-surface));--ops-decor-orange-soft:color-mix(in srgb, var(--ops-decor-orange-ink) 10%, var(--ops-surface));--ops-decor-rose-soft:color-mix(in srgb, var(--ops-decor-rose-ink) 10%, var(--ops-surface));--ops-nav-surface:#f5f9ff;--ops-topbar-surface:#fbfdff;--ops-panel-accent-border:#cbdced;--shadow-panel:0 2px 8px #3167a00e;--shadow-control:0 1px 3px #3167a00e}:root[data-theme=dark]:not([data-appearance]),:root[data-theme=dark][data-appearance=blue]{--ops-canvas:#102034;--ops-surface:#172d45;--ops-sunken:#203b57;--ops-text:#ebf4ff;--ops-text-muted:#bbd0e7;--ops-text-faint:#a2bbd5;--ops-border:#345570;--ops-input-border:#718eac;--ops-accent:#85c2ff;--ops-accent-hover:#a9d5ff;--ops-accent-soft:#244969;--ops-on-accent:#10233a;--ops-success:#82d5ac;--ops-warning:#eac581;--ops-danger:#ffacb4;--ops-chart-visits:#82c6ff;--ops-chart-received:#72d4c4;--ops-chart-net:#c4adf5;--ops-chart-services:#e8bb77;--ops-chart-wallet:#b1c3e5;--ops-chart-package:#e6b3cf;--ops-chart-comparison:#a2bbd5;--ops-decor-blue-ink:#91c9ff;--ops-decor-teal-ink:#79d9c6;--ops-decor-violet-ink:#c7aff7;--ops-decor-orange-ink:#ecc58c;--ops-decor-rose-ink:#edb1cb;--ops-nav-surface:#14283d;--ops-topbar-surface:#172d45;--ops-panel-accent-border:#345570;--shadow-panel:0 2px 8px #0008141f}:root,:root :is(.management-host,.frontdesk-host){--ui-porcelain-0:var(--ops-surface);--ui-porcelain-1:var(--ops-canvas);--ui-porcelain-2:var(--ops-sunken);--ui-porcelain-3:var(--ops-border);--ui-ink-1:var(--ops-text);--ui-ink-2:var(--ops-text-muted);--ui-ink-3:var(--ops-text-faint);--ui-azure:var(--ops-accent);--ui-azure-hover:var(--ops-accent-hover);--ui-azure-soft:var(--ops-accent-soft);--ui-success:var(--ops-success);--ui-warning:var(--ops-warning);--ui-danger:var(--ops-danger);--ui-info:var(--ops-accent);--ui-browser-theme-color:var(--ops-canvas);--ui-scrim:#0c18286b;--bg:var(--ops-canvas);--paper:var(--ops-surface);--text:var(--ops-text);--muted:var(--ops-text-muted);--line:var(--ops-border);--input-line:var(--ops-input-border);--accent:var(--ops-accent);--accent-soft:var(--ops-accent-soft);--input:var(--ops-surface);--error:var(--ops-danger);--error-bg:var(--ui-status-danger-soft);--frontdesk-avatar-color:var(--ops-accent);--frontdesk-avatar-background:var(--ops-accent-soft);--frontdesk-avatar-border:var(--ops-border);--frontdesk-avatar-shadow:none;--ui-canvas:var(--ops-canvas);--ui-surface:var(--ops-surface);--ui-overlay:var(--ops-surface);--ui-sunken:var(--ops-sunken);--ui-text:var(--ops-text);--ui-text-muted:var(--ops-text-muted);--ui-text-faint:var(--ops-text-faint);--ui-border:var(--ops-border);--ui-border-strong:var(--ops-input-border);--ui-accent:var(--ops-accent);--ui-accent-hover:var(--ops-accent-hover);--ui-accent-soft:var(--ops-accent-soft);--ui-on-accent:var(--ops-on-accent);--ui-focus-ring:var(--ops-accent);--ui-hover:color-mix(in srgb, var(--ops-text) 4%, var(--ops-surface));--ui-pressed:color-mix(in srgb, var(--ops-text) 7%, var(--ops-surface));--ui-selected:var(--ops-accent-soft);--ui-status-success:var(--ops-success);--ui-status-warning:var(--ops-warning);--ui-status-danger:var(--ops-danger);--ui-status-info:var(--ops-accent);--ui-status-success-soft:color-mix(in srgb, var(--ops-success) 9%, var(--ops-surface));--ui-status-warning-soft:color-mix(in srgb, var(--ops-warning) 9%, var(--ops-surface));--ui-status-danger-soft:color-mix(in srgb, var(--ops-danger) 9%, var(--ops-surface));--ui-status-info-soft:var(--ops-accent-soft);--ui-action-teal:var(--ops-decor-teal-ink);--ui-action-teal-hover:color-mix(in srgb, var(--ui-action-teal) 88%, var(--ops-text));--ui-action-teal-soft:var(--ops-decor-teal-soft);--ui-action-orange:var(--ops-decor-orange-ink);--ui-action-orange-hover:color-mix(in srgb, var(--ui-action-orange) 88%, var(--ops-text));--ui-action-orange-soft:var(--ops-decor-orange-soft);--ui-action-violet:var(--ops-decor-violet-ink);--ui-action-violet-hover:color-mix(in srgb, var(--ui-action-violet) 88%, var(--ops-text));--ui-action-violet-soft:var(--ops-decor-violet-soft);--ui-on-action-orange:var(--ops-on-accent);--ui-chart-series-primary:var(--ops-chart-visits);--ui-chart-series-secondary:var(--ops-chart-received);--ui-chart-series-tertiary:var(--ops-chart-wallet);--background:var(--ops-canvas);--surface:var(--ops-surface);--surface-solid:var(--ops-surface);--surface-soft:var(--ops-sunken);--foreground:var(--ops-text);--muted-foreground:var(--ops-text-muted);--border:var(--ops-border);--primary:var(--ops-accent);--primary-foreground:var(--ops-on-accent);font-family:var(--font-family-ui);font-size:var(--text-body);line-height:var(--leading-body);font-variant-numeric:tabular-nums;color:var(--ops-text)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root body{background:var(--ops-canvas);color:var(--ops-text)}:root :is(.management-host,.frontdesk-host) :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--ops-accent);outline-offset:3px}:root :is(.management-host,.frontdesk-host) :is(.ui-button,.ui-select-field select){font-weight:var(--weight-medium)}:root :is(.management-host,.frontdesk-host) .ui-person-avatar{--avatar-bg-start:var(--ops-sunken);--avatar-bg-end:var(--ops-surface);--avatar-shirt:var(--ops-text-muted);border-color:var(--ops-border);box-shadow:none}:root[data-appearance=blue] :is(.management-host,.frontdesk-host) .ui-person-avatar{--avatar-bg-start:var(--ops-decor-blue-soft);--avatar-bg-end:var(--ops-surface);--avatar-shirt:var(--ops-decor-blue-ink)}:root :is(.management-host,.frontdesk-host) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--ops-input-border)}:root :is(.manager-sidebar,.hq-sidebar,.finance-navigation,.frontdesk-sidebar){background:var(--ops-nav-surface)}:root :is(.manager-topbar,.hq-topbar,.finance-shell-header,.frontdesk-topbar){background:var(--ops-topbar-surface)}@media (pointer:coarse){:root,:root :is(.management-host,.frontdesk-host){--control-height:44px;--control-height-compact:44px}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s}}