/* Production account pages share the same glass material without changing account logic. */
body.glass-accounts.in-workspace{padding:30px;--sidebar-width:200px}
body.glass-accounts.in-workspace .workspace{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:70px auto;max-width:1740px;margin:auto;padding:0;min-height:calc(100vh - 60px);border:1px solid #ffffffa8;border-radius:32px;background:#ffffff73;backdrop-filter:blur(28px) saturate(140%);box-shadow:inset 0 1px 0 #fffd,0 30px 90px -24px #85665845;overflow:clip}
body.glass-accounts.in-workspace .workspace-nav{position:sticky;left:auto;bottom:auto;top:30px;grid-column:1;grid-row:1/span 2;width:200px;height:calc(100vh - 60px);min-height:0;align-self:start;padding:28px 14px}
body.glass-accounts.in-workspace .workspace-bar{grid-column:2;grid-row:1;padding:18px 32px;margin:0}
body.glass-accounts.in-workspace .workspace>section{grid-column:2;grid-row:2;width:100%;max-width:none;padding:28px 32px}
body.glass-accounts.in-workspace .team-summary{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:130px 130px;gap:20px}
body.glass-accounts.in-workspace .team-summary>div:first-child{grid-column:1/span 8;grid-row:1/span 2;display:flex;flex-direction:column;justify-content:center;padding:32px}
body.glass-accounts.in-workspace .team-summary>div:not(:first-child){grid-column:9/span 4;padding:20px 24px}
body.glass-accounts.in-workspace .team-summary>div:first-child b{font-size:64px;font-weight:500;line-height:1.2}
@media(max-width:960px){body.glass-accounts.in-workspace{padding:16px}body.glass-accounts.in-workspace .workspace{grid-template-columns:180px minmax(0,1fr)}body.glass-accounts.in-workspace .workspace-nav{width:180px;height:calc(100vh - 32px);top:16px}body.glass-accounts.in-workspace .workspace>section{padding:24px}}
@media(max-width:760px){body.glass-accounts.in-workspace{padding:12px}body.glass-accounts.in-workspace .workspace{display:block;border-radius:24px}body.glass-accounts.in-workspace .workspace-nav{position:relative;top:auto;width:100%;height:auto}body.glass-accounts.in-workspace .workspace>section{padding:24px 18px}body.glass-accounts.in-workspace .team-summary{grid-template-columns:1fr 1fr;grid-template-rows:230px auto;gap:14px}body.glass-accounts.in-workspace .team-summary>div:first-child{grid-column:1/-1;grid-row:1}body.glass-accounts.in-workspace .team-summary>div:not(:first-child){grid-column:auto;grid-row:2;padding:20px}}
@font-face{font-family:Manrope;src:url('/fonts/manrope-medium.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
body.glass-accounts{--ink:#342D29;--muted:#807169;--green:#B66D44;--deep:#1B1B19;--line:#ffffffa3;--wash:#EBD7CC;--light:#fff7f15e;background:radial-gradient(ellipse at 8% 0%,#E4C0A6 0,transparent 54%),radial-gradient(ellipse at 80% 28%,#D4B8AC 0,transparent 62%),linear-gradient(155deg,#E4C0A6,#D4B8AC 48%,#EBD7CC);background-attachment:fixed;color:#342D29;font-family:Manrope,'Microsoft YaHei UI','PingFang SC',sans-serif;font-variant-numeric:tabular-nums;isolation:isolate}
.glass-accounts::before,.glass-accounts::after{content:'';position:fixed;inset:-40% -25% auto -20%;height:80vh;border:1px solid #ffffff66;border-radius:50%;transform:rotate(-16deg);box-shadow:0 20px 80px #ffffff38;pointer-events:none;z-index:-1}
.glass-accounts::after{inset:55% -25% auto 20%;height:65vh;transform:rotate(-22deg);border-color:#ffffff35;box-shadow:0 -20px 80px #ffffff20}
.glass-accounts :is(.auth-card,.hierarchy,.modal,.team-summary>div,.personal-stats article,.team-table-wrap,.setup-card,.setup-help,.connected-sources,.permission-guide,.setup-overview,.dashboard-welcome){background:rgba(255,255,255,.53);border:1px solid #ffffffbF;border-radius:24px;box-shadow:inset 0 1px 0 #fffffff0,0 18px 55px -25px #79523938;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}
.glass-accounts.in-workspace :is(.setup-card,.connected-sources,.team-summary>div,.permission-guide){background:rgba(255,255,255,.53);border-color:#ffffffbf;border-radius:24px;box-shadow:inset 0 1px 0 #fffffff0,0 18px 55px -25px #79523938}
.glass-accounts :is(.mast-note,.intro>p,.intro-badges,.hierarchy-caption,.hierarchy-note,.sub,.fine-print,.field small,.form-meta,.join-link,.site-footer,.auth-footer-actions,.feishu-entry p,.employee-resume,.workspace-top p,.workspace-breadcrumb,.workspace-access,.workspace-footnote){color:#807169}
.glass-accounts :is(.eyebrow,.setup-kicker,.help-label,.text-button,.employee-resume,.muted-button,.workspace-top .eyebrow,.workspace-breadcrumb b){color:#A96A47}
.glass-accounts .intro h1{font-size:52px;line-height:1.32;letter-spacing:-1.8px;font-weight:600}
.glass-accounts .intro h1 span{color:#B66D44}
.glass-accounts .logo{color:#342D29}
.glass-accounts .logo-mark{background:linear-gradient(135deg,#E7A471,#B66D44);color:#fff;border:1px solid #ffffff94;box-shadow:inset 0 1px 0 #ffffffa8,0 6px 18px #a8714924}
.glass-accounts .auth-card h2{font-size:34px;line-height:1.35;letter-spacing:-1px;color:#342D29}
.glass-accounts :is(.owner-node,.child-nodes>div,.invite-context,.register-info,.preview-result,.connection-success,.setup-checks label,.field-chips>span){background:#ffffff69;border-color:#ffffffbd;border-radius:14px;color:#886D5B}
.glass-accounts :is(.node-icon,.avatar,.avatar.blue,.avatar.gold,.team-avatar,.owner-node>span:last-child,.tag,.role,.count-badge,.setup-overview-icon,.welcome-icon,.setup-empty>span,.step-number){background:#E7C5AA54;color:#A56440;border-color:#ffffffa3}
.glass-accounts :is(.owner-node small,.child-nodes small,.invite-context small,.owner-node>span:last-child){color:#9B8474}
.glass-accounts .tree-line::before{background:#BA9B85}
.glass-accounts .tree-line::after{border-color:#BA9B85}
.glass-accounts .auth-tabs{background:#ffffff36;border-color:#ffffff73;border-radius:18px;padding:5px}
.glass-accounts .auth-tabs button{color:#907969;border-radius:13px}
.glass-accounts .auth-tabs button.active{background:#ffffff9c;color:#B66D44;box-shadow:inset 0 1px 0 #fff,0 4px 14px #a4775320}
.glass-accounts :is(.primary,.in-workspace .primary){background:#1B1B19;color:#fff;border-color:#1B1B19;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff26,0 6px 15px #38281f18}
.glass-accounts .primary:hover{background:#49362B}
.glass-accounts :is(.secondary,.feishu-login,.workspace-feishu,.feishu){background:#ffffff70;color:#A35E3B;border-color:#ffffffc4;border-radius:12px}
.glass-accounts :is(.secondary,.feishu-login,.feishu):hover{background:#fff5eea6;border-color:#B66D4470}
.glass-accounts :is(.field,.in-workspace .field,.setup-checks legend){color:#715D4F}
.glass-accounts .field :is(input,select),.glass-accounts.in-workspace .field :is(input,select),.glass-accounts :is(.table-header input,.binding-row select,#team-report-month){background:#ffffff73;border:1px solid #ffffffbF;border-radius:12px;color:#44362D}
.glass-accounts :is(.field input,.field select):focus{outline:2px solid #B66D44;outline-offset:2px}
.glass-accounts :is(button,a,input,select):focus-visible{outline:2px solid #B66D44;outline-offset:3px}
.glass-accounts :is(input[type=checkbox],input[type=radio],.setup-checks input){accent-color:#B66D44}
.glass-accounts :is(.field input::placeholder,.password-box button,.field-english,.field small){color:#9E897A}
.glass-accounts :is(.line-divider,.entry-divider){color:#9B8474}
.glass-accounts :is(.line-divider,.entry-divider)::before,.glass-accounts :is(.line-divider,.entry-divider)::after{background:#b0937b30}
.glass-accounts :is(.site-footer,.join-link,.setup-actions,.help-note,.help-roles p,.binding-row,.connected-footer,.preview-pending){border-color:#ffffff73}
.glass-accounts .modal-shade{background:#33221B4d;backdrop-filter:blur(10px)}
.glass-accounts .modal{background:#f7eee8f2;box-shadow:inset 0 1px 0 #fff,0 30px 90px #50321D38}
.glass-accounts .modal h2{color:#342D29}
.glass-accounts .modal .close{color:#9B8474}
.glass-accounts .modal code{color:#9A5E3E;background:#ffffff70;border:1px solid #ffffffa3;border-radius:12px}
.glass-accounts #toast.toast{background:#1B1B19;color:#F5E5D9;border:1px solid #ffffff30;border-radius:14px;box-shadow:0 16px 50px #50321D40}
.glass-accounts.in-workspace .workspace-nav{background:#ffffff2e;border-right:1px solid #ffffff70;backdrop-filter:blur(28px) saturate(140%);color:#806F62}
.glass-accounts.in-workspace :is(.workspace-brand,.workspace-org>b,.nav-account b){color:#5C4738}
.glass-accounts.in-workspace :is(.workspace-brand small,.workspace-org small,.workspace-nav .nav-label,.workspace-org>svg,.nav-account small,.workspace-feishu>span){color:#947B68}
.glass-accounts.in-workspace .workspace-brand .logo-mark{background:linear-gradient(135deg,#E7A471,#B66D44);color:#fff;box-shadow:inset 0 1px 0 #ffffffa8}
.glass-accounts.in-workspace .workspace-org{background:#ffffff30;border-color:#ffffff70;border-radius:18px}
.glass-accounts.in-workspace :is(.team-avatar,.nav-account .avatar){background:#E7C5AA54;border-color:#ffffff90;color:#A56440}
.glass-accounts.in-workspace .nav-account{border-color:#ffffff70}
.glass-accounts.in-workspace .workspace-nav button,.glass-accounts.in-workspace .workspace-feishu{color:#7C695C;border-radius:999px;border:1px solid transparent}
.glass-accounts.in-workspace .workspace-nav button.active{background:linear-gradient(135deg,#ffffff9c,#fff6ef45);border-color:#ffffffbf;color:#B66D44;box-shadow:inset 0 1px 0 #ffffffed,0 5px 18px #a4775320}
.glass-accounts.in-workspace .workspace-nav button.active svg{color:#B66D44}
.glass-accounts.in-workspace .workspace-nav button:hover,.glass-accounts.in-workspace .workspace-feishu:hover{background:#ffffff4f;color:#A35E3B}
.glass-accounts .workspace-bar{background:#ffffff38;border-color:#ffffff80;backdrop-filter:blur(28px) saturate(140%)}
.glass-accounts.in-workspace .workspace-top h1{font-size:48px;line-height:1.2;letter-spacing:-1.3px;color:#342D29}
.glass-accounts .workspace-top h1{font-size:48px;line-height:1.2;letter-spacing:-1.3px}
.glass-accounts :is(.setup-overview b,.setup-card h2,.setup-help h3,.setup-empty h3,.dashboard-welcome h2,.table-header h2,.help-list b,.help-roles b,.preview-result>b,.setup-checks b){color:#5E4637}
.glass-accounts :is(.setup-card p,.setup-help p,.help-list li,.help-note,.help-roles span,.setup-checks small,.setup-overview p,.setup-actions>span,.confirm-import>span,.connection-success small,.preview-metrics small,.preview-metrics em,.binding-person small,.binding-row label,.connected-footer p,.connected-footer small,.dashboard-welcome p,.welcome-route span,.role-overview p,.table-note,.personal-stats small,.personal-stats p){color:#8C7768}
.glass-accounts.in-workspace :is(.setup-card p,.field small,.team-summary small,.role-overview p,.permission-guide p,.fine-print,.personal-stats small,.personal-stats p){color:#8C7768}
.glass-accounts :is(.setup-overview-status,.preview-ready,.connection-success,.setup-card summary,.setup-help summary){color:#A56440}
.glass-accounts .setup-overview-status{background:#fff5ed80;border-color:#ffffffbF}
.glass-accounts.in-workspace .setup-steps{border-color:#ffffff90}
.glass-accounts .setup-steps li.current::after{background:#B66D44}
.glass-accounts .setup-steps .current .step-number{background:#B66D44;border-color:#B66D44;color:#fff;box-shadow:0 0 0 4px #f3e6da80}
.glass-accounts .setup-steps .current b,.glass-accounts .setup-steps .done b{color:#A56440}
.glass-accounts .setup-steps :is(b,small),.glass-accounts .setup-steps .current small{color:#9B8474}
.glass-accounts .setup-steps .done .step-number{background:#E7C5AA54;color:#A56440;border-color:#ffffffa3}
.glass-accounts .setup-checks label:has(input:checked){background:#f4dfce80;border-color:#B66D4480}
.glass-accounts .help-list li::before{background:#E7C5AA54;color:#A56440}
.glass-accounts.in-workspace .preview-result{background:#F3F1F1;border-color:#ffffffa3;border-radius:16px}
.glass-accounts .preview-metrics strong,.glass-accounts.in-workspace .team-summary b,.glass-accounts .personal-stats strong{color:#8E5E40}
.glass-accounts :is(.team-summary>div:first-child,.personal-stats>article:first-child){background:radial-gradient(ellipse at 20% -50%,#B66D4480,transparent 70%),#1B1B19!important;border-color:#ffffff30!important}
.glass-accounts :is(.team-summary>div:first-child,.personal-stats>article:first-child) :is(b,strong){background:linear-gradient(180deg,#E7A471,#C5A0AB);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.glass-accounts :is(.team-summary>div:first-child,.personal-stats>article:first-child) :is(small,p){color:#C4ADA0!important}
.glass-accounts :is(.table-scroll,.team-table-wrap table,.connected-sources table){background:#F3F1F1}
.glass-accounts :is(th,td),.glass-accounts.in-workspace :is(th,td){border:0;padding-top:18px;padding-bottom:18px;color:#725D4F}
.glass-accounts th,.glass-accounts.in-workspace th{background:#ebe5e180;color:#8C7869;font-weight:500}
.glass-accounts :is(.table-header,.table-note){border:0}
.glass-accounts :is(td small,.empty-members){color:#9A8779}
.glass-accounts .tag.pending{color:#AA713C;background:#f4dfce80}
.glass-accounts .tag.muted{color:#8E8178;background:#ddd6d180}
.glass-accounts .tag,.glass-accounts .role{border-radius:999px}
.glass-accounts .role option{background:#F4EAE2;color:#6F5746}
@media(max-width:1000px){.glass-accounts .intro h1{font-size:44px}.glass-accounts.in-workspace .workspace-top h1{font-size:38px}}
@media(max-width:760px){.glass-accounts .auth-card h2{font-size:31px}.glass-accounts.in-workspace .workspace-top h1,.glass-accounts .workspace-top h1{font-size:34px}.glass-accounts.in-workspace .workspace-nav{border-right:0;border-bottom:1px solid #ffffff70}.glass-accounts.in-workspace .nav-secondary{border-color:#ffffff70}.glass-accounts.in-workspace .workspace-top{flex-wrap:wrap}.glass-accounts .auth-card{padding:28px 24px}}