/* Full workspace layouts, not a recolor of the original pages. */
.ws-workspace{padding-top:28px}.ws-page-heading{align-items:center!important;flex-direction:row!important;margin-bottom:26px}.ws-page-heading .eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--muted)}.ws-page-heading h1{font-size:30px;margin:7px 0 8px;font-weight:650}.ws-page-heading p{font-size:12px;color:var(--muted)}.ws-page-heading .actions{flex-wrap:wrap;justify-content:flex-end}.ws-page-heading .primary{box-shadow:0 4px 18px #78432420}.ws-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,var(--surface),var(--surface));padding:22px 8px;margin:0 0 24px}.ws-summary-item{display:flex;gap:14px;align-items:center;padding:0 20px;border-right:1px solid var(--line);min-width:0}.ws-summary-item:last-child{border-right:0}.ws-summary-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:var(--surface);color:var(--ink);font-size:21px}.ws-summary small{display:block;color:var(--muted);font-size:11px}.ws-summary strong{display:block;font-size:25px;line-height:1.5;letter-spacing:.3px}.ws-summary p{font-size:10px;color:var(--muted);margin-top:2px}.ws-workspace .panel{border-radius:13px;border-color:var(--line)}.ws-workspace .section-head{padding:23px 22px!important}.ws-workspace .section-head p{max-width:750px;line-height:1.7;color:var(--muted)}.ws-workspace .section-head h3{font-weight:600;font-size:16px}.ws-workspace .panel>.table-wrap{margin:0!important}.ws-table{font-size:12px}.ws-table th{background:var(--surface);padding:15px 20px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.ws-table td{padding:20px;border-top:1px solid var(--line)}.ws-table tbody tr:hover{background:#ffeadf05}.ws-table td small{color:var(--muted);font-size:10px;line-height:1.6}.ws-table td strong{font-weight:550}.ws-table .numeric{color:var(--ink);font-size:14px}.ws-table-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:190px;max-width:230px}.ws-table-actions .text{font-size:11px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink)}.ws-table-actions .danger{color:var(--muted);border-color:var(--line);background:var(--surface)}.ws-table-actions .muted{background:transparent;color:var(--muted)}.ws-order-pipeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:24px}.ws-stage{position:relative;text-align:left;display:grid;grid-template-columns:1fr auto;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:17px 16px;color:var(--muted);transition:.15s}.ws-stage>span{grid-column:2;grid-row:1/3;font-size:22px;color:var(--muted);align-self:center}.ws-stage small{font-size:11px}.ws-stage strong{font-size:25px;margin-top:6px;line-height:1.2}.ws-stage.selected{background:linear-gradient(130deg,var(--soft),var(--surface));border-color:var(--line);box-shadow:inset 0 2px #78432415}.ws-stage.selected>span{color:var(--ink)}.ws-stage:hover{border-color:var(--line)}.ws-old-status-tabs{display:none!important}.ws-order-panel .toolbar{align-items:center;padding:20px 22px;justify-content:flex-end;flex-wrap:wrap;background:var(--surface)}.ws-toolbar-title{margin-right:auto}.ws-toolbar-title strong{display:block;font-size:15px}.ws-toolbar-title small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.ws-search{display:flex;align-items:center;margin:0;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 10px}.ws-search>span{font-size:24px;color:var(--muted)}.ws-search input{border:0;background:none;margin:0;max-width:300px!important;padding:10px 5px;font-size:12px}.ws-filter-drawer{border-top:1px solid var(--line);background:var(--surface)}.ws-filter-drawer summary{padding:12px 22px;font-size:11px;color:var(--ink);cursor:pointer}.ws-filter-drawer summary span{color:var(--muted);margin-left:14px}.ws-filter-drawer .date-filter{padding-top:8px}.ws-filter-drawer .filter-caption{font-size:10px;padding:0 24px 14px;color:var(--muted)}.ws-order-panel .pager{border-top:1px solid var(--line);color:var(--muted);font-size:11px;padding:18px!important}.ws-players .archive-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:15px 20px;margin-bottom:20px;gap:15px}.ws-players .archive-toolbar p{display:none}.ws-players .archive-toolbar label{font-size:11px}.ws-players .player-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.ws-talent-card{position:relative;padding:24px!important;overflow:hidden;background:linear-gradient(150deg,var(--surface) 0,var(--surface) 40%)}.ws-talent-card:before{content:"";position:absolute;right:-25px;top:-30px;width:150px;height:120px;border-radius:50%;background:radial-gradient(ellipse,#ffeadf12,transparent 65%);pointer-events:none}.ws-talent-card .avatar.large{border:3px solid var(--line);background:linear-gradient(140deg,var(--soft),var(--surface));color:var(--ink);border-radius:18px;width:62px;height:62px;object-fit:cover}.ws-talent-identity h2{margin:16px 0 6px;font-size:21px}.ws-talent-identity p{font-size:11px;color:var(--muted)}.ws-talent-card .rank-tags{margin:12px 0}.ws-talent-card .rank-tags .tag{border-radius:5px;padding:4px 8px;font-size:10px}.ws-talent-performance{display:grid;grid-template-columns:1fr 1.25fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:17px 0}.ws-talent-performance small{display:block;color:var(--muted);font-size:10px}.ws-talent-performance strong{font-size:20px;font-weight:600;margin-top:5px;display:block}.ws-talent-performance em{font-size:10px;font-style:normal;color:var(--muted);margin-left:5px}.ws-talent-config,.ws-talent-account{border-top:1px solid var(--line);padding:11px 0 0;margin-top:10px}.ws-talent-config summary,.ws-talent-account summary{font-size:11px;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}.ws-talent-config summary:after,.ws-talent-account summary:after{content:'⌄'}.ws-talent-config summary span,.ws-talent-account summary span{font-size:9px;color:var(--muted);margin-left:auto}.ws-talent-card .player-bottom{border:0;margin-top:14px;padding:0;gap:8px;align-items:center}.ws-talent-card .player-bottom>.text{border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:11px}.ws-talent-card .account-row{margin:12px 0 0;gap:9px}.ws-talent-card .account-row small{width:100%;order:-1;font-size:10px}.ws-customers-panel .section-head{flex-wrap:wrap}.ws-customers-panel .section-head p{max-width:590px;font-size:11px}.ws-customer-search{max-width:250px;font-size:12px;border-radius:8px}.ws-customers-panel .archive-toolbar{margin:0;padding:0 22px 16px;border:0;background:none}.ws-customers-panel .archive-toolbar label{font-size:11px}.ws-customer-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;margin-right:12px;background:var(--surface);color:var(--ink);font-size:13px}.ws-balance-cell{font-size:18px!important;color:var(--ink);font-variant-numeric:tabular-nums}.ws-section-note{padding:0 22px 18px;font-size:11px;color:var(--muted)}.ws-ledger-panel{margin-top:24px;border-top:2px solid var(--line)!important}.ws-hall .hall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 22px 22px}.ws-task-card{border-radius:12px;border:1px solid var(--line);background:linear-gradient(150deg,var(--surface),var(--surface));padding:20px}.ws-task-reference{display:block;color:var(--muted);font-size:9px;letter-spacing:.5px;margin:0 0 15px}.ws-task-card .hall-card-head{display:flex;gap:6px;flex-wrap:wrap}.ws-task-card .hall-card-head small{width:100%;font-size:10px;color:var(--muted)}.ws-task-card h2{display:flex;align-items:center;gap:12px;font-size:19px;margin:20px 0 14px}.ws-game-symbol{display:grid;place-items:center;background:linear-gradient(135deg,var(--soft),var(--soft));color:var(--ink);width:43px;height:43px;border-radius:10px;font-size:22px}.ws-task-card .hall-description{min-height:36px;color:var(--muted);font-size:12px}.ws-task-card .hall-price{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:16px 0;margin:15px 0;display:flex;justify-content:space-between;align-items:center}.ws-task-card .hall-price strong{font-size:27px;color:var(--ink)}.ws-task-card .hall-price span{font-size:11px;color:var(--muted)}.ws-task-card p{font-size:11px}.ws-task-card .dialog-actions{margin-top:20px}.ws-task-card .dialog-actions button{width:100%}.ws-hall-empty{min-height:320px;display:flex!important;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--surface),transparent 60%)}.ws-report-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}.ws-report-rail{position:sticky;inset:auto;top:18px;width:auto;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);display:block}.ws-rail-heading{padding:23px 20px;border-bottom:1px solid var(--line)}.ws-rail-heading>small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.ws-rail-heading h3{margin:8px 0;font-size:18px}.ws-rail-heading p{font-size:11px}.ws-report-rail .finance-filter{border:0!important;background:none;margin:0;border-radius:0}.ws-report-rail .finance-filter .tabs{padding:16px!important;gap:5px!important;margin:0!important;border-bottom:1px solid var(--line)}.ws-report-rail .finance-filter .tabs button{flex:1 0 40%;padding:8px 6px!important;min-width:0;font-size:11px!important;margin:0}.ws-report-rail .date-filter{padding:10px 16px!important;display:grid!important;gap:10px!important}.ws-report-rail .date-filter label{min-width:0;width:100%;font-size:11px}.ws-report-rail .date-filter input{font-size:12px}.ws-report-rail .filter-caption{font-size:10px;padding:16px 16px 0}.ws-report-rail .quick-range{padding:14px 16px;gap:6px;display:flex;flex-wrap:wrap}.ws-report-rail .quick-range button{padding:7px 9px;font-size:10px}.ws-report-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.ws-report-heading small{font-size:9px;letter-spacing:2px;color:var(--muted)}.ws-report-heading h2{font-size:21px;margin:7px 0}.ws-report-heading>span{font-size:10px;color:var(--muted)}.ws-report-body{min-width:0}.ws-finance-metrics{gap:12px!important}.ws-finance-metrics article{padding:20px!important;background:linear-gradient(125deg,var(--surface),var(--surface))!important;border-top:2px solid var(--line)!important}.ws-finance-metrics h2{font-size:24px!important}.ws-finance-metrics small{font-size:10px!important}.ws-report-body .panel{margin-bottom:20px}.ws-settlement-tabs{display:flex;gap:5px;padding:0 22px 18px;flex-wrap:wrap}.ws-settlement-tabs button{padding:9px 18px;font-size:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px}.ws-settlement-tabs button.active{background:var(--surface);color:var(--ink);border-color:var(--line)}.ws-legacy-summary{display:none!important}.ws-settlement-panel .date-filter{border-top:1px solid var(--line);padding-top:16px}.ws-settlement-panel .filter-caption{font-size:11px;color:var(--muted)}.ws-tenants .player-grid{padding:0 22px 22px;gap:20px}.ws-club-card{padding:24px!important;background:linear-gradient(150deg,var(--surface),var(--surface));position:relative;border-color:var(--line)!important}.ws-club-card .avatar{border-radius:14px;background:var(--soft);color:var(--ink);font-size:28px}.ws-club-identity h2{font-size:22px;margin:20px 0 5px}.ws-club-identity .tenant-domain{font-size:11px;color:var(--muted)}.ws-club-card .tenant-info{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;gap:12px;display:grid;grid-template-columns:1fr 1fr;margin:20px 0}.ws-club-card .tenant-info small{font-size:10px;color:var(--muted)}.ws-club-card .tenant-info strong{font-size:13px;margin-top:5px;display:block}.ws-club-card .account-row{margin:0;gap:10px;flex-wrap:wrap}.ws-club-link{display:block;text-decoration:none;margin-top:22px;border-top:1px solid var(--line);padding-top:15px;color:var(--ink);font-size:12px}.ws-settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px}.ws-settings-nav{display:flex;flex-direction:column;position:sticky;top:20px;align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 10px;gap:5px;margin:0}.ws-settings-nav>small{padding:5px 14px 14px;font-size:10px;color:var(--muted);letter-spacing:2px}.ws-settings-nav button{font-size:12px;padding:13px 12px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:8px;color:var(--muted);background:transparent;text-align:left}.ws-settings-nav button span{font-size:18px;width:20px}.ws-settings-nav button em{margin-left:auto;font-style:normal;color:var(--muted)}.ws-settings-nav button.active{background:var(--surface);border-color:var(--line);color:var(--ink)}.ws-settings-section{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:28px;min-height:400px}.ws-settings-section h3{font-size:22px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.ws-settings-section>p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:20px}.ws-settings-section .game-item{background:var(--surface);border-color:var(--line);padding:16px;border-radius:8px;margin-bottom:9px;gap:12px}.ws-settings-section .game-name{font-size:13px;color:var(--ink)}.ws-settings-section .game-meta{font-size:10px;color:var(--muted)}.ws-settings-section .game-actions{gap:6px}.ws-settings-section .game-actions button{font-size:11px}.ws-settings-section .game-add{border:1px dashed var(--line);background:var(--surface);padding:18px;border-radius:9px;margin-top:22px}.ws-settings-section .check-pill{background:var(--surface);border-color:var(--line)}.ws-settings-section form{max-width:900px}.ws-settings-section textarea{min-height:120px}.ws-workspace input:focus,.ws-workspace select:focus,.ws-workspace textarea:focus{outline:2px solid #9c60ca;outline-offset:1px}.ws-workspace .empty{font-size:12px;padding:70px 25px;color:var(--muted)}dialog{padding:28px;border-radius:14px}dialog form>label,dialog .field-ranks{padding:10px 0;border-bottom:1px solid var(--line)}dialog .dialog-actions{position:sticky;bottom:-28px;background:var(--surface);padding:18px 0;margin-top:20px;border-top:1px solid var(--line)}dialog .form-note{font-size:11px;line-height:1.8}dialog .section-head{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}dialog .section-head h2{font-size:21px}.ws-workspace .ledger-totals{background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink)}.ws-workspace [style*="background:var(--surface)"],.ws-workspace [style*="background:var(--surface)"]{background:var(--surface)!important;border-color:var(--line)!important}
@media(min-width:1600px){.ws-players .player-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ws-hall .hall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.ws-summary-icon{display:none}.ws-summary-item{padding:0 14px}.ws-summary strong{font-size:22px}.ws-order-pipeline{gap:6px}.ws-stage{padding:13px 10px}.ws-stage>span{display:none}.ws-stage small{font-size:10px}.ws-players .player-grid,.ws-hall .hall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-report-layout{grid-template-columns:205px minmax(0,1fr)}.ws-report-heading>span{display:none}.ws-page-heading{align-items:flex-start!important}.ws-page-heading .actions{max-width:260px}.ws-settings-layout{grid-template-columns:190px minmax(0,1fr)}}@media(max-width:850px){.ws-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 0}.ws-summary-item:nth-child(2){border:0}.ws-order-pipeline{grid-template-columns:repeat(4,minmax(0,1fr))}.ws-report-layout,.ws-settings-layout{grid-template-columns:1fr}.ws-report-rail{position:static;display:block}.ws-report-rail .finance-filter{display:grid;grid-template-columns:1fr 1fr}.ws-report-rail .filter-caption{display:none}.ws-report-rail .date-filter{grid-column:1/-1;grid-template-columns:1fr 1fr}.ws-settings-nav{position:static;display:flex;flex-direction:row;overflow:auto;padding:8px;gap:6px}.ws-settings-nav>small,.ws-settings-nav button em{display:none}.ws-settings-nav button{flex-shrink:0;white-space:nowrap;padding:9px}.ws-settings-nav button span{display:inline}.ws-settings-section{padding:20px}.ws-page-heading h1{font-size:25px}.ws-page-heading .actions{max-width:none}.ws-page-heading{flex-wrap:wrap}.ws-tenants .player-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){.ws-players .player-grid,.ws-hall .hall-grid,.ws-tenants .player-grid{grid-template-columns:1fr}.ws-summary strong{font-size:21px}.ws-order-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-stage strong{font-size:22px}.ws-search{width:100%}.ws-order-panel .toolbar{gap:13px}.ws-customer-search{max-width:none}.ws-table td,.ws-table th{padding:14px}.ws-settings-section .game-item{flex-wrap:wrap}.ws-settings-section .game-meta{width:100%}.ws-report-rail .finance-filter{display:block}.ws-page-heading .actions{width:100%}.ws-page-heading .actions button{font-size:11px;padding:9px}.ws-report-rail .date-filter{display:grid!important}.ws-settlement-tabs button{padding:7px 10px;font-size:11px}}
/* Shared shell and alignment across all account types. */
.grid>.panel,.player-grid>.panel,.hall-grid>.panel{margin-top:0!important}.ws-global-search{display:flex;align-items:center;gap:10px;width:360px;max-width:55%;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:0 12px}.ws-global-search>span{font-size:23px;color:var(--muted)}.ws-global-search input{border:0;background:none;padding:13px 0;font-size:11px;outline:none}.ws-global-search kbd{border:1px solid var(--line);padding:2px 5px;border-radius:3px;font-size:10px;color:var(--muted)}.ws-header-account{display:flex;align-items:center;gap:14px;font-size:11px}.ws-header-account>span{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 6px;font-size:9px}.ws-header-account>b{border-radius:50%;width:31px;height:31px;display:grid;place-items:center;background:var(--surface);color:var(--ink)}.ws-header-account>strong{font-size:11px;font-weight:500}.ws-header-account #logout{font-size:10px}.ws-welcome-banner{position:relative;overflow:hidden;display:flex;align-items:center;height:195px;padding:30px;margin-bottom:22px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(110deg,var(--surface),var(--surface))}.ws-welcome-banner>div{position:relative;z-index:1}.ws-welcome-banner h2{font-size:29px;margin:13px 0;color:var(--ink)}.ws-welcome-banner small{font-size:9px;letter-spacing:2px;color:var(--muted)}.ws-welcome-banner p{font-size:12px}.ws-welcome-banner img{position:absolute;right:0;width:45%;height:250px;object-fit:contain}.ws-personal-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.ws-summary:has(.ws-summary-item:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.help-card strong{line-height:2.2;font-size:12px}.help-card p{margin-top:16px;letter-spacing:1.8px;line-height:2.8}.ws-settings-body{min-width:0}.ws-report-body .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-report-rail{height:auto!important;max-height:none!important}.ws-report-rail .finance-filter .tabs{width:auto}.ws-personal-home>.page-heading>div:first-child{display:block!important}.ws-personal-home .modern-profile{margin-bottom:20px}.ws-order-panel .pager{flex-wrap:wrap}.ws-workspace .settings-card .actions{margin-top:18px}.ws-workspace .table-wrap{scrollbar-color:#493653 #17121e}.ws-table-actions{align-items:center}#app>aside .brand b{background:none;color:var(--ink);font-size:39px}
@media(max-width:800px){.ws-header-account>span,.ws-header-account>strong{display:none}.ws-global-search{width:300px;max-width:75%}.ws-welcome-banner{padding:22px}.ws-welcome-banner h2{font-size:24px}.ws-welcome-banner img{opacity:.4;width:65%}.ws-summary:has(.ws-summary-item:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.ws-summary-item{padding:0 10px}.ws-report-body .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ws-report-body .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-report-body .metrics article{padding:18px!important}.ws-report-body .metrics h2{font-size:23px!important}.ws-report-rail{max-height:calc(100vh - 40px)!important;overflow:auto;scrollbar-width:thin;scrollbar-color:#493653 transparent}.ws-settings-nav em{background:none;padding:0}.ws-income-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 22px 22px;border:1px solid var(--line);border-radius:10px;padding:24px;background:linear-gradient(110deg,var(--surface),var(--surface))}.ws-income-summary span{font-size:12px;color:var(--muted)}.ws-income-summary strong{display:block;margin:10px 0 0;font-size:25px;color:var(--ink)}.ws-income-panel .metrics{padding:22px;margin:0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ws-income-panel .section-head{padding-bottom:22px}dialog #edit-form,dialog #backfill-form,dialog #tp-form,dialog #mt-form{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}dialog #edit-form>div,dialog #edit-form>p,dialog #backfill-form>div,dialog #backfill-form>p,dialog #tp-form>div,dialog #tp-form>p,dialog #mt-form>div,dialog #mt-form>p{grid-column:1/-1}dialog label:has(textarea){grid-column:1/-1}dialog .section-head{position:static}dialog form>label{margin-bottom:8px}dialog :is(#edit-form,#backfill-form,#tp-form,#mt-form)>.dialog-actions{grid-column:1/-1}.ws-settlement-panel .date-filter{padding:15px 22px 20px}.ws-workspace .grid>.settings{padding:22px}.ws-workspace .grid .settings-card{padding:0;border:0;background:none}.ws-workspace .grid .settings-grid{display:block}.ws-workspace .grid .settings-card h2{margin:18px 0;color:var(--ink)}
@media(max-width:1100px){.ws-report-body .metrics{grid-template-columns:1fr}.ws-report-body .metrics article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px}.ws-report-body .metrics article small{grid-column:1/-1}.ws-report-body .metrics h2{margin:0!important}}@media(max-width:550px){dialog #edit-form,dialog #backfill-form,dialog #tp-form,dialog #mt-form{grid-template-columns:1fr}.ws-income-summary{grid-template-columns:1fr}.ws-welcome-banner h2{font-size:21px}}
.announce-panel{padding:20px 24px;border:1px solid var(--line);border-left:3px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:20px}.announce-head{font-size:10px;color:var(--muted);letter-spacing:1px;margin-bottom:12px}.announce-item h4{font-size:13px;margin:0 0 8px}.announce-item p{font-size:12px;white-space:pre-wrap}.announce-item small{display:block;font-size:9px;color:var(--muted);margin-top:10px}.announce-form{display:grid;gap:12px}.modern-profile{padding:15px 20px!important;border:1px solid var(--line);border-radius:10px!important;background:var(--surface)!important}.modern-profile label{margin:0!important;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:9px 14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;font-size:11px}.modern-profile label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.modern-profile label:focus-within{outline:2px solid #b479e8}.modern-profile>span{font-size:11px;color:var(--muted)}.order-alert{justify-content:space-between}.order-alert strong{font-size:12px}.order-alert p{font-size:10px}.ws-workspace .order-alert{margin-top:18px}.ws-income-panel .section-head{margin-bottom:4px}.row-archived{opacity:.5}.player[data-archived=true]{opacity:.55}dialog [style*="background:var(--surface)"],dialog [style*="background: var(--surface)"],dialog [style*="background:#f5"],dialog [style*="background:#f8"]{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
.ws-personal-metrics:has(article:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:650px){.ws-personal-metrics:has(article:nth-child(6)){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
dialog #of2{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}dialog #of2>label{margin:0;border-bottom:1px solid var(--line);padding:8px 0 15px}dialog #of2>#of2-tenant-box,dialog #of2>#of2-player-box,dialog #of2>#of2-special-box,dialog #of2>#of2-special-opt,dialog #of2>p,dialog #of2>.dialog-actions{grid-column:1/-1}#of2-tenant-box,#of2-special-opt{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:9px}#of2-player-search{margin-bottom:10px}.ws-login-art{position:fixed;inset:0 47% 0 0;overflow:hidden;padding:12vh 6vw;background:radial-gradient(ellipse at center,#ffeadf3b,transparent 70%)}.ws-login-art>div{position:relative;z-index:1}.ws-login-art small{font-size:10px;letter-spacing:4px;color:var(--muted)}.ws-login-art h1{font-size:48px;line-height:1.45;margin:22px 0}.ws-login-art h1 em{font-style:normal;color:var(--ink)}.ws-login-art p{font-size:14px;color:var(--muted)}.ws-login-art img{position:absolute;left:4%;top:36%;width:96%;height:50%;object-fit:contain}.ws-login-art>span{position:absolute;bottom:10vh;left:6vw;font-size:11px;letter-spacing:3px;color:var(--muted)}#app:has(>.ws-login-art)>.login{margin:12vh 6vw 10vh auto;width:420px;max-width:43%;border-color:var(--line)}#app:has(>.ws-login-art)>.login:before{display:none}.ws-login-art+.login .brand b{background:none;font-size:36px;color:var(--ink)}
@media(max-width:850px){.ws-login-art{display:none}#app:has(>.ws-login-art)>.login{margin:7vh auto;max-width:calc(100% - 36px)}}@media(max-width:550px){dialog #of2,#of2-tenant-box,#of2-special-opt{grid-template-columns:1fr}}
/* Keep the existing logout handler, with a visible entry for every account. */
.ws-header-account .ws-logout{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;padding:9px 13px!important;border:1px solid var(--line)!important;border-radius:6px;background:var(--surface);color:var(--ink)!important;font-size:12px!important;white-space:nowrap;margin:0!important;width:auto!important}.ws-header-account .ws-logout:hover{background:var(--surface)}.ws-header-account{flex-shrink:0}#app>aside{overflow-y:auto;scrollbar-width:thin}@media(max-width:550px){.ws-global-search{max-width:calc(100% - 120px)}.ws-header-account{gap:7px}.ws-header-account>b{display:none}.ws-header-account .ws-logout{padding:8px 10px!important;font-size:11px!important}}
/* Login artwork: gentle motion; the form and copy stay stationary. */
.ws-login-art{isolation:isolate}
.ws-login-art img{transform-origin:50% 55%;animation:ws-orbit-float 9s ease-in-out infinite;will-change:transform;pointer-events:none}
.ws-login-art::after{content:'';position:absolute;left:16%;top:44%;width:68%;height:32%;border-radius:50%;background:radial-gradient(ellipse,rgba(159,68,255,.22),rgba(121,51,215,.06) 48%,transparent 72%);z-index:-1;pointer-events:none;animation:ws-orbit-glow 6s ease-in-out infinite}
@keyframes ws-orbit-float{0%,100%{transform:translate3d(0,7px,0) rotate(-2deg) scale(.98)}50%{transform:translate3d(0,-12px,0) rotate(2deg) scale(1.015)}}
@keyframes ws-orbit-glow{0%,100%{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.ws-login-art img,.ws-login-art::after{animation:none;will-change:auto}.ws-login-art::after{opacity:.6}}
/* A subtler version for systems that request reduced motion. */
@keyframes ws-orbit-gentle{0%,100%{transform:translateY(3px) rotate(-.4deg)}50%{transform:translateY(-4px) rotate(.4deg)}}
@media(prefers-reduced-motion:reduce){.ws-login-art img{animation:ws-orbit-gentle 22s ease-in-out infinite}.ws-login-art::after{animation:none;opacity:.4}}
/* Visible floating stardust around the login artwork. */
.ws-login-art>.ws-particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ws-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--soft);box-shadow:0 0 8px #78432415,0 0 18px #78432415;opacity:0;animation:ws-stardust var(--duration) ease-in-out var(--delay) infinite}
.ws-particles i:nth-child(5n){height:20px;width:1px;background:linear-gradient(transparent,var(--soft),transparent);box-shadow:0 0 12px #78432415}
@keyframes ws-stardust{0%,100%{opacity:.08;transform:translate3d(0,18px,0) scale(.65)}45%{opacity:.85}65%{opacity:.6;transform:translate3d(var(--drift),-28px,0) scale(1.2)}}
.ws-login-art img{animation:ws-orbit-float 7s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.ws-login-art img{animation:ws-orbit-float 12s ease-in-out infinite}.ws-particles i{animation-duration:16s}.ws-particles i:nth-child(n+17){display:none}}
.ws-login-art>.ws-live-orbit{position:absolute;left:0;top:32%;width:100%;height:58%;z-index:0;pointer-events:none;filter:drop-shadow(0 0 15px #8e3dff50)}.ws-login-art>.ws-particles{z-index:1}.ws-login-art>div:not(.ws-particles){z-index:2}
/* Hide the sidebar track while retaining wheel, touch and keyboard access. */
#app>aside{scrollbar-width:none;-ms-overflow-style:none}#app>aside::-webkit-scrollbar{display:none;width:0;height:0}
/* Compact navigation with a quiet, consistent rhythm. */
@media(min-width:801px){
 #app>aside{padding:26px 14px 18px}
 #app>aside>.brand{padding:0 12px;font-size:22px}
 #app>aside>.workspace{padding-top:5px;font-size:10px}
 #app>aside>nav{margin-top:30px;gap:6px}
 #app>aside>nav button{min-height:48px;padding:12px 16px;gap:15px;border-radius:8px;font-size:13px;color:var(--muted);flex-shrink:0}
 #app>aside>nav button>span{width:22px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;color:var(--muted)}
 #app>aside>nav button.selected{background:linear-gradient(100deg,var(--surface),var(--surface));color:var(--ink);box-shadow:none}
 #app>aside>nav button.selected:before{top:14px;bottom:14px;width:3px}
 #app>aside>nav button.selected>span{color:var(--ink)}
 #app>aside>nav button:hover:not(.selected){background:var(--surface)}
 #app>aside>.sidebar-bottom{padding-top:20px;margin-top:auto}
 #app>aside .help-card{padding:14px 12px 0;border-top:1px solid var(--line)!important}
 #app>aside .help-card strong{font-size:11px;line-height:1.9;color:var(--muted)}
 #app>aside .help-card p{font-size:8px;letter-spacing:1.6px;line-height:2;margin-top:12px;color:var(--muted)}
}
@media(min-width:801px) and (max-height:850px){#app>aside .help-card p{display:none}#app>aside>nav{margin-top:24px;gap:4px}#app>aside>nav button{min-height:44px;padding-top:10px;padding-bottom:10px}}
/* Roomier desktop navigation, with compact sizing only on short displays. */
@media(min-width:801px){
 #app>aside{width:238px;padding:28px 18px 20px}
 #app>main{margin-left:238px}
 #app>aside>nav{margin-top:36px;gap:10px}
 #app>aside>nav button{min-height:54px;padding:15px 18px;gap:18px;font-size:14px}
 #app>aside>nav button.selected:before{top:17px;bottom:17px}
 #app>aside .help-card{padding-top:12px}
}
@media(min-width:801px) and (max-height:800px){
 #app>aside{padding-top:22px}
 #app>aside>nav{margin-top:25px;gap:6px}
 #app>aside>nav button{min-height:47px;padding-top:11px;padding-bottom:11px}
 #app>aside .help-card p{display:none}
}
@media(min-width:801px) and (max-width:1100px){#app>aside{width:214px;padding-left:14px;padding-right:14px}#app>main{margin-left:214px}}
/* Text-only branding for login and workspace navigation. */
#app>aside .brand>b,.login .brand>b{display:none!important}
#app>aside>.workspace{padding-left:12px}
/* Keep the textured image and rotate it independently of its gentle float. */
@keyframes ws-textured-orbit-spin{from{rotate:0deg}to{rotate:360deg}}
.ws-login-art img{animation:ws-orbit-float 9s ease-in-out infinite,ws-textured-orbit-spin 36s linear infinite;will-change:transform,rotate}
@media(prefers-reduced-motion:reduce){.ws-login-art img{animation:ws-orbit-float 14s ease-in-out infinite,ws-textured-orbit-spin 48s linear infinite}}
/* Neon Nebula: full-screen violet pixel field; the form stays independently interactive. */
.ws-login-art.ws-nebula-art{display:block;inset:0;padding:12vh 6vw;background:var(--surface);pointer-events:none;z-index:0;isolation:isolate}
.ws-nebula-art::after{display:none}
.ws-nebula-art>.ws-nebula-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.ws-nebula-art>.ws-login-copy{position:relative;z-index:1;width:48%;text-shadow:0 2px 30px #78432415}
.ws-nebula-art h1{font-size:clamp(38px,3.7vw,64px);line-height:1.4;letter-spacing:-1px}
.ws-nebula-art h1 em{background:linear-gradient(110deg,var(--soft),var(--soft));background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}
.ws-nebula-art>.ws-login-copy>small{color:var(--muted);letter-spacing:4px}
.ws-nebula-art>span{z-index:1;color:var(--muted);letter-spacing:2px}
#app:has(>.ws-nebula-art)>.login{position:relative;z-index:1;background:linear-gradient(145deg,rgba(26,21,36,.87),rgba(16,14,23,.94));border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(22px);box-shadow:0 24px 90px #78432455,inset 0 1px 0 #7843240b}
@media(max-width:850px){
 .ws-login-art.ws-nebula-art{display:block;padding:0}
 .ws-nebula-art>.ws-login-copy,.ws-nebula-art>span{display:none}
 #app:has(>.ws-nebula-art)>.login{margin:8vh auto;width:420px;max-width:calc(100% - 32px)}
}
/* Opaque title color prevents the moving pixel field from washing out the lettering. */
.ws-nebula-art>.ws-login-copy{isolation:isolate}
.ws-nebula-art>.ws-login-copy::before{content:'';position:absolute;inset:-35px -30px -40px -35px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 28% 48%,#fff8f4f0 0%,#fff8f4c9 40%,#fff8f400 73%)}
.ws-nebula-art h1 em{color:var(--ink);-webkit-text-fill-color:var(--ink);background:none;text-shadow:none;opacity:1}
.ws-nebula-art>.ws-login-copy p{color:var(--ink);text-shadow:0 1px 8px #78432415}
.login .modern-forgot{display:block;margin:12px 0 0 auto;padding:4px 0;border:0;background:none;color:var(--ink);font-size:12px;cursor:pointer}
.login .modern-forgot:hover{color:var(--ink);text-decoration:underline}
.modern-reset-email{grid-column:1/-1}

/* assign-item card borders (patched 20260930) */
.assign-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:2px solid var(--line);border-radius:14px;margin:0;text-align:left;cursor:pointer;width:100%;transition:border-color .2s,background .2s}
.assign-item:hover{border-color:var(--line);background:var(--surface)}
.assign-list{display:flex;flex-direction:column;gap:10px;margin-top:12px;max-height:46vh;overflow-y:auto;padding:4px}

/* Huoba card board: presentation only; existing DOM and event handlers retained. */
:root{color-scheme:light;--bg:var(--surface);--surface:#fff;--surface2:var(--soft);--line:var(--line);--text:var(--ink);--muted:var(--muted);--accent:var(--accent);font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}
body{background:var(--bg);color:var(--text)}h1,h2,h3,strong{color:var(--text)}p,.muted,td small,.count,label,.team-row small,small{color:var(--muted)}a,.text{color:var(--accent)}button,input,select,textarea{transition:background .22s,border-color .22s,color .22s,transform .32s cubic-bezier(.22,1,.36,1),box-shadow .22s}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--accent)}button:active{transform:scale(.97)}input,select,textarea{background:var(--surface);color:var(--text);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted)}
#app>aside{width:186px;background:var(--soft);border-color:var(--line);padding:27px 14px}#app>main{margin-left:186px}.brand{color:var(--text)!important;font-size:19px;padding:0 5px;gap:7px}.brand b{background:var(--accent);color:#fff!important;border-radius:50%;font-size:24px;width:35px;height:35px}.workspace{color:var(--muted);padding:9px 0 0 48px;letter-spacing:.5px}#app>aside>nav{gap:5px;margin-top:28px;position:relative;isolation:isolate}#app>aside>nav button{padding:12px 10px;border-radius:11px;color:var(--muted);gap:12px;min-height:44px}#app>aside>nav button>span{color:var(--muted)}#app>aside>nav button.selected{background:var(--soft);color:var(--accent)}#app>aside>nav button.selected>span{color:var(--accent)}#app>aside>nav button.selected:before{display:none}#app>aside>nav button:hover:not(.selected){background:var(--soft);transform:translateX(3px)}nav em{background:var(--soft);color:var(--accent)}.help-card,.help-card p,#logout span{color:var(--muted)}.sidebar-bottom button{border-color:var(--line);color:var(--text)}#app>main>header{background:var(--soft);border-color:var(--line);color:var(--muted);height:68px}.ws-global-search{background:var(--surface2)!important;border-color:var(--line)!important}.ws-header-account span,.ws-header-account strong,.ws-header-account button{color:var(--muted)!important}.ws-header-account b,.admin-avatar{background:var(--soft)!important;color:var(--accent)!important}
.main-content{padding:28px;max-width:1600px}.page-heading h1,.ws-page-heading h1{font-size:30px;letter-spacing:-.8px;color:var(--text)}.eyebrow,.ws-page-heading .eyebrow{color:var(--accent)}.page-heading p,.ws-page-heading p{color:var(--muted)}.primary,.ws-page-heading .primary{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:9px;box-shadow:none}.primary:hover{background:var(--muted);box-shadow:0 6px 16px #bc502f22;transform:translateY(-2px)}.secondary{background:var(--surface);border-color:var(--line);color:var(--text);border-radius:9px}.secondary:hover{background:var(--soft);transform:translateY(-1px)}.text:hover{background:var(--soft);border-radius:6px}.panel,.ws-workspace .panel,.metrics article,.settings-card,.hall-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 16px #78432404}.metrics article:first-child{background:var(--soft);border-color:var(--line)}.metrics article>span,.metrics article small,.metrics i{color:var(--muted)}.metrics h2{color:var(--text)}.tabs button{color:var(--muted)}.tabs .active{background:var(--accent);color:#fff}.badge,.tag{background:var(--soft);color:var(--accent)}.badge.green,.badge.status-completed{background:#eaf1e9;color:#466d50;border-color:#d4e2d4}.badge.status-active,.badge.blue{background:#eaf1f7;color:#416681;border-color:#d9e5ef}.badge.gray,.badge.status-cancelled{background:var(--soft);color:var(--muted);border-color:var(--line)}.badge.yellow,.badge.pink{background:var(--soft);color:var(--muted)}.avatar,.avatar.large{background:var(--soft);color:var(--accent)}th,.ws-table th{background:var(--soft);color:var(--muted)}td,.ws-table td{border-color:var(--line);color:var(--text)}.ws-table td small{color:var(--muted)}.ws-table tbody tr:hover{background:var(--soft)}.ws-summary{background:var(--surface);border:1px solid var(--line);border-radius:14px}.ws-summary-item{border-color:var(--line)}.ws-summary strong{color:var(--text)}.ws-summary p,.ws-summary small{color:var(--muted)}.ws-summary-icon{background:var(--soft);color:var(--accent)}.ws-stage{background:var(--surface);border-color:var(--line);color:var(--muted);border-radius:12px}.ws-stage strong{color:var(--text)}.ws-stage.selected{background:var(--soft);border-color:var(--muted);color:var(--accent)}.ws-stage.selected>span{background:var(--accent);color:#fff}.ws-stage:hover{background:var(--soft)}.ws-filter-drawer,.ws-search,.ws-settings-nav,.ws-report-rail,.ws-report-heading,.ws-income-panel{background:var(--surface);border-color:var(--line);color:var(--text)}.ws-filter-drawer summary,.ws-search input,.ws-toolbar-title strong{color:var(--text)}.ws-filter-drawer summary span,.ws-toolbar-title small{color:var(--muted)}.ws-settings-nav button{color:var(--muted)}.ws-settings-nav button.active{background:var(--soft);color:var(--accent)}.ws-talent-card:before{background:var(--soft)}.ws-talent-performance{background:var(--surface);border-color:var(--line)}.ws-talent-performance small{color:var(--muted)}.ws-talent-performance strong{color:var(--text)}.ws-talent-config,.ws-talent-account{border-color:var(--line);background:var(--surface)}.ws-talent-config summary,.ws-talent-account summary{color:var(--text)}.ws-talent-config summary span,.ws-talent-account summary span{color:var(--muted)}.ws-talent-card,.ws-club-card{transition:transform .32s,box-shadow .32s}.ws-talent-card:hover,.ws-club-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #bc502f0c}.ws-talent-card .avatar.large{border-color:#fff}.ws-settlement-tabs button{color:var(--muted)}.ws-settlement-tabs button.active{color:var(--accent);background:var(--soft)}.ws-game-symbol,.ws-customer-avatar{background:var(--soft);color:var(--accent)}.ws-welcome-banner,.modern-hero{background:var(--soft);border:1px solid var(--line);border-radius:16px;color:var(--text)}.modern-hero h1,.modern-hero h2,.ws-welcome-banner h2{color:var(--text)}.modern-hero h1 em{color:var(--accent)}.modern-hero p,.ws-welcome-banner p{color:var(--muted)}.modern-hero>img,.ws-welcome-banner>img{display:none}.modern-hero{padding:24px 28px;min-height:150px}.modern-person{background:var(--surface);border:1px solid var(--line);border-radius:12px}.modern-person p,.modern-person span{color:var(--muted)}.modern-ranking-row,.modern-ranking-tabs button{color:var(--text)}.modern-ranking-tabs button.active,.modern-trend-tabs button.active{background:var(--soft);color:var(--accent)}.modern-chart text{fill:var(--muted)}.modern-chart line{stroke:var(--line)}.form-note,.order-details,.ledger-totals,.order-alert{background:var(--surface);border-color:var(--line);color:var(--muted)}.settings-card,.game-item,.check-pill{background:var(--surface);border-color:var(--line);color:var(--text)}dialog,dialog .section-head{background:var(--surface);color:var(--text);border-color:var(--line)}dialog{border-radius:18px;box-shadow:0 25px 90px #442e2930}dialog::backdrop{background:#442e2945;backdrop-filter:blur(5px)}.close{background:var(--soft);color:var(--accent)}.danger,.btn-danger{color:var(--muted)}#toast{background:var(--text);color:#fff}footer{border-color:var(--line);color:var(--muted)}
.cb-order-board table,.cb-order-board tbody{display:block;width:100%}.cb-order-board thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cb-order-board tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;white-space:normal}.cb-order-board tr{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:16px;transition:transform .3s,box-shadow .3s;min-width:0}.cb-order-board tr:hover{transform:translateY(-2px);box-shadow:0 7px 18px #bc502f0c}.cb-order-board td{display:block;border:0;padding:4px 0!important;font-size:13px;white-space:normal;overflow-wrap:anywhere}.cb-order-board td:first-child{grid-column:1;color:var(--muted);font-size:11px}.cb-order-board td:nth-child(2){grid-column:1;font-size:18px;font-weight:600;color:var(--text);padding-bottom:10px!important}.cb-order-board td:nth-child(3){grid-column:1}.cb-order-board td:nth-child(4){grid-column:2;grid-row:3;text-align:right;max-width:180px}.cb-order-board td:nth-child(5){grid-column:1;font-size:21px;border-top:1px dashed var(--line);margin-top:12px;padding-top:12px!important}.cb-order-board td:nth-child(6){grid-column:2;grid-row:1/3;justify-self:end}.cb-order-board td:last-child{grid-column:1/-1;border-top:1px solid var(--line);margin-top:10px;padding-top:10px!important}.cb-order-board td small{max-width:none;font-size:11px}.cb-order-board td[colspan]{grid-column:1/-1}.cb-order-board .ws-table-actions{justify-content:flex-start;flex-wrap:wrap}.cb-nav-marker{position:absolute;inset:0 auto auto 0;width:100%;height:44px;border-radius:11px;background:var(--soft);z-index:-1;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1)}#app>aside>nav.cb-has-marker button.selected{background:transparent}.cb-preview-label{background:var(--soft);color:var(--ink);border-bottom:1px solid var(--line);padding:8px 20px;font-size:12px;text-align:center}.cb-online-grid .modern-online{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.cb-online-grid .modern-person{display:flex;flex-direction:column;align-items:flex-start;padding:18px;min-width:0}.cb-online-grid .avatar{width:72px;height:72px;font-size:28px;margin-bottom:12px}.cb-online-grid .modern-person strong{font-size:17px}.cb-online-grid .modern-person p{overflow-wrap:anywhere}.modern-metrics{margin-top:20px}
@media(max-width:1000px){.cb-online-grid .modern-online{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-order-pipeline{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){#app>aside{width:68px;padding:20px 8px}#app>main{margin-left:68px}.main-content{padding:15px}.cb-order-board tbody{grid-template-columns:1fr;padding:10px}.cb-order-board td:nth-child(4){max-width:140px}.page-heading{flex-wrap:wrap}.actions{flex-wrap:wrap}.ws-summary{grid-template-columns:repeat(2,1fr)}.ws-order-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){#app>aside{position:relative;width:100%;height:auto;inset:auto;padding:15px}#app>aside>nav{flex-direction:row;flex-wrap:wrap;margin-top:14px;gap:3px}#app>aside>nav button{padding:8px;font-size:12px;min-height:36px}#app>aside>nav button>span{display:none}.workspace,.sidebar-bottom{display:none}#app>main{margin-left:0}.cb-nav-marker{display:none}#app>aside>nav.cb-has-marker button.selected{background:var(--soft)}.cb-online-grid .modern-online{grid-template-columns:1fr}.page-heading h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Complete login redesign: supersedes the original full-screen nebula layer. */
#app:has(>.ws-login-art){min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,1fr);background:var(--surface);align-items:center}
.ws-login-art.ws-nebula-art{display:flex;flex-direction:column;justify-content:center;position:relative;inset:auto;min-height:100vh;background:var(--soft);padding:60px 10%;pointer-events:auto;overflow:hidden}
.ws-login-art.ws-nebula-art:before{content:'';position:absolute;inset:28px;border:1px solid #e5bfa955;border-radius:28px;pointer-events:none}
.ws-login-art.ws-nebula-art:after{display:none}.ws-nebula-canvas{display:none!important}.ws-nebula-art>.ws-login-copy{display:block;width:100%;text-shadow:none;position:relative;z-index:1}.ws-nebula-art>.ws-login-copy:before{display:none}.ws-nebula-art>.ws-login-copy>small{display:inline-block;font-size:11px;letter-spacing:3px;color:var(--muted);border-bottom:1px solid #d8af9822;padding-bottom:14px}.ws-nebula-art h1{font-size:clamp(36px,4vw,58px);line-height:1.3;letter-spacing:-1.5px;color:var(--ink);margin:25px 0 15px}.ws-nebula-art h1 em{color:var(--accent);-webkit-text-fill-color:var(--accent);background:none;text-shadow:none}.ws-nebula-art>.ws-login-copy p{color:var(--muted);text-shadow:none;font-size:14px}.ws-nebula-art>span{position:relative;bottom:auto;left:auto;margin-top:30px;color:var(--muted);font-size:10px;letter-spacing:2px}
#app:has(>.ws-nebula-art)>.login{margin:45px auto;width:390px;max-width:calc(100% - 60px);padding:15px 0;position:relative;background:transparent;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;color:var(--ink)}.login .brand{justify-content:flex-start;padding:0;margin-bottom:35px;color:var(--ink)!important;gap:9px;font-size:19px;font-weight:700}.login .brand>b{display:grid!important;place-items:center;width:36px;height:36px;font-size:21px!important;background:var(--accent)!important;color:#fff!important;-webkit-text-fill-color:#fff;border-radius:50%}.login h1{font-size:27px;line-height:1.4;letter-spacing:-.5px;color:var(--ink);margin:0 0 10px}.login p{color:var(--muted);font-size:12px}.login-tabs{padding:5px;gap:5px;border-radius:12px;background:var(--soft);margin:25px 0 24px;display:flex}.login-tabs button{flex:1;padding:10px;border-radius:9px;background:transparent;color:var(--muted);font-size:13px;transition:background .25s,color .25s,box-shadow .25s}.login-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:0 3px 10px #59331b09}.login-tabs button:hover{color:var(--accent)}.login label{color:var(--ink);font-size:12px;font-weight:500;margin-bottom:17px;display:block}.login input{margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:13px 14px;min-height:46px;color:var(--ink);box-shadow:none;width:100%}.login input::placeholder{color:var(--muted);font-weight:400}.login input:focus{border-color:var(--accent);outline:3px solid #bc502f13}.login #login-form>.primary{margin-top:8px;width:100%;padding:13px;background:var(--accent);border-color:var(--accent);min-height:47px;border-radius:10px;font-size:13px;color:#fff;box-shadow:0 5px 14px #bc502f14}.login #login-form>.primary:hover{background:var(--muted);box-shadow:0 8px 18px #bc502f25;transform:translateY(-2px)}.login #modern-register{width:100%;margin-top:15px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--muted)}.login .modern-forgot{color:var(--muted)!important;font-size:11px;margin-top:12px}.login .modern-forgot:hover{color:var(--accent)!important}.login>small{color:var(--muted);margin-top:16px}
.cb-login-cards{position:relative;margin:42px 0 10px;min-height:260px;max-width:360px;width:100%;isolation:isolate}.cb-login-ticket{background:var(--soft);border:1px solid var(--soft);border-radius:17px;padding:22px;width:100%;box-shadow:0 14px 34px #96583a12;color:var(--ink);position:relative;transform:rotate(-4deg)}.cb-login-ticket small{color:var(--muted);font-size:10px;letter-spacing:1px}.cb-login-ticket strong{display:block;font-size:20px;letter-spacing:-.5px;margin:9px 0 5px}.cb-login-ticket p{color:var(--muted)!important;font-size:12px!important}.cb-login-ticket footer{margin-top:18px;border-top:1px dashed var(--line);padding-top:14px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.cb-login-ticket footer b{font-size:18px;color:var(--accent)}.cb-login-ticket.back{position:absolute;top:55px;left:15px;transform:rotate(5deg);z-index:-1;background:var(--soft)}.cb-login-people{position:relative;margin-top:24px;display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.cb-login-people b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--soft);border:2px solid var(--soft);color:var(--muted);margin-left:-15px}.cb-login-people b:first-child{margin-left:0}.cb-login-people span{margin-left:7px}.cb-local-login-hint{margin-top:24px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:11px}
@media(max-width:850px){#app:has(>.ws-login-art){grid-template-columns:1fr}.ws-login-art.ws-nebula-art{display:none}#app:has(>.ws-nebula-art)>.login{margin:50px auto;width:390px;max-width:calc(100% - 40px)}}

.cb-rebuilt-dashboard>.page-heading{display:flex!important;justify-content:flex-end!important;margin-bottom:12px!important;position:static!important}.cb-rebuilt-dashboard>.page-heading>div:first-child{display:none!important}.cb-rebuilt-dashboard>.page-heading>.actions{position:static!important;transform:none!important}.cb-dashboard-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0 30px}.cb-dashboard-intro small{font-size:10px;color:var(--muted);letter-spacing:2px}.cb-dashboard-intro h1{font-size:34px;letter-spacing:-1px;line-height:1.5;margin:8px 0}.cb-dashboard-intro h1 em{font-style:normal;color:var(--accent)}.cb-dashboard-intro p{font-size:12px}.cb-today{flex-shrink:0;min-width:190px;border-left:1px solid var(--soft);padding-left:28px}.cb-today strong{display:block;font-size:29px;margin:5px 0}.cb-today span{display:block;font-size:10px;color:var(--muted)}.cb-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cb-section-title h2{font-size:19px}.cb-section-title h2 small{font-size:11px;font-weight:400;margin-left:10px}.cb-person-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:28px}.cb-person-card{background:var(--surface);border:1px solid var(--soft);border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #77452505;transition:transform .35s,box-shadow .35s}.cb-person-card:nth-child(odd){transform:rotate(-.6deg)}.cb-person-card:nth-child(even){transform:rotate(.6deg)}.cb-person-card:hover{transform:translateY(-5px) rotate(0);box-shadow:0 14px 30px #a8512e14}.cb-portrait{height:150px;background:var(--soft);display:grid;place-items:center;position:relative;overflow:hidden}.cb-person-card:nth-child(2) .cb-portrait{background:#e8eee4}.cb-person-card:nth-child(3) .cb-portrait{background:var(--soft)}.cb-person-card:nth-child(4) .cb-portrait{background:#e5eaf0}.cb-portrait>span{font-size:70px;font-weight:600;opacity:.45;color:var(--muted)}.cb-portrait img{width:100%;height:100%;object-fit:cover}.cb-portrait>b{position:absolute;top:10px;left:10px;background:#fffcf6ec;border:1px solid #fff;color:#648068;font-size:9px;font-weight:500;border-radius:20px;padding:5px 9px}.cb-person-info{padding:16px}.cb-person-info h3{font-size:18px}.cb-person-info p{font-size:11px;margin-top:4px}.cb-person-tags{display:flex;gap:4px;flex-wrap:wrap;margin:11px 0 15px}.cb-person-tags span{padding:3px 7px;background:var(--soft);color:var(--muted);font-size:10px;border-radius:5px}.cb-person-footer{display:flex;justify-content:space-between;gap:5px;align-items:center;border-top:1px solid var(--line);padding-top:10px}.cb-person-footer strong{color:var(--accent);font-size:17px}.cb-person-footer small{font-size:10px;color:var(--muted);font-weight:400}.cb-person-footer .text{font-size:10px}.cb-dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}.cb-dispatch-rail{display:flex;flex-direction:column;gap:18px;background:none!important;padding:0!important;border:0!important;position:static!important;width:auto!important}.cb-rail-body{padding:0 20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.cb-rail-body small{font-size:10px}.cb-rail-body strong{display:block;font-size:26px;margin-top:4px}.cb-rail-body button{grid-column:1/-1;width:100%}.cb-rail-note{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:23px}.cb-rail-note small{color:var(--muted);font-size:9px;letter-spacing:1px}.cb-rail-note h3{font-size:23px;line-height:1.5;margin:12px 0}.cb-rail-note p{font-size:11px}.cb-analysis{margin-top:24px}.cb-analysis summary{color:var(--muted);font-size:11px;padding:14px;cursor:pointer}.cb-analysis .grid{margin-top:15px}.ws-talent-card,.ws-club-card{background:var(--surface)!important;border-color:var(--line)!important}.ws-finance-metrics article{background:var(--surface)!important;border-color:var(--line)!important}.ws-header-account .ws-logout{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--soft)!important}.ws-balance-cell{color:#50715a!important}.ws-ledger-panel{border-top-color:var(--accent)!important}.ws-hall-empty{background:var(--surface)}.ws-workspace [style*="background:var(--soft)"],.ws-workspace [style*="background:#f0f9eb"]{background:var(--surface)!important;border-color:var(--line)!important}
@media(max-width:1100px){.cb-dashboard-columns{grid-template-columns:1fr}.cb-dispatch-rail{display:grid;grid-template-columns:1fr 1fr}.cb-person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-today{min-width:150px}.cb-dashboard-intro h1{font-size:28px}}@media(max-width:650px){.cb-dashboard-intro{display:block}.cb-today{border:0;border-top:1px solid var(--soft);padding:16px 0 0;margin-top:15px}.cb-dispatch-rail{display:block}.cb-rail-note{margin-top:16px}.cb-person-grid{gap:10px}.cb-portrait{height:120px}.cb-person-info{padding:12px}.cb-person-footer{flex-wrap:wrap}.cb-dashboard-intro h1{font-size:25px}}

/* Final cross-module composition and shared controls. */
.ws-workspace .section-head h3,.ws-report-heading h2,.ws-settings-nav small,.ws-toolbar-title strong{color:var(--ink)}.ws-workspace .section-head p,.ws-report-heading span,.ws-section-note,.filter-caption,.pager,.ws-task-reference,.ws-club-identity p,.ws-settings-nav em{color:var(--muted)}.ws-workspace .ws-search,.ws-workspace .ws-report-rail,.ws-workspace .ws-settings-nav,.ws-workspace .ws-report-heading{background:var(--surface);border-color:var(--line)}.ws-report-rail .finance-filter .tabs{border-color:var(--line)}.ws-report-rail .date-filter{border-color:var(--line)}.ws-settings-section h3{color:var(--ink)}.ws-settings-section{background:var(--surface)!important;border-color:var(--line)!important;border-radius:14px}.ws-settings-section input,.ws-settings-section select,.ws-settings-section textarea{background:var(--surface);border-color:var(--soft);color:var(--ink)}.ws-settings-section label,.ws-settings-section p,.ws-settings-section small{color:var(--muted)}.ws-settings-nav button{background:transparent}.ws-settings-nav button:hover{background:var(--soft)}.ws-settings-nav button.active{background:var(--soft)!important;color:var(--accent)!important}.ws-settings-nav button.active span,.ws-settings-nav button.active em{color:var(--accent)}.check-pill:has(input:checked){background:var(--soft);border-color:var(--muted)}.order-alert,.announce-panel{background:var(--soft)!important;border-color:var(--line)!important}.order-alert strong,.announce-panel strong,.announce-panel h3{color:var(--muted)}.ws-income-summary,.ledger-totals{background:var(--surface)!important;border-color:var(--line)!important}.ws-income-summary strong,.ledger-totals strong{color:var(--ink)}.ws-income-panel h3{color:var(--ink)}.settle-actions,.payment-box,.payee-info{background:var(--surface);border-color:var(--line);color:var(--muted)}.ws-table-actions .text{background:var(--soft);border:1px solid var(--soft);color:var(--muted);border-radius:6px;padding:5px 8px}.ws-table-actions .danger{color:var(--muted)}.ws-club-link{background:var(--soft);color:var(--accent);border-color:var(--line)}.ws-order-panel .pager{border-color:var(--line);color:var(--muted)}.ws-balance-cell{color:#4e735c!important}.ws-talent-card{padding:0!important;overflow:hidden}.ws-talent-card:before{display:none}.cb-team-portrait{height:155px;background:var(--soft);display:grid;place-items:center;overflow:hidden}.ws-talent-card:nth-child(4n+2) .cb-team-portrait{background:#eaf0e6}.ws-talent-card:nth-child(4n+3) .cb-team-portrait{background:var(--soft)}.ws-talent-card:nth-child(4n+4) .cb-team-portrait{background:#e7edf3}.cb-team-portrait .avatar.large{width:100%;height:100%;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:70px}.cb-team-portrait img{object-fit:cover}.ws-talent-card>.player-top,.ws-talent-card>.ws-talent-identity,.ws-talent-card>.rank-tags,.ws-talent-card>.ws-talent-performance,.ws-talent-card>.ws-talent-config,.ws-talent-card>.ws-talent-account,.ws-talent-card>p{margin-left:18px;margin-right:18px}.ws-talent-card>.player-top{padding-top:14px}.ws-talent-card>.ws-talent-identity h2{margin-top:8px}.ws-talent-card>.ws-talent-account{margin-bottom:18px}.ws-talent-config summary,.ws-talent-account summary{color:var(--muted)}.ws-talent-config summary span,.ws-talent-account summary span{color:var(--muted)}.ws-talent-card .rank-tags .tag{background:var(--soft);color:var(--muted)}.ws-talent-performance{background:transparent;border-color:var(--line)}.ws-talent-performance strong{color:var(--accent)}.ws-talent-performance em{color:var(--muted)}.ws-talent-identity p{color:var(--muted)}.ws-players .player-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.cb-record-cards table,.cb-record-cards tbody{display:block;width:100%}.cb-record-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cb-record-cards tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:17px;white-space:normal}.cb-record-cards tr{background:var(--surface);border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;padding:18px;min-width:0}.cb-record-cards td{border:0;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:8px 0!important;font-size:12px;white-space:normal;overflow-wrap:anywhere}.cb-record-cards td[data-card-label]:before{content:attr(data-card-label);font-size:10px;color:var(--muted);min-width:64px;flex-shrink:0}.cb-record-cards td:first-child{font-size:17px;font-weight:600;padding-bottom:13px!important;border-bottom:1px solid var(--soft);margin-bottom:8px}.cb-record-cards td:last-child{padding-top:14px!important;border-top:1px dashed var(--line);margin-top:8px;flex-wrap:wrap;justify-content:flex-start}.cb-record-cards td[colspan]{display:block}.cb-record-cards td .ws-table-actions{flex-wrap:wrap}.cb-record-cards .ws-customer-avatar{display:none}.cb-record-cards td .badge{margin-left:auto}.ws-customers-panel .section-head,.ws-settlement-panel .section-head{flex-wrap:wrap}.ws-settlement-tabs{border-color:var(--line)}.ws-settlement-tabs button{color:var(--muted)}.ws-settlement-tabs button.active{color:var(--accent);background:var(--soft)}.cb-partner-card{border-top:5px solid var(--line)!important;background:var(--surface)!important}.cb-partner-card .tenant-domain{color:var(--muted);background:var(--surface);border-radius:7px;padding:6px 9px;margin-top:8px;font-size:11px}.cb-hall-ticket{position:relative;background:var(--surface)!important;border-radius:15px;box-shadow:none!important;border:1px solid var(--line)}.cb-hall-ticket h2{color:var(--ink)}.cb-hall-ticket .hall-order-id{color:var(--muted);font-size:10px}.cb-hall-ticket .hall-meta,.cb-hall-ticket p,.cb-hall-ticket small{color:var(--muted)}.hall-grid{gap:17px}.cb-hall-ticket .hall-income{border-top:1px dashed var(--line);padding-top:15px;color:var(--accent)}.ws-hall-empty{background:var(--surface);border-radius:15px;border:1px dashed var(--line)}.ws-game-symbol{background:var(--soft)!important;color:var(--accent)!important}.assign-item{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}.assign-item:hover{background:var(--soft)!important;border-color:var(--accent)!important}.settings-card,.game-item{border-color:var(--line)}.settings-sep{border-color:var(--line)}.ui-dialog-msg,.ui-dialog-label{color:var(--muted)}.numeric{font-variant-numeric:tabular-nums}button:disabled{opacity:.45;transform:none!important}.ws-header-account .ws-logout{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--soft)!important}.ws-talent-card summary,.cb-analysis summary{min-height:36px}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.modern-ranking-tabs button,.modern-trend-tabs button{color:var(--muted)}.modern-ranking-tabs button.active,.modern-trend-tabs button.active{color:var(--accent);background:var(--soft)}.modern-chart text{fill:var(--muted)}.modern-chart path[stroke],.modern-chart circle{stroke:var(--accent);fill:var(--accent)}.modern-ranking-row,.team-row{border-color:var(--line)}.ws-report-layout{grid-template-columns:220px minmax(0,1fr)}.ws-settings-layout{grid-template-columns:220px minmax(0,1fr)}
@media(max-width:1200px){.ws-players .player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.ws-players .player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-report-layout,.ws-settings-layout{grid-template-columns:1fr}.ws-settings-nav{display:flex;flex-wrap:wrap;gap:5px}.ws-settings-nav small{width:100%}.ws-settings-nav button{flex:1 0 130px}.ws-report-rail{max-height:none!important;overflow:visible}}@media(max-width:600px){.cb-record-cards tbody{grid-template-columns:1fr;padding:10px}.ws-players .player-grid{grid-template-columns:1fr}.cb-team-portrait{height:180px}.ws-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ws-header-account>span,.ws-header-account>strong{display:none}.ws-global-search{max-width:55%;min-width:0}.ws-global-search input{min-width:0;width:100%}.ws-global-search kbd{display:none}.ws-header-account{gap:6px}.cb-record-cards td{flex-wrap:wrap}.ws-order-pipeline{gap:6px}.ws-stage{padding:10px 6px}.ws-stage small{font-size:10px}.main-content{max-width:100%;overflow-wrap:anywhere}}

/* Screenshot-led refinements: readable scale, composed cards, compact empty states. */
:root{font-size:15px;--muted:var(--muted)}#app>aside{width:168px;padding:28px 15px;background:var(--soft)}#app>main{margin-left:168px}.main-content{max-width:1320px;padding:26px 30px 34px}#app>main>header{padding:0 30px;height:66px}.brand{font-size:19px}.workspace{padding-left:5px;font-size:11px}.page-heading,.ws-page-heading{margin-bottom:24px!important}.page-heading h1,.ws-page-heading h1{font-size:29px}.page-heading p,.ws-page-heading p{font-size:13px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.5px}#app>aside>nav button{font-size:14px;padding:12px 11px;gap:10px}.primary,.secondary{font-size:13px;padding:10px 15px;border-radius:10px}.text{font-size:12px}.ws-global-search input{font-size:12px}.ws-header-account strong{font-size:12px}.ws-header-account span{font-size:11px}.ws-workspace .section-head h3,.section-head h3{font-size:18px}.ws-workspace .section-head p,.section-head p{font-size:12px;line-height:1.6}.ws-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:transparent;border:0;margin-bottom:24px}.ws-summary-item{background:var(--surface);border:1px solid var(--line)!important;border-radius:13px;padding:18px 16px!important;min-height:106px}.ws-summary-item:first-child{background:var(--soft)}.ws-summary-icon{display:none}.ws-summary small{font-size:12px;color:var(--muted)}.ws-summary strong{font-size:26px;margin:6px 0}.ws-summary p{font-size:11px}.cb-dashboard-intro{padding:5px 0 26px}.cb-dashboard-intro h1{font-size:31px}.cb-dashboard-intro p{font-size:13px}.cb-today{padding-left:20px;min-width:160px}.cb-today strong{font-size:26px}.cb-today small,.cb-today span{font-size:11px}.cb-person-grid{gap:15px}.cb-person-card{border-radius:14px}.cb-portrait{height:120px}.cb-portrait>span{font-size:47px;background:#ffffff8c;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;opacity:1;border:1px solid #fff;color:var(--muted)}.cb-person-info h3{font-size:19px}.cb-person-info p{font-size:12px}.cb-person-tags span{font-size:11px}.cb-person-footer .text{font-size:11px}.cb-person-footer strong{font-size:18px}.cb-dashboard-columns{gap:18px;grid-template-columns:minmax(0,1fr) 260px}.cb-section-title h2{font-size:20px}.cb-section-title h2 small{font-size:12px}.cb-order-board tbody{gap:13px;padding:15px}.cb-order-board tr{padding:16px 17px;background:var(--surface);border-radius:12px;border-color:var(--line);box-shadow:0 3px 9px #94563405}.cb-order-board td:first-child{font-size:11px;color:var(--muted)}.cb-order-board td:nth-child(2){font-size:19px}.cb-order-board td:nth-child(3){font-size:14px}.cb-order-board td:nth-child(5){font-size:23px;color:var(--accent)}.cb-order-board td small{font-size:12px;line-height:1.5}.cb-order-board td .badge{font-size:11px;padding:5px 8px;border-radius:6px}.cb-order-board .ws-table-actions{gap:6px}.cb-order-board .ws-table-actions button{font-size:12px;padding:7px 10px}.cb-order-board td:last-child{padding-top:12px!important}.ws-order-pipeline{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.ws-stage{display:flex;align-items:center;gap:8px;flex:1;padding:12px 10px;min-width:100px}.ws-stage>span{display:none}.ws-stage small{font-size:12px;white-space:nowrap}.ws-stage strong{font-size:18px;margin:0 0 0 auto}.ws-stage.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.ws-stage.selected small,.ws-stage.selected strong{color:#fff}.ws-order-panel{border:0!important;background:transparent!important}.ws-order-panel>.toolbar{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px!important;margin-bottom:12px}.ws-order-panel>.ws-filter-drawer{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.ws-order-panel>.table-wrap{border:0;background:transparent}.ws-order-panel>.table-wrap tbody{padding:0}.ws-toolbar-title strong{font-size:15px}.ws-toolbar-title small{font-size:11px}.ws-filter-drawer summary{font-size:12px;padding:13px 15px}.ws-order-panel .pager{background:transparent;border:0;font-size:12px}.cb-rail-body small{font-size:12px}.cb-rail-body strong{font-size:27px}.cb-rail-note p{font-size:12px}.ws-players .player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-team-portrait{height:125px}.cb-team-portrait .avatar.large{width:74px;height:74px;font-size:43px;border-radius:50%;background:#fff9;border:1px solid #fff}.cb-team-portrait img.avatar.large{width:100%;height:100%;border:0;border-radius:0}.ws-talent-card>.player-top{padding-top:13px}.ws-talent-identity h2{font-size:21px}.ws-talent-identity p{font-size:12px}.ws-talent-performance{margin:15px 18px}.ws-talent-performance strong{font-size:21px}.ws-talent-performance small{font-size:11px}.ws-talent-config summary,.ws-talent-account summary{font-size:12px;min-height:37px}.ws-talent-config summary span,.ws-talent-account summary span{font-size:10px}.ws-talent-card .rank-tags .tag{font-size:11px}.archive-toolbar p{font-size:12px}.cb-record-cards tr{background:var(--surface);padding:21px;border-radius:14px}.cb-record-cards td{font-size:13px}.cb-record-cards td[data-card-label]:before{font-size:12px}.cb-record-cards td:first-child{font-size:20px}.cb-record-cards td .text{font-size:12px;padding:7px 9px}.cb-record-cards td small{font-size:11px}.ws-customers-panel .section-head p,.ws-settlement-panel .section-head p{max-width:650px}.ws-record-empty{display:block!important;padding:20px 25px!important;background:transparent!important;min-height:0!important}.ws-record-empty tr{max-width:none;display:block!important;background:var(--surface);border:1px dashed var(--line);padding:35px!important;text-align:center}.ws-record-empty td{display:block!important;border:0!important;font-size:14px!important;padding:0!important}.ws-hall-empty{min-height:165px;max-height:none;box-shadow:none;border:1px dashed var(--line);margin:0 20px 20px;width:calc(100% - 40px)}.ws-hall-empty .empty{padding:35px 20px;font-size:13px}.ws-report-layout{display:flex;flex-direction:column;gap:20px}.ws-report-rail{width:100%;max-height:none!important;overflow:visible!important;position:static;border-radius:12px;background:var(--surface)!important}.ws-rail-heading{display:none}.ws-report-rail .finance-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px!important}.ws-report-rail .finance-filter>.tabs{display:flex;flex:1 0 250px;padding:0!important;border:0!important;flex-wrap:wrap;gap:5px!important}.ws-report-rail .finance-filter>.tabs button{flex:0 1 auto;padding:8px 12px!important;min-width:0;font-size:12px!important}.ws-report-rail .date-filter{display:flex!important;align-items:flex-end;flex-wrap:wrap;gap:10px!important;padding:10px 0 0!important;flex:1 0 100%;border-top:1px solid var(--line)}.ws-report-rail .date-filter label{flex:0 1 180px;font-size:12px}.ws-report-rail .date-filter>p{display:none}.ws-report-rail .filter-caption{flex:1 0 100%;font-size:11px}.ws-report-rail .finance-filter>p{display:none}.ws-report-heading{display:none}.ws-finance-metrics article{border:1px solid var(--line)!important;border-radius:13px;background:var(--surface)!important;min-height:120px;padding:20px!important}.ws-finance-metrics article:first-child{background:var(--soft)!important}.ws-finance-metrics h2{font-size:27px!important;margin:10px 0!important}.ws-finance-metrics small{font-size:11px!important}.ws-finance-metrics article>span{font-size:12px}.ws-table th{font-size:12px;color:var(--muted)}.ws-table td{font-size:13px;padding:18px 20px}.ws-settings-layout{display:block}.ws-settings-nav{display:flex;gap:7px;flex-wrap:wrap;background:transparent!important;border:0;padding:0!important;margin-bottom:18px}.ws-settings-nav>small{display:none}.ws-settings-nav button{width:auto;flex:0 1 auto;padding:12px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:12px}.ws-settings-nav button span,.ws-settings-nav button em{display:none}.ws-settings-nav button.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)}.ws-settings-section{min-height:0!important;padding:24px!important}.ws-settings-section h3{font-size:21px}.ws-settings-section p{font-size:13px;line-height:1.7}.ws-settings-section input{font-size:13px}.ws-settings-section .game-item{font-size:13px}.ws-club-card{border-top:0!important;display:grid;grid-template-columns:60px 1fr;column-gap:15px;padding:24px!important}.ws-club-card>.player-top{grid-column:1/-1}.ws-club-card>.ws-club-identity,.ws-club-card>div,.ws-club-card>p,.ws-club-card>a{grid-column:1/-1}.ws-club-identity h2{font-size:22px}.ws-club-card .tenant-domain{font-size:12px}.ws-club-card small{font-size:12px}.ws-club-card .player-bottom,.ws-club-card .account-row{font-size:13px}.ws-settlement-tabs{display:flex;flex-wrap:wrap;padding:0 22px 16px;gap:6px}.ws-settlement-tabs button{font-size:12px;padding:9px 13px;border-radius:8px}.ws-settlement-tabs button.active{background:var(--accent);color:#fff}.ws-summary-item strong,.cb-today strong,.cb-rail-body strong{font-variant-numeric:tabular-nums}
@media(max-width:1050px){.cb-dashboard-columns{grid-template-columns:1fr}.cb-dispatch-rail{display:grid;grid-template-columns:1fr 1fr}.ws-players .player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-stage{flex:1 0 25%}}@media(max-width:750px){#app>aside{width:68px;padding:20px 8px}#app>main{margin-left:68px}.main-content{padding:20px 15px}.ws-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-summary-item{padding:14px!important}.cb-dashboard-intro h1{font-size:26px}.cb-today{min-width:140px}.ws-settings-nav button{flex:1 0 120px}.ws-settings-section{padding:18px!important}}@media(max-width:480px){#app>aside{position:relative;width:100%;padding:14px}#app>main{margin-left:0}.cb-dispatch-rail{display:block}.ws-players .player-grid{grid-template-columns:1fr}.ws-summary-item{min-height:100px}.cb-dashboard-intro{display:block}.cb-today{padding:15px 0 0;margin-top:15px;border:0;border-top:1px solid var(--line)}.ws-stage{flex:1 0 40%}.main-content{padding:18px 12px}}
/* Talent directory: compact profile cards, preserving every business control. */
.talent-board-v6 .player-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.talent-board-v6 .ws-talent-card{padding:0!important;background:var(--surface)!important;border:1px solid var(--soft)!important;border-radius:20px!important;box-shadow:0 7px 24px #70432507;overflow:hidden;transition:transform .22s,box-shadow .22s}
.talent-board-v6 .ws-talent-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #70432512}
.talent-board-v6 .ws-talent-card:before{display:none}
.talent-board-v6 .talent-profile-header{display:grid;grid-template-columns:86px minmax(0,1fr);gap:0 18px;align-items:center;padding:24px;background:var(--talent-tint);position:relative}
.talent-board-v6 .cb-team-portrait{grid-row:1/3;width:86px;height:86px!important;border-radius:24px;margin:0!important;background:#ffffff85!important;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 4px #ffffff55}
.talent-board-v6 .cb-team-portrait .avatar.large{width:100%!important;height:100%!important;font-size:36px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted);object-fit:cover}
.talent-board-v6 .ws-talent-identity{padding:0!important;margin:0!important;min-width:0}
.talent-board-v6 .ws-talent-identity h2{font-size:25px!important;margin:0 0 7px!important;line-height:1.2}
.talent-board-v6 .ws-talent-identity p{font-size:12px!important;margin:0;color:var(--muted)!important;line-height:1.6}
.talent-board-v6 .talent-profile-status{display:flex;gap:5px;align-items:center;margin-top:9px}
.talent-board-v6 .talent-profile-status .badge{font-size:11px!important;border-radius:20px!important;padding:4px 10px!important;background:var(--surface)!important}
.talent-board-v6 .rank-tags{padding:18px 24px 0!important;margin:0!important;display:flex;gap:6px;flex-wrap:wrap}
.talent-board-v6 .rank-tags .tag{padding:6px 10px!important;font-size:12px!important;border-radius:7px;background:var(--soft);border-color:var(--soft)}
.talent-board-v6 .ws-talent-performance{margin:18px 24px!important;padding:16px 0!important;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:0!important;border-bottom:1px solid var(--soft)!important}
.talent-board-v6 .ws-talent-performance>div+div{border-left:1px solid var(--soft);padding-left:22px}
.talent-board-v6 .ws-talent-performance strong{font-size:26px!important;color:var(--muted)!important;letter-spacing:-.5px}
.talent-board-v6 .ws-talent-performance small{font-size:12px!important;color:var(--muted)}
.talent-board-v6 .talent-management{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 24px 22px}
.talent-board-v6 .ws-talent-config,.talent-board-v6 .ws-talent-account{margin:0!important;padding:0!important;border:1px solid var(--soft)!important;background:var(--soft);border-radius:10px;min-width:0}
.talent-board-v6 .talent-management summary{padding:12px!important;font-size:13px!important;min-height:0;align-items:center;display:flex;flex-wrap:wrap;gap:4px;color:var(--ink)}
.talent-board-v6 .talent-management summary span{display:none}
.talent-board-v6 .talent-management details[open]{grid-column:1/-1;background:var(--surface)}
.talent-board-v6 .talent-management details[open]>summary{border-bottom:1px solid var(--soft);background:var(--soft);border-radius:10px 10px 0 0}
.talent-board-v6 .talent-management .player-bottom,.talent-board-v6 .talent-management .account-row{margin:0!important;padding:14px!important;display:flex;flex-wrap:wrap;gap:8px!important}
.talent-board-v6 .talent-management button{font-size:12px!important;padding:8px 10px!important}
.talent-board-v6 .talent-management .account-row small{font-size:12px!important;line-height:1.7}
.talent-board-v6 .archive-toolbar{padding:16px 20px!important;background:var(--surface)!important;border-radius:13px!important}
.talent-board-v6 .archive-toolbar input{font-size:13px!important}
@media(min-width:1600px){.talent-board-v6 .player-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:850px){.talent-board-v6 .player-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.talent-board-v6 .ws-talent-card{transition:none}.talent-board-v6 .ws-talent-card:hover{transform:none}}

/* Ordinary sidebar with a consistent vector icon family. */
#app>aside.sidebar-v7{width:202px!important;padding:28px 16px 20px!important;background:var(--soft)!important;border-right:1px solid var(--soft)!important;box-shadow:none!important}
#app>aside.sidebar-v7+main{margin-left:202px!important}
.sidebar-v7 .brand{display:flex!important;align-items:center;gap:10px!important;padding:0 10px!important;font-size:21px!important;font-weight:750;letter-spacing:-.6px;color:var(--ink)!important}
.sidebar-v7 .brand .sidebar-brand-mark{display:grid!important;place-items:center;width:34px;height:38px;background:var(--accent)!important;color:#fff!important;border-radius:11px!important;flex-shrink:0}
.sidebar-brand-mark svg{width:23px;height:25px}
.sidebar-v7 .workspace{margin:9px 0 30px!important;padding-left:55px!important;font-size:11px!important;color:var(--muted)!important;letter-spacing:.3px}
.sidebar-v7 nav{position:relative;display:flex!important;flex-direction:column;gap:6px!important;padding:0!important}
.sidebar-v7 nav .cb-nav-marker{display:none!important}
.sidebar-v7 nav button{position:relative;display:flex!important;align-items:center;gap:13px!important;width:100%;height:46px!important;padding:0 15px!important;margin:0!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:var(--muted)!important;font-size:14px!important;font-weight:500;transition:background .18s,color .18s,transform .18s;text-align:left;box-shadow:none!important}
.sidebar-v7 nav button:before,.sidebar-v7 nav button:after{display:none!important}
.sidebar-v7 nav button:hover{background:var(--soft)!important;color:var(--ink)!important;transform:translateX(2px)}
.sidebar-v7 nav button.selected{background:var(--soft)!important;color:var(--muted)!important;font-weight:650;border-color:var(--soft)!important}
.sidebar-v7 .sidebar-line-icon{display:flex!important;align-items:center;justify-content:center;width:20px!important;height:20px!important;flex:0 0 20px;font-size:0!important;color:inherit!important;background:transparent!important}
.sidebar-line-icon svg{width:20px;height:20px;display:block}
.sidebar-v7 nav button em{margin-left:auto;font-size:10px!important;font-style:normal;background:var(--surface)!important;color:var(--muted)!important;border-radius:6px;padding:2px 5px}
.sidebar-v7 .sidebar-bottom{padding:0 8px!important;border:0!important}
.sidebar-v7 .help-card{border:0!important;border-top:1px solid var(--soft)!important;background:transparent!important;padding:20px 0 0!important;border-radius:0!important}
.sidebar-v7 .help-card strong{font-size:12px!important;line-height:1.7;color:var(--muted)!important;font-weight:550}
.sidebar-v7 .help-card p{font-size:10px!important;line-height:1.7;letter-spacing:0!important;color:var(--muted)!important;margin:4px 0!important}
@media(max-width:750px){#app>aside.sidebar-v7{width:70px!important;padding:22px 9px!important}#app>aside.sidebar-v7+main{margin-left:70px!important}.sidebar-v7 .brand{padding:0 9px!important}.sidebar-v7 .brand>span,.sidebar-v7 .workspace,.sidebar-v7 .sidebar-bottom{display:none!important}.sidebar-v7 nav{margin-top:27px}.sidebar-v7 nav button{font-size:0!important;justify-content:center;padding:0!important;gap:0!important}.sidebar-v7 nav button em{position:absolute;right:2px;top:2px}.sidebar-v7 nav button .sidebar-line-icon{font-size:0!important}}
@media(max-width:480px){#app>aside.sidebar-v7{width:100%!important;position:relative!important;padding:14px!important}#app>aside.sidebar-v7+main{margin-left:0!important}.sidebar-v7 .brand>span{display:block}.sidebar-v7 nav{flex-direction:row!important;overflow-x:auto;gap:7px!important;margin-top:14px}.sidebar-v7 nav button{flex:0 0 44px!important}}
@media(prefers-reduced-motion:reduce){.sidebar-v7 nav button{transition:none}.sidebar-v7 nav button:hover{transform:none}}

/* Screenshot-led spacing correction: align the brand, subtitle and menu. */
#app>aside.sidebar-v7{padding:24px 14px 20px!important;width:194px!important}
#app>aside.sidebar-v7+main{margin-left:194px!important}
#app>aside.sidebar-v7 .brand{padding:0 14px!important;gap:0!important;font-size:21px!important;line-height:28px!important;letter-spacing:-.5px}
#app>aside.sidebar-v7 .brand .sidebar-brand-mark{display:none!important}
#app>aside.sidebar-v7 .workspace{padding:0 14px!important;margin:5px 0 0!important;line-height:18px!important;font-size:11px!important;letter-spacing:0!important}
#app>aside.sidebar-v7>nav{margin:28px 0 0!important;gap:4px!important}
#app>aside.sidebar-v7>nav button{height:42px!important;padding:0 14px!important;gap:12px!important;border-radius:9px!important;font-size:13px!important}
#app>aside.sidebar-v7>nav button .sidebar-line-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
#app>aside.sidebar-v7 .sidebar-line-icon svg{width:18px;height:18px}
#app>aside.sidebar-v7>nav button.selected{background:var(--soft)!important;border-color:transparent!important;color:var(--muted)!important}
#app>aside.sidebar-v7>nav button em{min-width:17px;text-align:center;background:var(--soft)!important;padding:2px 4px!important}
#app>aside.sidebar-v7 .sidebar-bottom{padding:0 14px!important}
#app>aside.sidebar-v7 .help-card{padding:16px 0 0!important;margin:0!important}
#app>aside.sidebar-v7 .help-card strong{display:none!important}
#app>aside.sidebar-v7 .help-card p{font-size:10px!important;margin:0!important;line-height:18px!important;color:var(--muted)!important}
@media(max-width:750px){#app>aside.sidebar-v7{width:70px!important;padding:20px 9px!important}#app>aside.sidebar-v7+main{margin-left:70px!important}#app>aside.sidebar-v7 .brand .sidebar-brand-mark{display:grid!important}#app>aside.sidebar-v7 .brand{padding:0 9px!important}#app>aside.sidebar-v7>nav button{font-size:0!important;padding:0!important;gap:0!important}#app>aside.sidebar-v7>nav{margin-top:24px!important}}
@media(max-width:480px){#app>aside.sidebar-v7{width:100%!important;padding:14px!important}#app>aside.sidebar-v7+main{margin-left:0!important}#app>aside.sidebar-v7 .brand{gap:10px!important}#app>aside.sidebar-v7>nav{margin-top:14px!important}}

/* Use the full workspace instead of a centered 1320px column. */
#app>main>.main-content{width:100%;max-width:none!important;margin:0!important;padding:26px 28px 34px!important}
.cb-dashboard{width:100%;max-width:none;margin:0}
.cb-person-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:18px}
.cb-dashboard-columns{grid-template-columns:minmax(0,1fr) 280px;gap:20px}
@media(max-width:1050px){.cb-dashboard-columns{grid-template-columns:1fr}.cb-person-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}}
@media(max-width:750px){#app>main>.main-content{padding:20px 18px 28px!important}.cb-person-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){#app>main>.main-content{padding:18px 12px 24px!important}.cb-person-grid{grid-template-columns:1fr!important}}

.dispatch-workbench{color:var(--ink)}.dispatch-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.dispatch-title>div>span{font-size:11px;color:var(--muted)}.dispatch-title h1{font-size:30px;letter-spacing:-1px;margin:8px 0;display:flex;align-items:center;gap:16px}.dispatch-title p{font-size:13px;color:var(--muted)}.dispatch-live-label{display:inline-flex;align-items:center;gap:6px;background:#edf2e9;padding:6px 9px;border-radius:20px;color:#657a52;font-size:10px;font-weight:500;letter-spacing:0}.dispatch-live-label i,.dispatch-roster-avatar i{width:6px;height:6px;background:#7c9569;border-radius:50%}.dispatch-title-actions .actions{gap:8px}.dispatch-pulse{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;background:var(--surface);border:1px solid var(--soft);border-radius:16px;margin-bottom:30px;overflow:hidden}.dispatch-pulse>div{padding:22px 26px;position:relative}.dispatch-pulse>div+div:before{content:'';position:absolute;left:0;top:25px;bottom:25px;width:1px;background:var(--soft)}.dispatch-pulse>div:first-child{background:var(--soft)}.dispatch-pulse span{display:block;font-size:12px;color:var(--muted)}.dispatch-pulse strong{font-size:29px;font-weight:650;display:block;margin-top:9px;letter-spacing:-.7px}.dispatch-pulse small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.dispatch-pulse strong small{margin-left:7px}.dispatch-desk{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.dispatch-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 19px}.dispatch-section-heading h2{font-size:19px;margin-bottom:5px}.dispatch-section-heading span{font-size:11px;color:var(--muted)}.dispatch-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.dispatch-lane{background:var(--soft);border:1px solid var(--soft);border-radius:14px;padding:12px;min-width:0;min-height:380px}.dispatch-lane>header{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 15px}.dispatch-lane h2{font-size:13px;display:flex;gap:8px;align-items:center}.dispatch-lane h2 i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.dispatch-lane.live h2 i{background:#7d9b7b}.dispatch-lane.review h2 i{background:#9b87a3}.dispatch-lane>header>span{font-size:11px;color:var(--muted);background:var(--surface);padding:3px 7px;border-radius:5px}.dispatch-lane-empty{padding:65px 8px;text-align:center}.dispatch-lane-empty>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:12px;color:var(--muted);margin:0 auto 16px}.dispatch-lane-empty strong{font-size:12px;color:var(--muted);font-weight:500}.dispatch-lane-empty p{font-size:10px;color:var(--muted);margin-top:7px}.dispatch-ticket-stack{overflow:visible!important}.dispatch-ticket-stack table,.dispatch-ticket-stack tbody{display:block!important;width:100%}.dispatch-ticket-stack thead{display:none!important}.dispatch-ticket-stack tbody tr{display:flex!important;flex-direction:column;gap:8px;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:11px;margin-bottom:12px;padding:15px!important;box-shadow:0 3px 7px #80604606}.dispatch-ticket-stack td{display:block!important;width:auto!important;border:0!important;padding:0!important;text-align:left!important;font-size:12px;color:var(--ink);grid-column:auto!important;grid-row:auto!important;max-width:none!important}.dispatch-ticket-stack td:first-child{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.dispatch-ticket-stack td:nth-child(2){font-size:18px;font-weight:650;color:var(--ink)}.dispatch-ticket-stack td:nth-child(5){font-size:22px;color:var(--muted);border-top:1px dashed var(--soft)!important;padding-top:12px!important;margin-top:3px}.dispatch-ticket-stack td:last-child{border-top:1px solid var(--soft)!important;padding-top:12px!important;margin-top:2px}.dispatch-ticket-stack td small{display:block;font-size:10px;line-height:1.7;color:var(--muted)}.dispatch-ticket-stack .badge{font-size:10px;padding:3px 7px}.dispatch-ticket-stack .ws-table-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:0;max-width:none}.dispatch-ticket-stack .ws-table-actions button{font-size:10px;padding:5px 7px;border-radius:5px}.dispatch-team-area{position:static!important;width:auto!important;padding:0!important;background:none!important;border:0!important;min-width:0}.dispatch-roster{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.dispatch-roster-person{display:flex;align-items:center;gap:12px;padding:17px 16px}.dispatch-roster-person+.dispatch-roster-person{border-top:1px solid var(--soft)}.dispatch-roster-avatar{width:50px;height:54px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;background:var(--soft);font-size:24px;color:var(--muted);position:relative}.dispatch-roster-avatar.tone-1{background:#e6ecdf}.dispatch-roster-avatar.tone-2{background:var(--soft)}.dispatch-roster-avatar.tone-3{background:#e0e7eb}.dispatch-roster-avatar img{width:100%;height:100%;object-fit:cover;border-radius:13px}.dispatch-roster-avatar i{position:absolute;right:-2px;bottom:1px;width:10px;height:10px;border:2px solid #fff}.dispatch-roster-person>div:nth-child(2){flex:1;min-width:0}.dispatch-roster-person strong{font-size:14px}.dispatch-roster-person p{font-size:11px;color:var(--muted);margin:3px 0}.dispatch-roster-person small{font-size:10px;color:var(--muted)}.dispatch-roster-person button{font-size:18px;color:var(--muted)}.dispatch-team-shortcuts{display:grid;gap:9px;margin-top:15px}.dispatch-team-shortcuts button{width:100%;padding:12px}.dispatch-daily{margin-top:22px;border-top:1px solid var(--line);padding:20px 5px}.dispatch-daily>span{font-size:11px;color:var(--muted)}.dispatch-daily strong{display:block;font-size:27px;margin:9px 0}.dispatch-daily small{font-size:11px;margin-left:8px;font-weight:400;color:var(--muted)}.dispatch-daily .text{padding-left:0;font-size:11px}.dispatch-more{margin-top:24px}.dispatch-more summary{font-size:12px;color:var(--muted);padding:12px 0;cursor:pointer}.dispatch-more .grid{margin-top:15px}
@media(max-width:1250px){.dispatch-desk{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.dispatch-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-lane.review{grid-column:1/-1;min-height:170px}.dispatch-lane.review .dispatch-lane-empty{padding:20px}.dispatch-title{align-items:flex-start}.dispatch-title-actions .actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:850px){.dispatch-desk{grid-template-columns:1fr}.dispatch-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-title{flex-wrap:wrap}.dispatch-pulse>div{padding:18px}.dispatch-pulse strong{font-size:24px}}
@media(max-width:550px){.dispatch-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-lanes{grid-template-columns:1fr}.dispatch-lane{min-height:180px}.dispatch-lane.review{grid-column:auto}.dispatch-roster{grid-template-columns:1fr}.dispatch-title h1{font-size:25px}.dispatch-live-label{display:none}}



:is(#reference-board,.live-reference-board){--s-bg:#f7f7fa;--s-paper:#fff;--s-ink:#292c3b;--s-sub:#858696;--s-line:#eeedf3;--s-pink:var(--muted);--s-blush:var(--soft);--s-fill:#faf9fc;--s-green:#328269;font:13px/1.5 'Segoe UI','Microsoft YaHei',sans-serif;color:var(--s-ink);background:var(--s-bg);border:1px solid var(--s-line);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:150px minmax(0,1fr)}
:is(#reference-board,.live-reference-board) *{box-sizing:border-box}:is(#reference-board,.live-reference-board) [hidden]{display:none!important}:is(#reference-board,.live-reference-board) button,:is(#reference-board,.live-reference-board) input,:is(#reference-board,.live-reference-board) select{font:inherit}:is(#reference-board,.live-reference-board) button{border:1px solid var(--s-line);background:var(--s-paper);color:var(--s-ink);border-radius:9px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s,background .15s}:is(#reference-board,.live-reference-board) button:hover{background:var(--s-blush)}:is(#reference-board,.live-reference-board) button:active{transform:scale(.97)}:is(#reference-board,.live-reference-board) button:disabled{opacity:.45}:is(#reference-board,.live-reference-board) .hot{background:var(--s-pink);color:#fff;border-color:var(--s-pink)}:is(#reference-board,.live-reference-board) .hot:hover{filter:brightness(1.05)}:is(#reference-board,.live-reference-board) svg{width:16px;height:16px;flex-shrink:0}:is(#reference-board,.live-reference-board) p{margin:0}:is(#reference-board,.live-reference-board) h1,:is(#reference-board,.live-reference-board) h2,:is(#reference-board,.live-reference-board) h3{margin:0}:is(#reference-board,.live-reference-board) .sub{font-size:11px;color:var(--s-sub)}:is(#reference-board,.live-reference-board) .num{font-variant-numeric:tabular-nums}:is(#reference-board,.live-reference-board) aside{padding:25px 12px;background:var(--s-paper);border-right:1px solid var(--s-line);display:flex;flex-direction:column;gap:30px}:is(#reference-board,.live-reference-board) .logo{display:flex;align-items:center;gap:8px;padding:0 8px;font-size:23px;font-weight:750;letter-spacing:-1px}:is(#reference-board,.live-reference-board) .logo-symbol{width:30px;height:30px;border-radius:10px;background:var(--s-pink);color:#fff;display:grid;place-items:center;transform:rotate(-9deg)}:is(#reference-board,.live-reference-board) .logo-symbol svg{width:21px;height:21px}:is(#reference-board,.live-reference-board) .logo small{font-size:9px;color:var(--s-sub);font-weight:400;display:block;letter-spacing:2px;margin-top:-3px}:is(#reference-board,.live-reference-board) .nav-label{font-size:9px;color:var(--s-sub);padding:0 12px;letter-spacing:1px;margin-bottom:10px}:is(#reference-board,.live-reference-board) nav{display:grid;gap:8px}:is(#reference-board,.live-reference-board) nav button{justify-content:flex-start;border:0;font-size:11px;padding:12px 10px;gap:9px;color:var(--s-sub);background:transparent}:is(#reference-board,.live-reference-board) nav button[aria-pressed=true]{background:var(--s-blush);color:var(--s-pink);font-weight:650}:is(#reference-board,.live-reference-board) .side-count{margin-left:auto;font-size:10px;background:var(--s-pink);color:#fff;border-radius:5px;padding:0 5px}:is(#reference-board,.live-reference-board) .side-help{margin-top:auto;padding:15px 10px;background:var(--s-fill);border:1px solid var(--s-line);border-radius:12px}:is(#reference-board,.live-reference-board) .side-help strong{font-size:11px}:is(#reference-board,.live-reference-board) .side-help p{font-size:10px;color:var(--s-sub);margin:7px 0 12px}:is(#reference-board,.live-reference-board) .side-help button{font-size:10px;width:100%;padding:7px}:is(#reference-board,.live-reference-board) .side-user{display:flex;gap:8px;align-items:center;border-top:1px solid var(--s-line);padding:18px 4px 0;font-size:11px}:is(#reference-board,.live-reference-board) .side-user img{height:30px;width:30px;border-radius:50%}:is(#reference-board,.live-reference-board) main{min-width:0;padding:0 22px 20px}:is(#reference-board,.live-reference-board) .topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--s-line);padding:14px 0;font-size:10px}:is(#reference-board,.live-reference-board) .topbar .top-actions{display:flex;align-items:center;gap:13px}:is(#reference-board,.live-reference-board) .topbar button{padding:5px;border:0;background:transparent}:is(#reference-board,.live-reference-board) .live{display:flex;align-items:center;gap:5px;color:var(--s-green);font-size:10px}:is(#reference-board,.live-reference-board) .live:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}:is(#reference-board,.live-reference-board) .page-head{padding:24px 0 20px;display:flex;justify-content:space-between;gap:12px;align-items:center}:is(#reference-board,.live-reference-board) .eyebrow{font-size:9px;letter-spacing:2px;color:var(--s-sub);font-weight:600;margin-bottom:5px}:is(#reference-board,.live-reference-board) h1{font-size:28px;letter-spacing:-.9px;font-weight:750}:is(#reference-board,.live-reference-board) h1 span{color:var(--s-pink)}:is(#reference-board,.live-reference-board) .page-head p{margin-top:5px}:is(#reference-board,.live-reference-board) .page-head button{font-size:11px;padding:10px 12px;white-space:nowrap}:is(#reference-board,.live-reference-board) .feature-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-bottom:20px}:is(#reference-board,.live-reference-board) .welcome{padding:20px;position:relative;background:var(--s-blush);border-radius:15px;overflow:hidden;min-height:153px;display:flex;align-items:center;border:1px solid var(--soft)}:is(#reference-board,.live-reference-board) .welcome-text{position:relative;z-index:2;width:70%}:is(#reference-board,.live-reference-board) .welcome h2{font-size:20px;letter-spacing:-.6px;line-height:1.5;font-weight:700}:is(#reference-board,.live-reference-board) .welcome h2 span{color:var(--s-pink)}:is(#reference-board,.live-reference-board) .welcome p{font-size:10px;color:var(--s-sub);margin:7px 0 14px}:is(#reference-board,.live-reference-board) .welcome .mini-people{display:flex;align-items:center;gap:0}:is(#reference-board,.live-reference-board) .mini-people img{height:24px;width:24px;border-radius:50%;border:2px solid var(--s-blush);margin-right:-7px}:is(#reference-board,.live-reference-board) .mini-people span{margin-left:16px;font-size:9px;color:var(--s-pink)}:is(#reference-board,.live-reference-board) .welcome-portrait{position:absolute;right:-2px;bottom:-16px;height:162px;width:135px;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(0 10px 12px #d9436020)}:is(#reference-board,.live-reference-board) .welcome:after{content:'PLAY';position:absolute;right:8px;top:2px;font-size:40px;font-weight:800;color:var(--soft);letter-spacing:-2px;transform:rotate(-8deg)}:is(#reference-board,.live-reference-board) .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--s-paper);border:1px solid var(--s-line);border-radius:15px;padding:14px 16px;gap:13px}:is(#reference-board,.live-reference-board) .stat{min-width:0}:is(#reference-board,.live-reference-board) .stat label{font-size:10px;color:var(--s-sub);display:block}:is(#reference-board,.live-reference-board) .stat strong{display:block;font-size:23px;line-height:1.4;font-weight:700;letter-spacing:-1px}:is(#reference-board,.live-reference-board) .stat strong small{font-size:11px;font-weight:400;margin-left:3px;color:var(--s-sub)}:is(#reference-board,.live-reference-board) .stat:first-child strong{color:var(--s-pink)}:is(#reference-board,.live-reference-board) .stat .hint{font-size:9px;color:var(--s-sub)}:is(#reference-board,.live-reference-board) .section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}:is(#reference-board,.live-reference-board) h2{font-size:15px;font-weight:650;letter-spacing:-.3px}:is(#reference-board,.live-reference-board) .section-title button{font-size:10px;border:0;background:transparent;padding:4px;color:var(--s-sub)}:is(#reference-board,.live-reference-board) .players-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}:is(#reference-board,.live-reference-board) .talent{border:1px solid var(--s-line);border-radius:12px;overflow:hidden;background:var(--s-paper);min-width:0;position:relative}:is(#reference-board,.live-reference-board) .talent .portrait-stage{height:104px;background:var(--s-fill);position:relative;overflow:hidden}:is(#reference-board,.live-reference-board) .portrait-stage img{height:120px;width:100%;object-fit:contain;object-position:center top;transition:transform .2s}:is(#reference-board,.live-reference-board) .talent:hover .portrait-stage img{transform:translateY(-3px) scale(1.04)}:is(#reference-board,.live-reference-board) .portrait-stage:after{content:attr(data-word);font-size:30px;font-weight:800;position:absolute;bottom:-12px;left:6px;letter-spacing:-1px;color:var(--s-paper);z-index:0;pointer-events:none}:is(#reference-board,.live-reference-board) .talent-state{position:absolute;left:9px;top:8px;display:flex;align-items:center;gap:4px;font-size:8px;border:1px solid var(--s-line);background:var(--s-paper);padding:3px 6px;border-radius:20px;color:var(--s-green);z-index:2}:is(#reference-board,.live-reference-board) .talent-state.busy{color:var(--s-sub)}:is(#reference-board,.live-reference-board) .talent-body{padding:10px}:is(#reference-board,.live-reference-board) .talent-name{display:flex;align-items:center;justify-content:space-between;gap:5px}:is(#reference-board,.live-reference-board) .talent-name strong{font-size:13px}:is(#reference-board,.live-reference-board) .rating{font-size:9px;color:var(--s-pink)}:is(#reference-board,.live-reference-board) .talent .skill{font-size:9px;color:var(--s-sub);margin-top:3px}:is(#reference-board,.live-reference-board) .talent .traits{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}:is(#reference-board,.live-reference-board) .traits span{font-size:8px;background:var(--s-fill);border-radius:4px;padding:3px 5px;color:var(--s-sub)}:is(#reference-board,.live-reference-board) .talent-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid var(--s-line)}:is(#reference-board,.live-reference-board) .talent-foot strong{font-size:12px}:is(#reference-board,.live-reference-board) .talent-foot small{font-size:8px;color:var(--s-sub);font-weight:400}:is(#reference-board,.live-reference-board) .talent-foot button{font-size:9px;padding:4px 6px;border-color:var(--soft);color:var(--s-pink);background:var(--s-blush)}:is(#reference-board,.live-reference-board) .ref-workspace{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:14px}:is(#reference-board,.live-reference-board) .paper{background:var(--s-paper);border:1px solid var(--s-line);border-radius:14px;min-width:0}:is(#reference-board,.live-reference-board) .queue-head{padding:17px 16px 0}:is(#reference-board,.live-reference-board) .queue-head>.section-title{margin-bottom:10px}:is(#reference-board,.live-reference-board) .tabs{display:flex;gap:16px;border-bottom:1px solid var(--s-line);flex-wrap:wrap}:is(#reference-board,.live-reference-board) .tabs button{border:0;border-radius:0;padding:9px 0;font-size:10px;color:var(--s-sub);background:transparent;gap:4px}:is(#reference-board,.live-reference-board) .tabs button[aria-pressed=true]{border-bottom:2px solid var(--s-pink);color:var(--s-pink);font-weight:650}:is(#reference-board,.live-reference-board) .tabs b{font-size:9px;background:var(--s-fill);padding:0 4px;border-radius:4px;font-weight:400}:is(#reference-board,.live-reference-board) .tools{display:flex;gap:7px;padding:11px 0}:is(#reference-board,.live-reference-board) .search{display:flex;align-items:center;gap:6px;flex:1;min-width:0;border:1px solid var(--s-line);border-radius:7px;padding:6px 8px;color:var(--s-sub);background:var(--s-fill)}:is(#reference-board,.live-reference-board) .search input{width:100%;min-width:0;border:0;outline-offset:3px;background:transparent;color:var(--s-ink);font-size:10px}:is(#reference-board,.live-reference-board) .search svg{width:12px;height:12px}:is(#reference-board,.live-reference-board) select{background:var(--s-paper);border:1px solid var(--s-line);color:var(--s-ink);border-radius:7px;padding:5px;font-size:10px;min-width:0}:is(#reference-board,.live-reference-board) .order-list{padding:0 10px 8px}:is(#reference-board,.live-reference-board) .order-labels{display:grid;grid-template-columns:minmax(0,1fr) 65px 56px;gap:6px;padding:7px 10px;font-size:9px;color:var(--s-sub);background:var(--s-fill);border-radius:6px}:is(#reference-board,.live-reference-board) .order{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 65px 56px;gap:6px;padding:14px 10px;text-align:left;border:0;border-bottom:1px solid var(--s-line);border-radius:0;background:var(--s-paper);align-items:center}:is(#reference-board,.live-reference-board) .order[aria-pressed=true]{background:var(--s-blush);border-radius:8px;border-bottom-color:transparent;box-shadow:inset 3px 0 var(--s-pink)}:is(#reference-board,.live-reference-board) .order-name{display:flex;gap:9px;align-items:center;min-width:0}:is(#reference-board,.live-reference-board) .game-logo{flex-shrink:0;width:30px;height:33px;border:1px solid #e9e5ed;background:var(--s-fill);border-radius:8px;display:grid;place-items:center;font-size:17px;font-weight:800;font-style:italic;color:var(--s-pink)}:is(#reference-board,.live-reference-board) .order h3{font-size:11px;font-weight:600;line-height:1.5}:is(#reference-board,.live-reference-board) .order-meta{font-size:8px;color:var(--s-sub);margin-top:3px;overflow-wrap:anywhere}:is(#reference-board,.live-reference-board) .order-price{font-size:12px;font-weight:650;text-align:right;letter-spacing:-.2px}:is(#reference-board,.live-reference-board) .order-price small{font-size:8px;font-weight:400;display:block;color:var(--s-sub)}:is(#reference-board,.live-reference-board) .order-status{font-size:9px;color:var(--s-pink);text-align:right}:is(#reference-board,.live-reference-board) .order-status small{font-size:8px;display:block;color:var(--s-sub);margin-top:3px}:is(#reference-board,.live-reference-board) .queue-foot{display:flex;justify-content:space-between;gap:6px;padding:11px 16px;font-size:8px;color:var(--s-sub);border-top:1px solid var(--s-line)}:is(#reference-board,.live-reference-board) .dispatch-panel{padding:16px}:is(#reference-board,.live-reference-board) .dispatch-panel .section-title{padding-bottom:12px;border-bottom:1px solid var(--s-line)}:is(#reference-board,.live-reference-board) .dispatch-panel .pill{font-size:8px;color:var(--s-pink);background:var(--s-blush);border-radius:5px;padding:3px 6px}:is(#reference-board,.live-reference-board) .customer{display:flex;gap:9px;align-items:center;margin:16px 0}:is(#reference-board,.live-reference-board) .customer-icon{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--s-blush);color:var(--s-pink);font-size:12px;font-weight:650}:is(#reference-board,.live-reference-board) .customer strong{font-size:12px}:is(#reference-board,.live-reference-board) .customer .sub{font-size:9px}:is(#reference-board,.live-reference-board) .brief{display:grid;grid-template-columns:1fr 1fr;gap:12px 9px;padding:13px;background:var(--s-fill);border-radius:9px}:is(#reference-board,.live-reference-board) .brief label{font-size:8px;color:var(--s-sub);display:block;margin-bottom:4px}:is(#reference-board,.live-reference-board) .brief strong{font-size:10px;font-weight:500}:is(#reference-board,.live-reference-board) .note{border-left:2px solid var(--line);padding-left:9px;margin:13px 0;font-size:10px}:is(#reference-board,.live-reference-board) .note span{font-size:8px;display:block;color:var(--s-sub);margin-bottom:3px}:is(#reference-board,.live-reference-board) .match-label{font-size:9px;display:flex;justify-content:space-between;margin:17px 0 10px}:is(#reference-board,.live-reference-board) .match-label span{color:var(--s-sub)}:is(#reference-board,.live-reference-board) .candidate{width:100%;padding:8px;margin-bottom:7px;gap:8px;justify-content:flex-start;text-align:left;font-size:10px}:is(#reference-board,.live-reference-board) .candidate[aria-pressed=true]{border-color:var(--s-pink);background:var(--s-blush)}:is(#reference-board,.live-reference-board) .candidate img{width:35px;height:35px;object-fit:cover;border-radius:8px;background:var(--s-fill)}:is(#reference-board,.live-reference-board) .candidate .candidate-text{flex:1}:is(#reference-board,.live-reference-board) .candidate .sub{font-size:8px;margin-top:3px}:is(#reference-board,.live-reference-board) .candidate .check{border:1px solid var(--s-line);border-radius:50%;width:15px;height:15px;text-align:center;font-size:9px}:is(#reference-board,.live-reference-board) .candidate[aria-pressed=true] .check{background:var(--s-pink);color:#fff;border-color:var(--s-pink)}:is(#reference-board,.live-reference-board) .confirm{width:100%;padding:10px;font-size:11px;margin-top:7px}:is(#reference-board,.live-reference-board) .safe{font-size:8px;text-align:center;color:var(--s-sub);margin-top:9px;display:flex;gap:4px;justify-content:center;align-items:center}:is(#reference-board,.live-reference-board) .safe svg{height:10px;width:10px}:is(#reference-board,.live-reference-board) .activity{padding:16px;margin-top:14px}:is(#reference-board,.live-reference-board) .activity-row{display:flex;gap:9px;font-size:10px;padding-top:12px}:is(#reference-board,.live-reference-board) .activity-dot{width:6px;height:6px;margin-top:5px;flex-shrink:0;border-radius:50%;background:var(--s-pink)}:is(#reference-board,.live-reference-board) .activity-row small{font-size:8px;color:var(--s-sub);display:block;margin-top:3px}:is(#reference-board,.live-reference-board) .footer{display:flex;gap:10px;justify-content:space-between;border-top:1px solid var(--s-line);padding-top:15px;margin-top:18px;font-size:8px;color:var(--s-sub);flex-wrap:wrap}:is(#reference-board,.live-reference-board) .footer a{color:var(--s-sub)}:is(#reference-board,.live-reference-board) .empty{padding:32px 10px;text-align:center;color:var(--s-sub);font-size:11px}:is(#reference-board,.live-reference-board) .notice{margin-top:12px;padding:10px;background:var(--s-blush);font-size:10px;color:var(--s-pink);border-radius:7px}:is(#reference-board,.live-reference-board) .notice:empty{display:none}:is(#reference-board,.live-reference-board) .schedule{padding:20px}:is(#reference-board,.live-reference-board) .schedule-row{display:grid;grid-template-columns:100px 1fr 50px;gap:15px;align-items:center;margin:20px 0;font-size:11px}:is(#reference-board,.live-reference-board) .shift-track{height:30px;background:var(--s-fill);border-radius:6px;display:flex;overflow:hidden}:is(#reference-board,.live-reference-board) .shift-block{background:var(--s-blush);color:var(--s-pink);font-size:9px;padding:8px;white-space:nowrap}:is(#reference-board,.live-reference-board) .bill{display:grid;grid-template-columns:minmax(0,1fr) 80px 80px;gap:10px;padding:15px;border-bottom:1px solid var(--s-line);font-size:11px}:is(#reference-board,.live-reference-board) .bill span:last-child{text-align:right}:is(#reference-board,.live-reference-board) .modal{position:absolute;z-index:10;inset:0;background:#27213580;display:flex;align-items:flex-start;justify-content:center;padding:80px 20px}:is(#reference-board,.live-reference-board){position:relative}:is(#reference-board,.live-reference-board) .dialog{width:400px;max-width:100%;padding:24px;background:var(--s-paper);border:1px solid var(--s-line);border-radius:16px;box-shadow:0 25px 100px #22182a30}:is(#reference-board,.live-reference-board) .dialog label{display:block;font-size:11px;margin-top:14px}:is(#reference-board,.live-reference-board) .dialog input,:is(#reference-board,.live-reference-board) .dialog select{display:block;width:100%;padding:10px;border:1px solid var(--s-line);border-radius:8px;background:var(--s-fill);color:var(--s-ink);margin-top:5px;font-size:12px}:is(#reference-board,.live-reference-board) .dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}:is(#reference-board,.live-reference-board) .dialog .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}:is(#reference-board,.live-reference-board) .profile-hero{text-align:center;background:var(--s-blush);border-radius:12px;padding:20px;margin-top:15px}:is(#reference-board,.live-reference-board) .profile-hero img{width:110px;height:110px;object-fit:contain}:is(#reference-board,.live-reference-board) .profile-hero h3{font-size:21px}:is(#reference-board,.live-reference-board) .profile-text{font-size:12px;margin-top:15px;line-height:1.8}:is(#reference-board,.live-reference-board) .profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;text-align:center}:is(#reference-board,.live-reference-board) .profile-metrics strong{font-size:20px;display:block}:is(#reference-board,.live-reference-board) .profile-metrics span{font-size:9px;color:var(--s-sub)}
@media(min-width:1100px){:is(#reference-board,.live-reference-board){grid-template-columns:180px minmax(0,1fr)}:is(#reference-board,.live-reference-board) main{padding:0 28px 24px}:is(#reference-board,.live-reference-board) .ref-workspace{grid-template-columns:minmax(0,1fr) 280px}:is(#reference-board,.live-reference-board) .portrait-stage img{height:140px}:is(#reference-board,.live-reference-board) .talent .portrait-stage{height:124px}}
@media(max-width:850px){:is(#reference-board,.live-reference-board){grid-template-columns:70px minmax(0,1fr)}:is(#reference-board,.live-reference-board) aside{padding:23px 9px;gap:30px}:is(#reference-board,.live-reference-board) .logo{padding:0;justify-content:center}:is(#reference-board,.live-reference-board) .logo-word,:is(#reference-board,.live-reference-board) .nav-label,:is(#reference-board,.live-reference-board) nav .nav-text,:is(#reference-board,.live-reference-board) .side-count,:is(#reference-board,.live-reference-board) .side-help,:is(#reference-board,.live-reference-board) .side-user-text{display:none}:is(#reference-board,.live-reference-board) nav button{padding:12px;justify-content:center}:is(#reference-board,.live-reference-board) .side-user{justify-content:center}:is(#reference-board,.live-reference-board) main{padding:0 17px 20px}:is(#reference-board,.live-reference-board) .ref-workspace{grid-template-columns:minmax(0,1fr)}:is(#reference-board,.live-reference-board) .detail-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}:is(#reference-board,.live-reference-board) .activity{margin-top:14px}:is(#reference-board,.live-reference-board) .talent .portrait-stage{height:95px}:is(#reference-board,.live-reference-board) .welcome-text{width:70%}}
@media(max-width:580px){:is(#reference-board,.live-reference-board){grid-template-columns:minmax(0,1fr);border-radius:14px}:is(#reference-board,.live-reference-board) aside{border:0;border-bottom:1px solid var(--s-line);flex-direction:row;align-items:center;gap:15px;padding:12px}:is(#reference-board,.live-reference-board) .logo-word{display:block;font-size:19px}:is(#reference-board,.live-reference-board) .logo-word small{display:none}:is(#reference-board,.live-reference-board) .logo-symbol{height:25px;width:25px}:is(#reference-board,.live-reference-board) .side-user{display:none}:is(#reference-board,.live-reference-board) aside>div:nth-child(2){margin-left:auto}:is(#reference-board,.live-reference-board) nav{display:flex;gap:3px}:is(#reference-board,.live-reference-board) nav button{padding:8px}:is(#reference-board,.live-reference-board) main{padding:0 12px 18px}:is(#reference-board,.live-reference-board) .topbar{font-size:9px}:is(#reference-board,.live-reference-board) .topbar .top-actions{gap:8px}:is(#reference-board,.live-reference-board) .page-head{padding:20px 0 17px;align-items:flex-start}:is(#reference-board,.live-reference-board) h1{font-size:25px}:is(#reference-board,.live-reference-board) .page-head .sub{font-size:9px}:is(#reference-board,.live-reference-board) .page-head button{font-size:9px;padding:8px;white-space:normal}:is(#reference-board,.live-reference-board) .feature-row{grid-template-columns:minmax(0,1fr)}:is(#reference-board,.live-reference-board) .welcome{min-height:140px;padding:17px}:is(#reference-board,.live-reference-board) .welcome-portrait{height:145px}:is(#reference-board,.live-reference-board) .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px 10px}:is(#reference-board,.live-reference-board) .stat strong{font-size:19px}:is(#reference-board,.live-reference-board) .stat label{font-size:8px}:is(#reference-board,.live-reference-board) .stat .hint{display:none}:is(#reference-board,.live-reference-board) .players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#reference-board,.live-reference-board) .talent .portrait-stage{height:115px}:is(#reference-board,.live-reference-board) .portrait-stage img{height:135px}:is(#reference-board,.live-reference-board) .talent-body{padding:11px}:is(#reference-board,.live-reference-board) .detail-columns{grid-template-columns:1fr;gap:0}:is(#reference-board,.live-reference-board) .tabs{gap:12px}:is(#reference-board,.live-reference-board) .tabs button{font-size:9px}:is(#reference-board,.live-reference-board) .schedule-row{grid-template-columns:60px 1fr;gap:8px}:is(#reference-board,.live-reference-board) .schedule-row>span:last-child{display:none}:is(#reference-board,.live-reference-board) .bill{grid-template-columns:minmax(0,1fr) 60px 60px;font-size:10px}:is(#reference-board,.live-reference-board) .modal{padding:50px 12px}:is(#reference-board,.live-reference-board) .tools select{max-width:90px}}
@media(prefers-reduced-motion:reduce){:is(#reference-board,.live-reference-board) button,:is(#reference-board,.live-reference-board) .portrait-stage img{transition:none}}



:is(#reference-board,.live-reference-board){--s-bg:var(--surface);--s-paper:#fff;--s-ink:var(--ink);--s-sub:var(--muted);--s-line:var(--line);--s-pink:var(--accent);--s-blush:var(--soft);--s-fill:var(--soft);--s-green:#547961;grid-template-columns:142px minmax(0,1fr);border-radius:20px}
:is(#reference-board,.live-reference-board) .logo-symbol{background:var(--s-pink);border-radius:50%;transform:none}:is(#reference-board,.live-reference-board) aside{background:var(--s-paper)}:is(#reference-board,.live-reference-board) .side-help{background:var(--s-blush)}:is(#reference-board,.live-reference-board) .page-head{padding:25px 0 21px}:is(#reference-board,.live-reference-board) h1{font-size:31px;letter-spacing:-1px}:is(#reference-board,.live-reference-board) .feature-row{grid-template-columns:1fr}:is(#reference-board,.live-reference-board) .welcome{display:none}:is(#reference-board,.live-reference-board) .stats{grid-template-columns:repeat(4,1fr);padding:17px 20px;border-radius:13px;background:var(--s-paper)}:is(#reference-board,.live-reference-board) .stat strong{font-size:25px}:is(#reference-board,.live-reference-board) .stat .hint{font-size:8px}:is(#reference-board,.live-reference-board) .players-grid{gap:12px}:is(#reference-board,.live-reference-board) .talent{border-radius:12px;transform:rotate(-1deg)}:is(#reference-board,.live-reference-board) .talent:nth-child(even){transform:rotate(1deg)}:is(#reference-board,.live-reference-board) .talent .portrait-stage{height:140px;background:var(--s-blush)}:is(#reference-board,.live-reference-board) .portrait-stage img{height:155px}:is(#reference-board,.live-reference-board) .talent-name strong{font-size:14px}:is(#reference-board,.live-reference-board) .talent-state{border-radius:5px}:is(#reference-board,.live-reference-board) .portrait-stage:after{content:'GOOD PLAY';font-size:24px;letter-spacing:-1px}:is(#reference-board,.live-reference-board) .ref-workspace{grid-template-columns:minmax(0,1fr) 248px;gap:16px}:is(#reference-board,.live-reference-board) .ref-workspace>div{display:block}:is(#reference-board,.live-reference-board) .activity{margin-top:14px}:is(#reference-board,.live-reference-board) .dispatch-panel .detail-columns{display:block}:is(#reference-board,.live-reference-board) .order-labels{display:none}:is(#reference-orders,.live-reference-orders){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:6px}:is(#reference-board,.live-reference-board) .order{grid-template-columns:1fr 60px;border:1px solid var(--s-line);border-radius:10px;padding:15px;background:var(--s-fill);gap:13px 8px}:is(#reference-board,.live-reference-board) .order[aria-pressed=true]{box-shadow:0 3px 13px #bc502f16;border:1px solid var(--s-pink);border-radius:10px;background:var(--s-blush)}:is(#reference-board,.live-reference-board) .order-name{grid-column:1 / -1}:is(#reference-board,.live-reference-board) .order h3{font-size:12px}:is(#reference-board,.live-reference-board) .order-meta{font-size:9px}:is(#reference-board,.live-reference-board) .order-price{text-align:left;padding-top:9px;border-top:1px dashed var(--s-line);font-size:17px}:is(#reference-board,.live-reference-board) .order-status{padding-top:9px;border-top:1px dashed var(--s-line);font-size:9px}:is(#reference-board,.live-reference-board) .game-logo{height:36px;width:34px;background:var(--s-paper);color:var(--s-pink)}:is(#reference-board,.live-reference-board) .paper{border-radius:13px}:is(#reference-board,.live-reference-board) .queue-head{padding:18px 20px 0}:is(#reference-board,.live-reference-board) .tools{padding:14px 0}:is(#reference-board,.live-reference-board) .tabs{gap:25px}:is(#reference-board,.live-reference-board) .talent .traits{gap:4px}
@media(max-width:850px){:is(#reference-board,.live-reference-board){grid-template-columns:70px 1fr}:is(#reference-board,.live-reference-board) .ref-workspace{grid-template-columns:1fr}:is(#reference-board,.live-reference-board) .ref-workspace>div{display:block}:is(#reference-board,.live-reference-board) .dispatch-panel .detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}:is(#reference-board,.live-reference-board) .activity{margin-top:0}:is(#reference-board,.live-reference-board) .talent .portrait-stage{height:112px}:is(#reference-board,.live-reference-board) .portrait-stage img{height:130px}}@media(max-width:580px){:is(#reference-board,.live-reference-board){grid-template-columns:1fr}:is(#reference-board,.live-reference-board) aside{flex-direction:row;padding:13px;gap:12px}:is(#reference-board,.live-reference-board) .logo-word{display:block}:is(#reference-board,.live-reference-board) .logo-word small{display:none}:is(#reference-board,.live-reference-board) nav{display:flex}:is(#reference-board,.live-reference-board) .side-user{display:none}:is(#reference-board,.live-reference-board) h1{font-size:27px}:is(#reference-board,.live-reference-board) .stats{padding:14px 10px;gap:9px}:is(#reference-board,.live-reference-board) .stat strong{font-size:20px}:is(#reference-orders,.live-reference-orders){grid-template-columns:1fr}:is(#reference-board,.live-reference-board) .dispatch-panel .detail-columns{grid-template-columns:1fr}:is(#reference-board,.live-reference-board) .talent .portrait-stage{height:135px}:is(#reference-board,.live-reference-board) .portrait-stage img{height:150px}}


:is(#reference-board,.live-reference-board){display:block;border:0;border-radius:0;overflow:visible;color-scheme:light;width:100%;font-size:13px}
:is(#reference-board,.live-reference-board) .ref-workspace{padding:0;margin:0;letter-spacing:0;font-size:13px}
:is(#reference-board,.live-reference-board) .stats label{margin:0}:is(#reference-board,.live-reference-board) .eyebrow{margin:0 0 5px}
:is(#reference-board,.live-reference-board) .tabs{gap:16px}:is(#reference-board,.live-reference-board) .search input{padding:0;margin:0}
:is(#reference-board,.live-reference-board) .ref-original-actions .table-wrap{overflow:visible}:is(#reference-board,.live-reference-board) .ref-original-actions table,:is(#reference-board,.live-reference-board) .ref-original-actions tbody,:is(#reference-board,.live-reference-board) .ref-original-actions tr{display:block}
:is(#reference-board,.live-reference-board) .ref-original-actions thead,:is(#reference-board,.live-reference-board) .ref-original-actions td:not(:last-child){display:none}
:is(#reference-board,.live-reference-board) .ref-original-actions td:last-child{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 0;border:0}
:is(#reference-board,.live-reference-board) .ref-original-actions .ws-table-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:none}
:is(#reference-board,.live-reference-board) .ref-original-actions button{font-size:10px;padding:6px 8px}
#app>main>.main-content.reference-main{padding:0 28px 24px!important;max-width:none!important}
#app>aside.reference-sidebar{width:142px!important;padding:25px 12px!important;background:var(--surface)!important}
#app>aside.reference-sidebar+main{margin-left:142px!important}
#app>aside.reference-sidebar .brand{font-size:20px!important;padding:0 8px!important}
#app>aside.reference-sidebar .workspace{padding:0 8px!important;font-size:9px!important;margin:5px 0 20px!important}
#app>aside.reference-sidebar>nav{gap:8px!important;margin-top:0!important}
#app>aside.reference-sidebar>nav button{font-size:11px!important;padding:12px 10px!important;gap:9px!important;height:auto!important;border-radius:9px!important}
#app>aside.reference-sidebar .sidebar-bottom{padding:0!important}
#app>aside.reference-sidebar .help-card{padding:15px 10px!important;background:var(--soft)!important;border:1px solid var(--line)!important;border-radius:12px!important}
#app>aside.reference-sidebar .help-card strong{display:block!important;font-size:11px!important}
#app>aside.reference-sidebar .help-card p{font-size:10px!important;margin-top:7px!important}
#app>main>header{height:46px!important;background:var(--surface)!important;border-color:var(--line)!important;font-size:10px}
.ref-shift-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto auto;gap:16px;align-items:end;padding:20px;border-top:1px solid var(--line)}
.ref-shift-row label{font-size:11px;margin:0}.ref-shift-row input,.ref-shift-row select{margin-top:6px}.ref-shift-row p,.ref-shift-row small{font-size:10px}
@media(max-width:850px){#app>aside.reference-sidebar{width:70px!important;padding:23px 9px!important}#app>aside.reference-sidebar+main{margin-left:70px!important}#app>aside.reference-sidebar>nav button{font-size:0!important;justify-content:center!important;padding:12px!important}.ref-shift-row{grid-template-columns:1fr 1fr}}
@media(max-width:580px){#app>aside.reference-sidebar{width:100%!important}#app>aside.reference-sidebar+main{margin-left:0!important}#app>main>.main-content.reference-main{padding:0 12px 18px!important}}
:is(#reference-board,.live-reference-board).ref-team-scope .ref-full-team{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
:is(#reference-board,.live-reference-board) .ref-team-management{padding:0 10px 10px;display:grid;gap:7px}
:is(#reference-board,.live-reference-board) .ref-team-control{border:1px solid var(--s-line);border-radius:7px;background:var(--s-fill);overflow:hidden}
:is(#reference-board,.live-reference-board) .ref-team-control summary{padding:9px;font-size:10px;color:var(--s-sub);cursor:pointer;display:flex;gap:6px;align-items:center}
:is(#reference-board,.live-reference-board) .ref-team-control summary span{display:none}
:is(#reference-board,.live-reference-board) .ref-team-control .player-bottom,:is(#reference-board,.live-reference-board) .ref-team-control .account-row{display:flex;flex-wrap:wrap;gap:5px;border:0;margin:0;padding:10px}
:is(#reference-board,.live-reference-board) .ref-team-control button{font-size:10px;padding:6px 7px}
:is(#reference-board,.live-reference-board) .ref-team-control small{font-size:9px;color:var(--s-sub)}
:is(#reference-board,.live-reference-board) .ref-team-performance{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--s-line);margin-top:12px;padding-top:10px;gap:8px}
:is(#reference-board,.live-reference-board) .ref-team-performance small{font-size:9px;color:var(--s-sub);display:block}
:is(#reference-board,.live-reference-board) .ref-team-performance strong{font-size:16px;color:var(--s-pink);display:block;margin-top:3px}
:is(#reference-board,.live-reference-board) .ref-team-performance em{font-size:9px;font-style:normal;margin-left:4px}
#app>aside.reference-sidebar .help-card{margin-top:20px!important}
.ws-workspace .ws-summary{background:var(--surface);border:1px solid var(--line);border-radius:13px;gap:0;padding:17px 20px}
.ws-workspace .ws-summary-item{background:transparent!important;border:0!important;border-radius:0;padding:0 12px!important;min-height:0}
.ws-workspace .ws-summary-item strong{font-size:25px;margin:3px 0}.ws-workspace .ws-summary-item small{font-size:10px}.ws-workspace .ws-summary-item p{font-size:8px}
@media(max-width:850px){:is(#reference-board,.live-reference-board).ref-team-scope .ref-full-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){:is(#reference-board,.live-reference-board).ref-team-scope .ref-full-team{grid-template-columns:1fr}}


:is(#reference-board,.live-reference-board) .tools .search{flex:1 1 0;min-width:0;margin:0}:is(#reference-board,.live-reference-board) .tools select{width:auto;flex:0 0 120px;max-width:140px;margin:0}:is(#reference-board,.live-reference-board) .tools input{display:block;width:100%;min-width:0;margin:0}:is(#reference-board,.live-reference-board) .ref-workspace{letter-spacing:0;font-size:13px}

/* Requested order density, full-width reporting and modal spacing. */
.ws-orders .cb-order-board tbody{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
:is(#reference-orders,.live-reference-orders){grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ws-finance .ws-report-layout{width:100%!important;align-items:stretch!important}
.ws-finance .ws-report-body{width:100%!important;max-width:none!important;flex:none!important;align-self:stretch!important}
.ws-finance .ws-finance-metrics{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ws-finance .ws-report-body>.panel{width:100%!important;max-width:none!important}
#modal .adjust-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 28px;align-items:center}
#modal .adjust-actions button{min-height:42px;padding:10px 18px;border:1px solid var(--soft);border-radius:9px;font-size:13px}
#modal .adjust-actions .btn-danger{background:var(--soft);color:var(--muted);border-color:var(--line)}
#modal .adjust-actions+h3{margin:0 0 18px;font-size:17px;line-height:1.6}
#modal .adjust-actions~.table-wrap{border:1px solid var(--soft);border-radius:10px;margin-bottom:22px}
#modal .adjust-actions~.table-wrap td.empty{padding:38px 20px}
#modal .adjust-actions~.form-note{margin-top:22px;line-height:1.8;padding:16px}
@media(max-width:1150px){.ws-orders .cb-order-board tbody,:is(#reference-orders,.live-reference-orders){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.ws-orders .cb-order-board tbody,:is(#reference-orders,.live-reference-orders){grid-template-columns:1fr!important}.ws-finance .ws-finance-metrics{grid-template-columns:1fr!important}#modal .adjust-actions{gap:9px}#modal .adjust-actions button{flex:1 0 40%}}

.ws-customers .ws-customers-panel .cb-record-cards tbody,.ws-orders .cb-order-board tbody{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
:is(#reference-orders,.live-reference-orders){grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ws-customers .ws-customers-panel .cb-record-cards tr{padding:18px;min-width:0}
.ws-customers .ws-customers-panel .cb-record-cards td{gap:8px;overflow-wrap:anywhere}
.ws-customers .ws-customers-panel .cb-record-cards td:last-child{flex-wrap:wrap}
.ws-orders .cb-order-board td:nth-child(4){max-width:none;overflow-wrap:anywhere}
@media(max-width:1350px){.ws-customers .ws-customers-panel .cb-record-cards tbody,.ws-orders .cb-order-board tbody,:is(#reference-orders,.live-reference-orders){grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1050px){.ws-customers .ws-customers-panel .cb-record-cards tbody,.ws-orders .cb-order-board tbody,:is(#reference-orders,.live-reference-orders){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.ws-customers .ws-customers-panel .cb-record-cards tbody,.ws-orders .cb-order-board tbody,:is(#reference-orders,.live-reference-orders){grid-template-columns:1fr!important}}

#app:has(>.huoba-slider-login){display:block!important;min-height:100vh;background:#f2f1f6;padding:32px 20px}
.huoba-slider-login{min-height:calc(100vh - 64px);display:grid;place-items:center;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#242130}
.hsl-container{width:min(1110px,100%);min-height:700px;background:var(--surface);padding:12px;border-radius:48px;box-shadow:0 0 24px #211d3320;display:grid;grid-template-columns:592px 340px;gap:80px;align-items:center}
.hsl-gallery{height:676px;position:relative;overflow:hidden;border-radius:40px;clip-path:path("M0 37.8182C0 16.9318 17.9784 0 40.156 0H551.843C574.902 0 593.224 18.2478 591.936 39.9306L556.273 640.294C555.083 660.328 537.487 676 516.18 676H40.156C17.9784 676 0 659.068 0 638.182V37.8182Z");background:#635ba1}
.hsl-images,.hsl-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hsl-image{opacity:0;transition:opacity 1s}.hsl-image.active{opacity:1}.hsl-gallery:after{content:"";position:absolute;inset:0;background:linear-gradient(#17112a25,transparent 55%,#17112a25);pointer-events:none}
.hsl-gallery-copy{position:absolute;z-index:1;top:88px;left:48px;color:#fff}.hsl-gallery-copy p{color:#fff;font-size:14px;margin-bottom:12px}.hsl-gallery-copy h1{font-size:38px;font-weight:650;line-height:1.6;letter-spacing:1px;color:#fff}
.hsl-gallery-footer{position:absolute;z-index:1;bottom:64px;left:48px;right:75px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;color:#fff}.hsl-gallery-footer span{font-size:15px;font-weight:600}.hsl-gallery-footer p{font-size:11px;color:#ffffffbc;margin-top:9px}.hsl-dots{display:flex;gap:7px;padding-bottom:5px}.hsl-dots button{width:7px;height:7px;min-height:0;padding:0;border:0;border-radius:50%;background:#ffffff70}.hsl-dots button[aria-pressed=true]{background:var(--surface)}
.hsl-area{width:340px;padding:28px 0}.hsl-brand{font-size:11px;color:#888394;display:block;margin-bottom:20px}.hsl-data h1{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.4;color:#252132}.hsl-data p{font-size:13px;color:#858091;margin-top:12px}
.hsl-role-slot{margin-top:28px}.hsl-role-slot .login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #e8e4ef;padding:5px;border-radius:12px;background:#faf9fc;margin:0}.hsl-role-slot .login-tabs button{border:0;background:transparent;padding:11px 8px;color:#91899e;border-radius:8px;font-size:13px}.hsl-role-slot .login-tabs button.active{background:#eeebf8;color:#7160bc;font-weight:600;box-shadow:none}
.hsl-divider{display:flex;align-items:center;gap:14px;font-size:11px;color:#a29ba9;margin:23px 0}.hsl-divider:before,.hsl-divider:after{content:"";height:1px;background:#eeeaf2;flex:1}
.hsl-area #login-form{display:block;margin:0}.hsl-area #login-form label{display:block;color:#56505f;font-size:12px;margin:0 0 17px}.hsl-area #login-form input:not([type=hidden]){height:52px;width:100%;padding:14px 17px;background:var(--surface);border:1px solid #d8d3e2;border-radius:10px;color:#282230;font-size:13px;margin:8px 0 0;box-shadow:none}.hsl-area #login-form input:focus{outline:2px solid #a79ad847;outline-offset:1px;border-color:#8a78c3}.hsl-area #login-form input::placeholder{color:#aaa2b4}
.hsl-password-field{position:relative}.hsl-area #login-form .hsl-password-field input{padding-right:52px}.hsl-password-toggle{position:absolute;right:13px;bottom:14px;width:24px;height:24px;padding:1px;color:#82798f;display:grid;place-items:center}.hsl-password-toggle svg{width:22px;height:22px}
.hsl-area #modern-forgot{display:block;margin:3px 0 23px auto;padding:0;background:transparent;border:0;color:#8471c7;font-size:12px;width:max-content}.hsl-area #login-form>.primary{display:block;width:100%;height:51px;border:0;border-radius:10px;background:#a38ed7;color:#fff;font-size:14px;box-shadow:none;transition:background .2s,transform .2s}.hsl-area #login-form>.primary:hover{background:#8d77c2;transform:translateY(-1px)}.hsl-area #login-form>.primary:disabled{opacity:.65}
.hsl-register-slot{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:12px;color:#8b8298}.hsl-register-button{padding:0;font-size:12px;color:#8471c7}.hsl-help{font-size:10px;color:#aea6b8;text-align:center;line-height:1.8;margin-top:18px}
@media(max-width:1149px){.hsl-container{width:min(940px,100%);grid-template-columns:minmax(0,1fr) 340px;gap:34px;padding:12px 28px 12px 12px;min-height:630px;border-radius:32px}.hsl-gallery{height:606px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%);border-radius:26px}.hsl-gallery-copy{left:30px;top:65px}.hsl-gallery-copy h1{font-size:30px}.hsl-gallery-footer{left:30px;right:48px;bottom:48px}}
@media(max-width:760px){#app:has(>.huoba-slider-login){padding:22px 16px}.hsl-container{display:block;width:420px;max-width:100%;min-height:0;padding:28px;border-radius:28px}.hsl-gallery{display:none}.hsl-area{width:100%;padding:0}.huoba-slider-login{min-height:calc(100vh - 44px)}}
@media(prefers-reduced-motion:reduce){.hsl-image,.hsl-area #login-form>.primary{transition:none}.hsl-area #login-form>.primary:hover{transform:none}}

.huoba-opening{position:fixed;inset:0;z-index:1000;overflow:hidden;color:var(--soft);background:transparent;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
.ho-panel{position:absolute;top:0;bottom:0;width:50%;background:#231e23;overflow:hidden;display:flex;align-items:center;animation-duration:1.3s;animation-delay:1.1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.76,0,.18,1);box-shadow:0 0 50px #1d102030}
.ho-left{left:0;justify-content:flex-end;animation-name:ho-open-left}.ho-right{right:0;justify-content:flex-start;animation-name:ho-open-right}
.ho-word{position:absolute;top:calc(50% - 80px);font-size:clamp(48px,8vw,112px);font-weight:750;letter-spacing:.09em;white-space:nowrap;line-height:1.4}
.ho-left .ho-word{right:0;transform:translateX(50%)}.ho-right .ho-word{left:0;transform:translateX(-50%)}
.ho-caption{position:absolute;left:0;right:0;top:calc(50% + 95px);text-align:center;animation:ho-caption-out .4s .8s both}
.ho-caption span{font-size:13px;letter-spacing:4px;color:var(--muted)}.ho-caption small{display:block;margin-top:15px;font-size:10px;color:#8d7a79;letter-spacing:2px}
.ho-cut{position:absolute;left:calc(50% - 1px);top:0;width:2px;height:100%;background:linear-gradient(transparent,var(--muted) 35%,var(--soft) 50%,var(--muted) 65%,transparent);transform:scaleY(0);transform-origin:center;animation:ho-cut-line 1.2s .25s both;box-shadow:0 0 22px #ffbf9190}
.ho-skip{position:absolute;right:35px;bottom:28px;font-size:11px;color:var(--muted);border:1px solid var(--ink);border-radius:20px;padding:9px 16px;background:#2a2228;animation:ho-caption-out .3s 1.1s both}
.huoba-slider-login.ho-reveal .hsl-container{animation:ho-login-reveal 1.2s 1.15s both}
@keyframes ho-open-left{to{transform:translateX(-102%)}}
@keyframes ho-open-right{to{transform:translateX(102%)}}
@keyframes ho-caption-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes ho-cut-line{0%{transform:scaleY(0);opacity:0}35%{transform:scaleY(1);opacity:1}75%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes ho-login-reveal{from{opacity:.25;transform:scale(.95);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@media(max-width:600px){.ho-word{font-size:50px;top:calc(50% - 60px)}.ho-caption{top:calc(50% + 55px)}.ho-caption span{font-size:11px;letter-spacing:2px}.ho-skip{right:20px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.huoba-opening{display:none}.huoba-slider-login.ho-reveal .hsl-container{animation:none}}

.hgr-opening{position:fixed;inset:0;z-index:1000;overflow:hidden;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
.hgr-brand-layer,.hgr-preloader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.hgr-brand-layer{background:#000;color:#fff;flex-direction:column}.hgr-brand{font-size:clamp(26px,4vw,52px);letter-spacing:.5em;padding-left:.5em;font-weight:500}.hgr-brand span{display:inline-block}.hgr-brand-layer p{color:#858585;font-size:11px;letter-spacing:3px;margin-top:25px}
.hgr-preloader{background:var(--surface);pointer-events:none}.hgr-loader-track{position:relative;width:10px;height:140px;border-radius:4px;overflow:hidden;transform:rotate(45deg);background:#f0f0f0}.hgr-loader-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#f0f,#f00)}
.hgr-wipe{position:absolute;inset:0 auto 0 0;width:100%;background:#989898;pointer-events:none}
.hgr-skip{position:absolute;right:30px;bottom:25px;z-index:2;padding:9px 15px;border-radius:20px;background:#ffffffd9;border:1px solid #ddd;color:#57505c;font-size:11px}
.hgr-active .hsl-container{opacity:0}
.hgr-opening{display:block!important;visibility:visible!important;opacity:1!important}


/* Creative Portal adaptation, Colorlib / Aigars Silkalns. Scoped to login. */

.huoba-creative-login * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.huoba-creative-login {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    background: linear-gradient(135deg, var(--surface) 0%, var(--soft) 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    line-height: 1.6;
    overflow-x: hidden;
    position: relative;
}
.huoba-creative-login .creative-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}
.huoba-creative-login .floating-shapes {
    position: relative;
    width: 100%;
    height: 100%;
}
.huoba-creative-login .shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    animation: huc-float 20s ease-in-out infinite;
}
.huoba-creative-login .shape-1 {
    width: 80px;
    height: 80px;
    top: 10%;
    left: 10%;
    background: linear-gradient(45deg, rgba(255, 107, 107, 0.3), rgba(255, 142, 83, 0.3));
    animation-delay: 0s;
}
.huoba-creative-login .shape-2 {
    width: 120px;
    height: 120px;
    top: 20%;
    right: 15%;
    background: linear-gradient(45deg, rgba(188, 80, 47, 0.3), rgba(188, 80, 47, 0.3));
    animation-delay: -5s;
}
.huoba-creative-login .shape-3 {
    width: 60px;
    height: 60px;
    bottom: 30%;
    left: 20%;
    background: linear-gradient(45deg, rgba(188, 80, 47, 0.3), rgba(188, 80, 47, 0.3));
    animation-delay: -10s;
}
.huoba-creative-login .shape-4 {
    width: 100px;
    height: 100px;
    bottom: 10%;
    right: 10%;
    background: linear-gradient(45deg, rgba(188, 80, 47, 0.3), rgba(188, 80, 47, 0.3));
    animation-delay: -15s;
}
.huoba-creative-login .shape-5 {
    width: 140px;
    height: 140px;
    top: 50%;
    left: 5%;
    background: linear-gradient(45deg, rgba(251, 191, 36, 0.3), rgba(245, 158, 11, 0.3));
    animation-delay: -7s;
}

@keyframes huc-float {
    0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
    25% { transform: translateY(-30px) translateX(20px) rotate(90deg); }
    50% { transform: translateY(-60px) translateX(-10px) rotate(180deg); }
    75% { transform: translateY(-20px) translateX(-30px) rotate(270deg); }
}
.huoba-creative-login .login-container {
    width: 100%;
    max-width: 450px;
    position: relative;
    z-index: 10;
}
.huoba-creative-login .login-card {
    background: rgba(255, 255, 255, 0.95);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 24px;
    padding: 40px;
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.huoba-creative-login .login-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 35px 70px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.2);
}
.huoba-creative-login .card-decoration {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    overflow: hidden;
}
.huoba-creative-login .deco-line {
    position: absolute;
    height: 2px;
    background: linear-gradient(90deg, transparent, currentColor, transparent);
    animation: huc-colorShift 8s ease-in-out infinite;
}
.huoba-creative-login .line-1 {
    top: 0;
    width: 100%;
    color: var(--accent);
    animation-delay: 0s;
}
.huoba-creative-login .line-2 {
    top: 2px;
    width: 100%;
    color: var(--accent);
    animation-delay: -2s;
}
.huoba-creative-login .line-3 {
    top: 4px;
    width: 100%;
    color: var(--muted);
    animation-delay: -4s;
}

@keyframes huc-colorShift {
    0%, 100% { opacity: 0.3; transform: translateX(-100%); }
    50% { opacity: 1; transform: translateX(100%); }
}
.huoba-creative-login .login-header {
    text-align: center;
    margin-bottom: 40px;
}
.huoba-creative-login .creative-logo {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.huoba-creative-login .logo-circle {
    position: absolute;
    border-radius: 50%;
    animation: huc-logoSpin 15s linear infinite;
}
.huoba-creative-login .circle-1 {
    width: 60px;
    height: 60px;
    background: linear-gradient(45deg, var(--accent), var(--muted));
    animation-delay: 0s;
}
.huoba-creative-login .circle-2 {
    width: 40px;
    height: 40px;
    background: linear-gradient(45deg, var(--accent), var(--muted));
    animation-delay: -5s;
}
.huoba-creative-login .circle-3 {
    width: 20px;
    height: 20px;
    background: linear-gradient(45deg, var(--accent), var(--muted));
    animation-delay: -10s;
}

@keyframes huc-logoSpin {
    0% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(180deg) scale(1.1); }
    100% { transform: rotate(360deg) scale(1); }
}
.huoba-creative-login .login-header h2 {
    color: var(--ink);
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 8px;
    background: linear-gradient(135deg, var(--surface) 0%, var(--soft) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 30px rgba(102, 126, 234, 0.3);
}
.huoba-creative-login .login-header p {
    color: var(--muted);
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
}
.huoba-creative-login .form-group {
    margin-bottom: 28px;
    position: relative;
}
.huoba-creative-login .input-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}
.huoba-creative-login .input-decoration {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--accent), var(--accent), var(--muted), var(--accent));
    background-size: 300% 100%;
    border-radius: 12px 12px 0 0;
    opacity: 0;
    animation: huc-gradientShift 5s ease infinite;
    transition: opacity 0.3s ease;
}

@keyframes huc-gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.huoba-creative-login .input-wrapper input {
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 20px 20px 8px 20px;
    color: var(--ink);
    font-size: 16px;
    font-weight: 400;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    outline: none;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.huoba-creative-login .input-wrapper input:focus {
    background: rgba(255, 255, 255, 1);
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.2);
}
.huoba-creative-login .input-wrapper input:focus ~ .input-decoration {
    opacity: 1;
}
.huoba-creative-login .input-wrapper input:focus + label,.huoba-creative-login .input-wrapper input:valid + label {
    transform: translateY(-36px) translateX(8px) scale(0.85);
    color: var(--surface);
    font-weight: 600;
}
.huoba-creative-login .input-wrapper label {
    position: absolute;
    left: 20px;
    top: 20px;
    color: var(--muted);
    font-size: 16px;
    font-weight: 500;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    transform-origin: left top;
    background: rgba(255, 255, 255, 0.9);
    padding: 0 8px;
    border-radius: 4px;
}
.huoba-creative-login .input-waves {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    overflow: hidden;
    border-radius: 0 0 12px 12px;
}
.huoba-creative-login .wave {
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 0;
    background: linear-gradient(90deg, transparent, currentColor, transparent);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.huoba-creative-login .wave-1 { color: var(--accent); }
.huoba-creative-login .wave-2 { color: var(--accent); }
.huoba-creative-login .wave-3 { color: var(--muted); }
.huoba-creative-login .input-wrapper input:focus ~ .input-waves .wave {
    width: 100%;
    animation: huc-waveRipple 1.5s ease-in-out;
}

@keyframes huc-waveRipple {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
.huoba-creative-login .password-wrapper input {
    padding-right: 60px;
}
.huoba-creative-login .password-toggle {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    color: var(--muted);
    transition: all 0.3s ease;
    border-radius: 8px;
    z-index: 2;
}
.huoba-creative-login .password-toggle:hover {
    color: var(--surface);
    background: rgba(102, 126, 234, 0.1);
    transform: translateY(-50%) scale(1.1);
}
.huoba-creative-login .toggle-icon {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23718096' stroke-width='1.5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
}
.huoba-creative-login .password-toggle:hover .toggle-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23667eea' stroke-width='1.5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3e%3c/svg%3e");
}
.huoba-creative-login .toggle-icon.show-password {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23718096' stroke-width='1.5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 11-4.243-4.243m4.242 4.242L9.88 9.88'/%3e%3c/svg%3e");
}
.huoba-creative-login .form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    flex-wrap: wrap;
    gap: 16px;
}
.huoba-creative-login .remember-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}
.huoba-creative-login .remember-wrapper input[type="checkbox"] {
    display: none;
}
.huoba-creative-login .checkbox-creative {
    width: 20px;
    height: 20px;
    border: 2px solid var(--line);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    overflow: hidden;
}
.huoba-creative-login .checkbox-creative::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--accent), var(--accent), var(--muted));
    transition: left 0.5s ease;
}
.huoba-creative-login .remember-wrapper input[type="checkbox"]:checked + .checkbox-label .checkbox-creative {
    border-color: transparent;
    transform: scale(1.1) rotate(360deg);
}
.huoba-creative-login .remember-wrapper input[type="checkbox"]:checked + .checkbox-label .checkbox-creative::before {
    left: 0;
}
.huoba-creative-login .check-mark {
    color: white;
    font-size: 12px;
    font-weight: bold;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    z-index: 1;
}
.huoba-creative-login .remember-wrapper input[type="checkbox"]:checked + .checkbox-label .check-mark {
    opacity: 1;
    transform: scale(1);
}
.huoba-creative-login .checkbox-label {
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: color 0.3s ease;
}
.huoba-creative-login .remember-wrapper:hover .checkbox-label {
    color: var(--surface);
}
.huoba-creative-login .forgot-password {
    color: var(--surface);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    font-style: italic;
}
.huoba-creative-login .forgot-password::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--accent), var(--accent));
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.huoba-creative-login .forgot-password:hover::after {
    width: 100%;
}
.huoba-creative-login .forgot-password:hover {
    color: var(--ink);
    transform: translateY(-1px);
}
.huoba-creative-login .login-btn {
    width: 100%;
    background: linear-gradient(135deg, var(--surface) 0%, var(--soft) 100%);
    border: none;
    border-radius: 16px;
    padding: 20px 32px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    margin-bottom: 28px;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}
.huoba-creative-login .btn-bg {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--accent), var(--accent), var(--muted), var(--accent));
    background-size: 300% 100%;
    animation: huc-gradientShift 3s ease infinite;
    transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.huoba-creative-login .login-btn:hover .btn-bg {
    left: 0;
}
.huoba-creative-login .login-btn:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 15px 40px rgba(102, 126, 234, 0.6);
}
.huoba-creative-login .login-btn:active {
    transform: translateY(-1px) scale(1.01);
}
.huoba-creative-login .btn-text {
    position: relative;
    z-index: 2;
    transition: opacity 0.3s ease;
}
.huoba-creative-login .btn-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}
.huoba-creative-login .loader-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--surface);
    animation: huc-dotBounce 1.4s ease-in-out infinite;
}
.huoba-creative-login .dot-1 { animation-delay: 0s; }
.huoba-creative-login .dot-2 { animation-delay: 0.2s; }
.huoba-creative-login .dot-3 { animation-delay: 0.4s; }

@keyframes huc-dotBounce {
    0%, 80%, 100% { transform: scale(0.8); opacity: 0.5; }
    40% { transform: scale(1.2); opacity: 1; }
}
.huoba-creative-login .login-btn.loading .btn-text {
    opacity: 0;
}
.huoba-creative-login .login-btn.loading .btn-loader {
    opacity: 1;
}
.huoba-creative-login .divider {
    display: flex;
    align-items: center;
    margin: 28px 0;
    gap: 16px;
}
.huoba-creative-login .divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--soft), transparent);
    position: relative;
    overflow: hidden;
}
.huoba-creative-login .divider-line::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--surface), transparent);
    animation: huc-shimmer 3s ease-in-out infinite;
}

@keyframes huc-shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}
.huoba-creative-login .divider span {
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    white-space: nowrap;
}
.huoba-creative-login .creative-social {
    display: flex;
    gap: 16px;
    margin-bottom: 28px;
}
.huoba-creative-login .social-btn {
    flex: 1;
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 16px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: relative;
    overflow: hidden;
}
.huoba-creative-login .social-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, currentColor, transparent);
    opacity: 0.1;
    transition: left 0.5s ease;
}
.huoba-creative-login .social-btn:hover::before {
    left: 0;
}
.huoba-creative-login .social-btn:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.huoba-creative-login .social-icon {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.huoba-creative-login .behance-btn { color: var(--accent); }
.huoba-creative-login .behance-icon { background: linear-gradient(135deg, var(--accent), var(--accent)); }
.huoba-creative-login .dribbble-btn { color: var(--accent); }
.huoba-creative-login .dribbble-icon { background: linear-gradient(135deg, var(--accent), var(--accent)); }
.huoba-creative-login .signup-link {
    text-align: center;
}
.huoba-creative-login .signup-link p {
    color: var(--muted);
    font-size: 14px;
    font-style: italic;
}
.huoba-creative-login .signup-link a {
    color: var(--surface);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
}
.huoba-creative-login .signup-link a::after {
    content: '✨';
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}
.huoba-creative-login .signup-link a:hover::after {
    opacity: 1;
    transform: translateX(4px);
}
.huoba-creative-login .signup-link a:hover {
    color: var(--ink);
    text-shadow: 0 0 10px rgba(102, 126, 234, 0.3);
}
.huoba-creative-login .error-message {
    color: var(--muted);
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    margin-left: 8px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    background: rgba(229, 62, 62, 0.1);
    padding: 6px 12px;
    border-radius: 8px;
    border-left: 4px solid var(--muted);
}
.huoba-creative-login .error-message.show {
    opacity: 1;
    transform: translateY(0);
}
.huoba-creative-login .form-group.error .input-wrapper input {
    border-color: var(--muted);
    background: rgba(229, 62, 62, 0.05);
    animation: huc-shake 0.5s ease-in-out;
}

@keyframes huc-shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}
.huoba-creative-login .success-message {
    display: none;
    text-align: center;
    padding: 40px 20px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.huoba-creative-login .success-message.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}
.huoba-creative-login .success-animation {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
}
.huoba-creative-login .success-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #48bb78, #38a169);
    position: absolute;
    animation: huc-successPulse 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    box-shadow: 0 0 30px rgba(188, 80, 47, 0.5);
}
.huoba-creative-login .success-checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 32px;
    font-weight: bold;
    animation: huc-checkmarkPop 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s both;
}

@keyframes huc-successPulse {
    0% { transform: scale(0); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@keyframes huc-checkmarkPop {
    0% { transform: translate(-50%, -50%) scale(0); }
    50% { transform: translate(-50%, -50%) scale(1.3); }
    100% { transform: translate(-50%, -50%) scale(1); }
}
.huoba-creative-login .success-message h3 {
    color: var(--ink);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 8px;
    background: linear-gradient(135deg, #48bb78, #38a169);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.huoba-creative-login .success-message p {
    color: var(--muted);
    font-size: 16px;
    font-style: italic;
}


@media (max-width: 480px) {
.huoba-creative-login {
        padding: 16px;
    }
.huoba-creative-login .login-card {
        padding: 28px;
        border-radius: 20px;
    }
.huoba-creative-login .login-header h2 {
        font-size: 1.875rem;
    }
.huoba-creative-login .creative-logo {
        width: 64px;
        height: 64px;
    }
.huoba-creative-login .circle-1 { width: 48px; height: 48px; }
.huoba-creative-login .circle-2 { width: 32px; height: 32px; }
.huoba-creative-login .circle-3 { width: 16px; height: 16px; }
.huoba-creative-login .form-options {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
.huoba-creative-login .creative-social {
        flex-direction: column;
    }
.huoba-creative-login .floating-shapes .shape {
        opacity: 0.5;
    }
}
.huoba-creative-login :focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: 4px;
}


@media (prefers-reduced-motion: reduce) {
.huoba-creative-login *,.huoba-creative-login *::before,.huoba-creative-login *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

.huoba-creative-login{font-family:"Segoe UI","Microsoft YaHei",sans-serif!important;color:var(--ink);background:linear-gradient(135deg,var(--surface),var(--soft))!important;min-height:100svh;padding:32px 20px!important;display:flex;align-items:center;justify-content:center}
.huoba-creative-login .login-card{box-shadow:0 22px 70px #bc502f18;border:1px solid var(--soft);padding:36px 38px}
.huoba-creative-login .login-card:hover{transform:translateY(-3px);box-shadow:0 28px 70px #bc502f22}
.huoba-creative-login .login-header{margin-bottom:24px}.huoba-creative-login .creative-logo{margin-bottom:16px}
.huoba-creative-login .login-header h2{color:var(--ink);background:none;-webkit-text-fill-color:initial;font-size:29px}
.huoba-creative-login .login-header p{color:var(--muted);margin-top:8px;font-size:13px}
.huoba-creative-login #login-form{display:grid;gap:18px;margin-top:24px}
.huoba-creative-login #login-form label{position:relative;display:block;font-size:13px;color:var(--muted);font-weight:500;line-height:1.6}
.huoba-creative-login #login-form input:not([type=hidden]){display:block;width:100%;height:52px;margin-top:7px;border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:0 15px;color:var(--ink);outline:none;font:inherit;transition:box-shadow .2s,border-color .2s}
.huoba-creative-login #login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #bc502f12;background:var(--surface)}
.huoba-creative-login #login-form input::placeholder{color:var(--muted)}
.huoba-creative-login .primary{width:100%;height:52px;border:0;border-radius:12px;background:var(--accent);color:white;font:inherit;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;box-shadow:0 8px 20px #bc502f25}
.huoba-creative-login .primary:hover{background:var(--muted);transform:translateY(-1px)}
.huoba-creative-login .login-tabs{display:flex;gap:10px;background:none;padding:0;border:0;box-shadow:none}
.huoba-creative-login .login-tabs button{flex:1;height:43px;white-space:nowrap;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.huoba-creative-login .login-tabs button.active{background:var(--soft);border-color:var(--muted);color:var(--accent)}
.huoba-creative-login #modern-forgot{justify-self:end;margin:0;padding:0;background:none;border:0;color:var(--accent);font-size:12px;cursor:pointer}
.huoba-creative-login .hsl-password-toggle{position:absolute;bottom:15px;right:13px;width:23px;height:23px;display:grid;place-items:center;padding:0;background:none;border:0;color:var(--muted);cursor:pointer}
.huoba-creative-login .hsl-password-toggle svg{width:20px;height:20px}.huoba-creative-login #login-form input[name=password]{padding-right:45px}
.huoba-creative-login .signup-link{margin-top:23px;text-align:center;color:var(--muted);font-size:12px}
.huoba-creative-login #modern-register{padding:0;border:0;background:none;color:var(--accent);cursor:pointer;font:inherit;margin-left:7px}
.huoba-creative-login .creative-help{font-size:11px;line-height:1.7;text-align:center;color:var(--muted);margin-top:17px}
.huoba-creative-login .line-1{color:var(--accent)}.huoba-creative-login .line-2{color:var(--muted)}.huoba-creative-login .line-3{color:var(--accent)}
@media(max-width:520px){.huoba-creative-login{padding:20px 16px!important}.huoba-creative-login .login-card{padding:28px 25px}.huoba-creative-login .shape{opacity:.5}}

/* Glass flip login reference: https://github.com/mdsahban/login-signup-form */
.huoba-glass-login{min-height:100svh;display:grid;place-items:center;padding:100px 24px 45px;box-sizing:border-box;background:linear-gradient(#fff8f410,#fff8f430),url('/login-theme.webp?v=selected28') center/cover no-repeat fixed;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink)}
.huoba-glass-login *{box-sizing:border-box}.hg-brand{position:absolute;left:38px;top:29px;font-size:23px;font-weight:700;color:var(--ink)}.hg-brand span{display:block;font-size:12px;letter-spacing:2px;font-weight:400;margin-top:6px;color:var(--muted)}
.hg-box{width:min(100%,500px);height:570px;perspective:1200px;transition:height .5s}.hg-box.is-flipped{height:735px}
.hg-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.7,.22,1)}.hg-box.is-flipped .hg-inner{transform:rotateY(-180deg)}
.hg-front,.hg-back{position:absolute;inset:0;padding:37px 43px;border-radius:25px;border:1px solid #ffffffc4;background:#fff8f48c;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 20px 65px #74351925,inset 0 1px 0 #ffffffd9;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:auto}
.hg-back{transform:rotateY(180deg)}.hg-front h1{font-size:32px;line-height:1.3;letter-spacing:2px;margin:12px 0 8px;text-align:center;color:var(--ink)}.hg-eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);text-align:center;margin:0}.hg-subtitle{font-size:13px;text-align:center;color:var(--muted);margin:0 0 24px}
.huoba-glass-login .login-tabs{display:flex;gap:8px;border:1px solid #fffaf5b3;border-radius:12px;background:#fff8f447;padding:5px;margin:0 0 23px;box-shadow:none}
.huoba-glass-login .login-tabs button{flex:1;white-space:nowrap;height:36px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}.huoba-glass-login .login-tabs button.active{background:var(--accent);color:white;box-shadow:0 3px 10px #bc502f23}
.huoba-glass-login #login-form{display:grid;gap:18px}.huoba-glass-login label{display:block;position:relative;font-size:13px;color:var(--ink);line-height:1.6}.huoba-glass-login input:not([type=hidden]),.huoba-glass-login select{width:100%;height:50px;display:block;border:1px solid #ffffffcc;border-radius:12px;background:#fff8f449;outline:none;padding:0 14px;color:var(--ink);margin-top:7px;font:inherit;transition:border-color .2s,box-shadow .2s}
.huoba-glass-login input:focus,.huoba-glass-login select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #bc502f14;background:#fff8f480}.huoba-glass-login input::placeholder{color:var(--muted)}
.huoba-glass-login .primary{width:100%;height:50px;border:0;border-radius:50px;background:var(--accent);color:white;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 8px 23px #bc502f26;transition:transform .2s,background .2s}.huoba-glass-login .primary:hover{transform:translateY(-2px);background:var(--muted)}
.huoba-glass-login #modern-forgot{justify-self:end;font-size:12px;color:var(--ink);background:none;border:0;padding:0;margin:0;cursor:pointer}
.huoba-glass-login .hsl-password-toggle{position:absolute;right:13px;bottom:14px;width:23px;height:23px;padding:0;display:grid;place-items:center;background:none;border:0;color:var(--muted);cursor:pointer}.huoba-glass-login .hsl-password-toggle svg{width:20px;height:20px}.huoba-glass-login #login-form input[name=password]{padding-right:45px}
.hg-join{text-align:center;margin:24px 0 0;font-size:12px;color:var(--muted)}.hg-signup,.hg-return{border:0;background:none;color:var(--ink);font:inherit;padding:0;cursor:pointer}.hg-signup{margin-left:8px}.hg-return{display:block;margin:20px auto 0;font-size:12px}
.huoba-glass-login #modern-register-form h2{font-size:25px;color:var(--ink);margin:0 0 18px}.huoba-glass-login .modern-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.huoba-glass-login .modern-code{display:flex;gap:6px;align-items:center}.huoba-glass-login .modern-code input{min-width:0}.huoba-glass-login .modern-code button{font-size:11px;white-space:nowrap;border:1px solid var(--muted);border-radius:9px;background:var(--soft);color:var(--ink);padding:10px 7px;margin-top:7px;cursor:pointer}.huoba-glass-login .form-note{font-size:11px;line-height:1.7;margin:18px 0;color:var(--muted)}.huoba-glass-login .dialog-actions{margin-top:18px;padding:0;border:0}
@media(max-width:600px){.huoba-glass-login{padding:100px 18px 30px;background-attachment:scroll}.hg-brand{left:24px;top:24px;font-size:20px}.hg-front,.hg-back{padding:32px 25px}.hg-box{height:560px}.hg-box.is-flipped{height:730px}}

/* Fit both glass faces to their content without internal scrollbars. */
.huoba-glass-login{padding:92px 24px 36px}
.huoba-glass-login .hg-box{height:610px;width:min(100%,500px)}
.huoba-glass-login .hg-box.is-flipped{height:735px}
.huoba-glass-login .hg-front,.huoba-glass-login .hg-back{overflow:visible;padding:30px 38px}
.huoba-glass-login .hg-front h1{margin:10px 0 6px;font-size:30px}
.huoba-glass-login .hg-subtitle{margin-bottom:19px}
.huoba-glass-login #login-form{gap:16px;margin:0}
.huoba-glass-login #login-form label{margin:0;padding:0}
.huoba-glass-login .login-tabs{margin-bottom:20px}
.huoba-glass-login .hg-join{margin-top:20px}
@media(max-width:600px){.huoba-glass-login{padding:90px 18px 28px}.huoba-glass-login .hg-front,.huoba-glass-login .hg-back{padding:28px 25px}.huoba-glass-login .hg-box{height:595px}.huoba-glass-login .hg-box.is-flipped{height:735px}}

/* Clearer glass: lighter tint, visible background and restrained edge light. */
.huoba-glass-login .hg-front,.huoba-glass-login .hg-back{
 background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,248,244,.12));
 backdrop-filter:blur(12px) saturate(135%);-webkit-backdrop-filter:blur(12px) saturate(135%);
 border:1px solid rgba(255,255,255,.78);
 box-shadow:0 18px 55px rgba(116,53,25,.12),inset 0 1px 0 rgba(255,255,255,.95),inset 1px 0 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(188,80,47,.08);
}
.huoba-glass-login input:not([type=hidden]),.huoba-glass-login select{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.78)}
.huoba-glass-login .login-tabs{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.58)}
.huoba-glass-login label{color:var(--ink)}.huoba-glass-login .hg-subtitle,.huoba-glass-login .hg-join{color:var(--muted)}
.huoba-glass-login input::placeholder{color:var(--muted)}

/* Nearly clear glass: background remains readable through both faces. */
.huoba-glass-login .hg-front,.huoba-glass-login .hg-back{
 background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,248,244,.025));
 backdrop-filter:blur(5px) saturate(115%);-webkit-backdrop-filter:blur(5px) saturate(115%);
 border:1px solid rgba(255,255,255,.88);
 box-shadow:0 16px 44px rgba(116,53,25,.09),inset 0 1px 0 rgba(255,255,255,.98),inset 1px 0 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(188,80,47,.12);
}
.huoba-glass-login input:not([type=hidden]),.huoba-glass-login select{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.85)}
.huoba-glass-login .login-tabs{background:rgba(255,255,255,.05)}

/* Huoba / Airbnb-inspired human marketplace layout. Brand color remains terracotta. */
#app.huoba-next{--next-ink:var(--ink);--next-muted:#878079;--next-line:var(--line);--next-brand:var(--accent);--next-canvas:var(--soft);display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100svh;color:var(--next-ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif;background:var(--next-canvas)}
#app.huoba-next>aside{position:sticky!important;top:0!important;height:100svh!important;width:218px!important;min-width:0;align-self:start;padding:28px 18px 20px!important;background:var(--surface)!important;border-right:1px solid var(--next-line)!important;display:flex;flex-direction:column;overflow:auto}
#app.huoba-next>main{margin:0!important;width:100%!important;min-width:0;background:var(--next-canvas)!important}
#app.huoba-next>aside .brand{display:flex;align-items:center;gap:10px;margin:0 6px 30px!important;padding:0!important;color:var(--ink);font-size:20px!important;line-height:1.3;text-align:left}
#app.huoba-next>aside .brand b{display:grid!important;place-items:center;width:36px;height:40px;border-radius:12px;background:var(--accent)!important;color:white!important;font-size:22px!important}
#app.huoba-next>aside .brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:#948a82;margin-top:6px}
#app.huoba-next>aside nav{display:flex!important;flex-direction:column!important;gap:24px!important;padding:0!important;margin:0!important;flex:1}
#app.huoba-next .next-nav-group{display:grid;gap:5px}.next-nav-group>small{font-size:10px;letter-spacing:1px;color:#9b938b;padding:0 12px 8px}
#app.huoba-next>aside nav button{height:43px!important;min-height:43px!important;padding:0 13px!important;display:flex!important;align-items:center;gap:12px!important;border:0!important;border-radius:10px!important;background:transparent;color:#77706a!important;font-size:13px!important;font-weight:400;line-height:1!important;white-space:nowrap!important;transition:background .18s,color .18s;transform:none!important;box-shadow:none!important}
#app.huoba-next>aside nav button.selected,#app.huoba-next>aside nav button.active{background:var(--soft)!important;color:var(--accent)!important;font-weight:600}
#app.huoba-next>aside nav button:hover{background:var(--soft)!important}#app.huoba-next>aside nav button>span{width:18px;min-width:18px;color:inherit}#app.huoba-next>aside nav svg{width:18px;height:18px;stroke-width:1.6}
#app.huoba-next>aside nav em{margin-left:auto;border-radius:6px;background:var(--accent);color:#fff;font-style:normal;padding:3px 5px;font-size:10px}
#app.huoba-next>aside .help-card{margin:22px 0 0!important;padding:17px 12px!important;border-top:1px solid var(--next-line)!important;border-radius:0!important;background:none!important}.next-online-dot{display:block;width:6px;height:6px;background:#6c917a;border-radius:50%;margin-bottom:9px}#app.huoba-next .help-card strong{font-size:11px;color:#716760}#app.huoba-next .help-card p{font-size:10px;line-height:1.8;color:#a29890;margin-top:6px}
#app.huoba-next>main>header{height:74px!important;min-height:74px;position:sticky;top:0;z-index:20;padding:0 30px!important;display:flex;align-items:center;gap:24px;background:#ffffffed!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--next-line)!important;box-shadow:none}
.next-breadcrumb{font-size:12px;white-space:nowrap;color:#a19a93}.next-breadcrumb span{margin:0 12px;color:var(--line)}.next-breadcrumb strong{font-weight:500;color:#665d55}
#app.huoba-next .ws-global-search{margin-left:auto;width:260px;height:38px;border:1px solid var(--soft)!important;border-radius:50px!important;background:var(--soft)!important;padding:0 14px!important}#app.huoba-next .ws-global-search input{font-size:11px;background:none;color:#504942}#app.huoba-next .ws-header-account{gap:10px;font-size:11px;color:#756b63}#app.huoba-next .ws-header-account>span{display:none}#app.huoba-next .ws-header-account>b{background:var(--soft);color:var(--accent);width:30px;height:30px}#app.huoba-next .ws-logout{border:0;background:none;padding:6px;font-size:10px;color:var(--muted)}
#app.huoba-next .main-content{width:100%!important;max-width:none!important;margin:0!important;padding:28px 30px 20px!important;box-sizing:border-box}#app.huoba-next .page-heading{margin:0 0 25px!important;align-items:center!important}#app.huoba-next .page-heading h1{font-size:26px!important;letter-spacing:-.7px;font-weight:650;color:var(--ink)}#app.huoba-next .page-heading p{font-size:12px!important;color:#8c8278;line-height:1.7;margin-top:9px}
#app.huoba-next button.primary,#app.huoba-next .hot{background:var(--accent)!important;border-color:var(--accent)!important;color:white!important;border-radius:12px!important;min-height:39px;box-shadow:none}#app.huoba-next button.secondary,#app.huoba-next .actions button:not(.primary){border:1px solid var(--soft)!important;background:var(--surface)!important;border-radius:11px!important;font-size:12px;min-height:37px;padding:8px 14px;color:var(--muted)!important}
#app.huoba-next .panel,#app.huoba-next .paper{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 3px 10px #3c271503!important;overflow:hidden}
#app.huoba-next .section-head{padding:20px!important;background:none!important}#app.huoba-next .section-head h3{font-size:16px!important;color:var(--ink)}#app.huoba-next .section-head p{font-size:11px!important;color:#968a80}
#app.huoba-next :is(#reference-board,.live-reference-board){background:none!important;color:var(--ink);max-width:none!important;font-size:12px}#app.huoba-next :is(#reference-board,.live-reference-board) .page-head{margin:0 0 24px!important;padding:23px 25px;background:var(--soft);border:0;border-radius:18px;position:relative;overflow:hidden;gap:20px}#app.huoba-next :is(#reference-board,.live-reference-board) .page-head h1{font-size:27px!important;font-weight:650!important;letter-spacing:-1px;line-height:1.4}#app.huoba-next :is(#reference-board,.live-reference-board) .page-head .sub{font-size:12px;color:var(--muted);margin-top:10px}#app.huoba-next :is(#reference-board,.live-reference-board) .page-head .hot{padding:11px 17px;white-space:nowrap}
#app.huoba-next :is(#reference-board,.live-reference-board) .feature-row{margin:0 0 28px!important;display:block}#app.huoba-next :is(#reference-board,.live-reference-board) .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;background:none;border:0}#app.huoba-next :is(#reference-board,.live-reference-board) .stat{border:1px solid var(--line);border-radius:15px!important;background:var(--surface);padding:19px 20px!important;display:block;min-width:0}#app.huoba-next :is(#reference-board,.live-reference-board) .stat label{font-size:11px;color:var(--muted)}#app.huoba-next :is(#reference-board,.live-reference-board) .stat strong{display:block;font-size:29px;color:var(--ink);margin-top:9px;font-weight:600;letter-spacing:-1px}#app.huoba-next :is(#reference-board,.live-reference-board) .stat strong small{font-size:10px;color:var(--muted);margin-left:8px;font-weight:400;letter-spacing:0}#app.huoba-next :is(#reference-board,.live-reference-board) .stat .hint{font-size:10px;color:var(--muted);display:block;margin-top:7px}
#app.huoba-next :is(#reference-board,.live-reference-board) .section-title{margin-bottom:16px!important;display:flex;justify-content:space-between;gap:10px;align-items:center}#app.huoba-next :is(#reference-board,.live-reference-board) .section-title h2{font-size:17px!important;font-weight:600}#app.huoba-next :is(#reference-board,.live-reference-board) .section-title h2 .sub{font-size:10px;font-weight:400;margin-left:9px;color:var(--muted)}#app.huoba-next :is(#reference-board,.live-reference-board) .section-title button{font-size:11px;color:var(--muted);background:none;border:0}
#app.huoba-next :is(#reference-board,.live-reference-board) .players-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 28px!important}#app.huoba-next :is(#reference-board,.live-reference-board) .talent{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:none!important;transition:transform .2s,box-shadow .2s}#app.huoba-next :is(#reference-board,.live-reference-board) .talent:hover{transform:translateY(-3px);box-shadow:0 8px 25px #49311b0a!important}#app.huoba-next :is(#reference-board,.live-reference-board) .portrait-stage{height:130px!important;min-height:0!important;border:0;border-radius:0;background:var(--soft);position:relative}#app.huoba-next :is(#reference-board,.live-reference-board) .portrait-stage img{height:116px!important;width:116px!important;object-fit:contain;margin:auto;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}#app.huoba-next :is(#reference-board,.live-reference-board) .talent:nth-child(2) .portrait-stage{background:#e9eee7}#app.huoba-next :is(#reference-board,.live-reference-board) .talent:nth-child(3) .portrait-stage{background:var(--soft)}#app.huoba-next :is(#reference-board,.live-reference-board) .talent:nth-child(4) .portrait-stage{background:#e7ecf0}#app.huoba-next :is(#reference-board,.live-reference-board) .talent-state{font-size:9px;left:11px;top:11px;background:#ffffffd9;color:#67856b;border:0;padding:4px 7px;border-radius:50px}#app.huoba-next :is(#reference-board,.live-reference-board) .talent-body{padding:14px 15px!important}#app.huoba-next :is(#reference-board,.live-reference-board) .talent-name strong{font-size:17px!important;color:var(--ink)}#app.huoba-next :is(#reference-board,.live-reference-board) .rating{font-size:10px;color:var(--muted)}#app.huoba-next :is(#reference-board,.live-reference-board) .skill{font-size:10px;color:#8c8075;margin:9px 0;line-height:1.7}#app.huoba-next :is(#reference-board,.live-reference-board) .traits span{font-size:9px;background:var(--soft);color:var(--muted);border:0}#app.huoba-next :is(#reference-board,.live-reference-board) .talent-foot{border-top:1px solid var(--soft);margin-top:13px;padding-top:11px}#app.huoba-next :is(#reference-board,.live-reference-board) .talent-foot strong{font-size:15px;color:var(--muted)}#app.huoba-next :is(#reference-board,.live-reference-board) .talent-foot small,#app.huoba-next :is(#reference-board,.live-reference-board) .talent-foot button{font-size:10px;color:var(--muted)}
#app.huoba-next :is(#reference-board,.live-reference-board) .ref-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:18px!important;align-items:start}#app.huoba-next :is(#reference-board,.live-reference-board) .queue-head{padding:20px!important;border-bottom:1px solid var(--soft)}#app.huoba-next :is(#reference-board,.live-reference-board) .queue-head .tabs{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:12px 0 16px}#app.huoba-next :is(#reference-board,.live-reference-board) .queue-head .tabs button{padding:7px 10px!important;font-size:10px;border:0!important;border-radius:8px;background:var(--soft)!important;color:var(--muted)!important}#app.huoba-next :is(#reference-board,.live-reference-board) .queue-head .tabs button[aria-pressed=true]{background:var(--soft)!important;color:var(--accent)!important}#app.huoba-next :is(#reference-board,.live-reference-board) .tools{display:grid!important;grid-template-columns:minmax(0,1fr) 130px;gap:10px}#app.huoba-next :is(#reference-board,.live-reference-board) .tools .search{width:100%;height:37px;background:var(--soft);border:1px solid var(--soft);border-radius:10px;padding:0 11px}#app.huoba-next :is(#reference-board,.live-reference-board) .tools input,#app.huoba-next :is(#reference-board,.live-reference-board) .tools select{font-size:11px;height:37px;border-radius:10px;color:var(--muted)}
#app.huoba-next :is(#reference-board,.live-reference-board) .order-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:16px!important;gap:12px!important}#app.huoba-next :is(#reference-board,.live-reference-board) .order-ticket{display:block!important;text-align:left!important;border:1px solid var(--soft)!important;background:var(--surface)!important;border-radius:13px!important;padding:15px!important;min-width:0;min-height:180px;width:100%;height:auto!important;color:var(--ink)!important}#app.huoba-next :is(#reference-board,.live-reference-board) .order-ticket.selected{border-color:var(--accent)!important;background:var(--soft)!important;box-shadow:0 0 0 1px #d50e3d12}.next-order-top{display:flex;align-items:center;gap:7px}.next-game-icon{display:grid;place-items:center;background:var(--soft);border-radius:7px;width:25px;height:25px;font-weight:600;font-size:11px;color:var(--muted)}.next-order-game{font-size:10px;color:var(--muted)}.next-order-state{margin-left:auto;font-size:9px;color:var(--muted);background:var(--soft);padding:4px 6px;border-radius:5px}.next-order-customer{display:block;font-size:18px;margin:15px 0 6px;letter-spacing:-.5px;color:var(--ink)}.next-order-player{font-size:10px;margin:0;color:var(--muted)}.next-order-player span{color:var(--muted)}.next-order-bottom{margin-top:15px;padding-top:12px;border-top:1px solid var(--soft);display:flex;align-items:center;justify-content:space-between}.next-order-bottom strong{font-size:18px;color:var(--muted);font-weight:600}.next-order-bottom span{font-size:9px;color:var(--muted)}.next-order-id{display:block;font-size:8px!important;color:var(--muted);letter-spacing:.3px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app.huoba-next :is(#reference-board,.live-reference-board) .dispatch-panel,#app.huoba-next :is(#reference-board,.live-reference-board) .activity{padding:20px!important;margin-bottom:16px}#app.huoba-next :is(#reference-board,.live-reference-board) .dispatch-panel h2,#app.huoba-next :is(#reference-board,.live-reference-board) .activity h2{font-size:16px!important}#app.huoba-next :is(#reference-board,.live-reference-board) .queue-foot{border-top:1px solid var(--soft);padding:12px 19px;font-size:9px;color:var(--muted)}#app.huoba-next :is(#reference-board,.live-reference-board) .activity-row{font-size:11px;line-height:1.7;padding:9px 0}#app.huoba-next :is(#reference-board,.live-reference-board) .activity-row small{font-size:9px;color:var(--muted)}
#app.huoba-next .ws-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:none!important;border:0!important;padding:0!important;margin-bottom:24px!important}#app.huoba-next .ws-summary-item{padding:18px!important;border:1px solid var(--line);border-radius:14px;background:var(--surface)!important;display:block!important}#app.huoba-next .ws-summary-icon{display:none!important}#app.huoba-next .ws-summary-item strong{font-size:25px!important;color:var(--ink)}#app.huoba-next .ws-summary-item small{font-size:11px;color:var(--muted)}#app.huoba-next .ws-summary-item p{font-size:10px;color:var(--muted);margin-top:6px}
#app.huoba-next .ws-order-pipeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-bottom:22px!important}#app.huoba-next .ws-stage{min-height:66px!important;border:1px solid var(--line)!important;border-radius:13px!important;padding:13px!important;background:var(--surface)!important;display:flex!important;align-items:center;justify-content:space-between;gap:8px}#app.huoba-next .ws-stage small{font-size:10px;color:var(--muted)}#app.huoba-next .ws-stage strong{font-size:22px;color:var(--ink)}#app.huoba-next .ws-stage.selected{background:var(--accent)!important;border-color:var(--accent)!important}#app.huoba-next .ws-stage.selected small,#app.huoba-next .ws-stage.selected strong{color:white}
#app.huoba-next .ws-order-table tbody,#app.huoba-next .ws-customers-panel tbody{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}#app.huoba-next .ws-order-table tbody tr,#app.huoba-next .ws-customers-panel tbody tr{padding:19px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:none!important;min-width:0}#app.huoba-next .ws-order-table td,#app.huoba-next .ws-customers-panel td{font-size:11px;color:var(--muted)}#app.huoba-next .ws-order-table td strong,#app.huoba-next .ws-customers-panel td strong{color:var(--ink)}#app.huoba-next .ws-order-table .row-actions{display:flex;flex-wrap:wrap;gap:7px;padding-top:15px!important}#app.huoba-next .row-actions button{padding:6px 9px!important;font-size:10px!important;border:1px solid var(--soft)!important;border-radius:7px!important;background:var(--soft)!important;color:var(--muted)!important;margin:0!important}#app.huoba-next .badge{border:0;border-radius:6px;padding:5px 7px;font-size:9px}#app.huoba-next .ws-order-tools{border-radius:16px!important;margin-bottom:14px;background:var(--surface)!important}
#app.huoba-next .ws-report-layout{display:flex!important;flex-direction:column!important;gap:20px!important}#app.huoba-next .ws-report-rail,#app.huoba-next .ws-report-body{width:100%!important;max-width:none!important}#app.huoba-next .ws-rail-heading,#app.huoba-next .ws-report-heading{display:none!important}#app.huoba-next .finance-filter{border:1px solid var(--line)!important;border-radius:17px!important;padding:20px!important;background:var(--surface)!important}#app.huoba-next .metrics{gap:14px}#app.huoba-next .metrics article{border:1px solid var(--line)!important;border-radius:16px!important;background:var(--surface)!important;padding:23px!important;box-shadow:none!important}#app.huoba-next .metrics article:first-child{background:var(--soft)!important}#app.huoba-next .metrics h2{font-size:28px!important;color:var(--ink)}#app.huoba-next .metrics span,#app.huoba-next .metrics p{font-size:11px;color:var(--muted)}#app.huoba-next .next-data-table thead{background:var(--soft)!important}#app.huoba-next .next-data-table th{font-size:11px;color:var(--muted);font-weight:500;padding:15px 20px!important}#app.huoba-next table td{border-color:var(--soft)!important}#app.huoba-next .next-data-table:not(.ws-order-table) td{padding:18px 20px}
#app.huoba-next .ws-settings-layout{grid-template-columns:200px minmax(0,1fr)!important;gap:20px}#app.huoba-next .ws-settings-nav{border-radius:16px!important;border:1px solid var(--line)!important;background:var(--surface)!important;padding:16px!important}#app.huoba-next .ws-settings-nav button{border:0!important;border-radius:10px!important;font-size:12px;padding:13px!important;gap:10px}#app.huoba-next .ws-settings-nav button.active{background:var(--soft)!important;color:var(--accent)!important}#app.huoba-next .ws-settings-nav svg{width:16px;height:16px}#app.huoba-next .ws-settings-body .settings-card{border-radius:18px!important;padding:25px!important;border-color:var(--line)!important}#app.huoba-next input,#app.huoba-next select,#app.huoba-next textarea{border-color:var(--line)!important;background:var(--soft)!important;border-radius:9px!important;color:#605454;font-size:12px}#app.huoba-next input:focus,#app.huoba-next select:focus{border-color:var(--accent)!important;outline-color:#d50e3d33}
#app.huoba-next footer{border:0!important;padding-top:24px!important;color:var(--muted)!important;font-size:9px!important}#modal{border-radius:20px!important;border:1px solid var(--line)!important;box-shadow:0 24px 80px #30251b25!important}#modal .adjust-actions{display:flex!important;flex-wrap:wrap;gap:12px;margin:24px 0 28px}#modal .adjust-actions button{padding:11px 16px;border-radius:10px}#modal h2{font-size:22px}#modal label{font-size:12px}
/* Redesigned login: full-height brand illustration and a calm white authentication column. */
.next-login{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);min-height:100svh;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--surface)}
.next-login-story{position:relative;min-height:100svh;background:linear-gradient(180deg,#fff5e83b,#c7874826),url('/login-theme.webp?v=selected28') center/cover;display:flex;flex-direction:column;padding:42px 46px;overflow:hidden}.next-login-brand{font-size:26px;font-weight:650;color:var(--accent);text-decoration:none;letter-spacing:-1px}.next-login-brand span{display:block;margin-top:6px;font-size:9px;font-weight:400;letter-spacing:3px;color:var(--muted)}.next-login-story-copy{margin-top:75px;position:relative;z-index:1}.next-story-tag{display:inline-block;border:1px solid #ffffffa1;background:#ffffff40;border-radius:50px;padding:8px 12px;font-size:11px;color:var(--muted);backdrop-filter:blur(6px)}.next-login-story h1{font-size:clamp(32px,3.2vw,52px);letter-spacing:-2px;font-weight:600;line-height:1.4;color:var(--accent);margin:23px 0 18px}.next-login-story p{font-size:13px;color:var(--muted)}.next-login-story-foot{margin-top:auto;font-size:11px;color:var(--muted);padding-top:200px;letter-spacing:1px}
.next-login-auth{padding:40px 48px 25px;display:flex;flex-direction:column;min-height:100svh;box-sizing:border-box}.next-auth-top{font-size:10px;color:var(--muted);letter-spacing:1px;text-align:right}.next-auth-content{width:100%;max-width:350px;margin:auto;box-sizing:border-box;padding:35px 0}.next-auth-heading{margin-bottom:28px}.next-auth-mark{display:grid;place-items:center;width:40px;height:42px;border-radius:13px;background:var(--accent);color:#fff;font-size:24px;margin-bottom:22px}.next-auth-heading h2{font-size:30px;font-weight:650;letter-spacing:-1px;margin:0 0 12px;color:var(--ink)}.next-auth-heading p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.next-login .login-tabs{display:flex;gap:6px;background:var(--soft);border:0;border-radius:12px;padding:5px;margin:0 0 28px}.next-login .login-tabs button{flex:1;height:36px;border:0;border-radius:9px;background:none;box-shadow:none;font:inherit;font-size:12px;color:var(--muted);cursor:pointer}.next-login .login-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:0 2px 5px #49301b0a;font-weight:600}
.next-login #login-form{display:grid;gap:20px;margin:0}.next-login #login-form label{display:block;position:relative;font-size:12px;color:var(--ink);line-height:1.5;margin:0;padding:0}.next-login #login-form input:not([type=hidden]){display:block;margin-top:9px;width:100%;height:50px;border-radius:11px;border:1px solid var(--line);background:var(--soft);color:var(--ink);font:inherit;padding:0 14px;box-sizing:border-box;outline:none;transition:border-color .2s,box-shadow .2s}.next-login #login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d50e3d0c}.next-login input::placeholder{color:var(--muted)}.next-login .primary{height:49px;width:100%;border:0;border-radius:12px;background:var(--accent);color:white;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 7px 18px #d50e3d16;transition:background .2s,transform .2s}.next-login .primary:hover{background:var(--accent);transform:translateY(-1px)}.next-login #modern-forgot{justify-self:end;padding:0;margin:0;background:none;border:0;color:var(--muted);font-size:11px;cursor:pointer}.next-login .hsl-password-toggle{position:absolute;bottom:15px;right:13px;padding:0;width:20px;height:20px;background:none;border:0;color:var(--muted);display:grid;place-items:center;cursor:pointer}.next-login .hsl-password-toggle svg{width:19px;height:19px}.next-login #login-form input[name=password]{padding-right:42px}.next-login-enroll{font-size:11px;color:var(--muted);text-align:center;margin:25px 0 0}.next-login-enroll button{background:none;border:0;padding:0;font:inherit;color:var(--accent);cursor:pointer}.next-login-help{font-size:10px;text-align:center;color:var(--muted);margin:15px 0 0;line-height:1.8}.next-auth-bottom{text-align:center;font-size:9px;color:var(--muted);letter-spacing:1px}
@media(min-width:1650px){#app.huoba-next :is(#reference-board,.live-reference-board) .order-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1350px){#app.huoba-next .ws-order-table tbody,#app.huoba-next .ws-customers-panel tbody{grid-template-columns:repeat(3,minmax(0,1fr))!important}#app.huoba-next .next-breadcrumb{display:none}#app.huoba-next .main-content{padding:24px!important}#app.huoba-next :is(#reference-board,.live-reference-board) .ref-workspace{grid-template-columns:minmax(0,1fr) 250px!important}}
@media(max-width:1100px){#app.huoba-next{grid-template-columns:185px minmax(0,1fr)}#app.huoba-next>aside{width:185px!important;padding:24px 12px!important}#app.huoba-next :is(#reference-board,.live-reference-board) .players-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app.huoba-next :is(#reference-board,.live-reference-board) .ref-workspace{grid-template-columns:minmax(0,1fr)!important}#app.huoba-next :is(#reference-board,.live-reference-board) .ref-workspace>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:14px}#app.huoba-next .ws-order-table tbody,#app.huoba-next .ws-customers-panel tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app.huoba-next .ws-order-pipeline{grid-template-columns:repeat(4,minmax(0,1fr))}#app.huoba-next .ws-header-account strong{display:none}.next-login-story{padding:35px}.next-login-auth{padding:35px}.next-login-story h1{font-size:34px}}
@media(max-width:760px){#app.huoba-next{display:block}#app.huoba-next>aside{width:100%!important;height:auto!important;position:static!important;padding:16px!important}#app.huoba-next>aside .brand{margin:0 0 16px!important}#app.huoba-next>aside nav{flex-direction:row!important;overflow:auto;gap:8px!important}#app.huoba-next .next-nav-group{display:flex;gap:5px}#app.huoba-next .next-nav-group>small,#app.huoba-next>aside .help-card{display:none}#app.huoba-next>aside nav button{height:36px!important;min-height:36px!important;padding:0 10px!important}#app.huoba-next>main>header{height:58px!important;min-height:58px;padding:0 16px!important;gap:12px}#app.huoba-next .ws-global-search{width:100%}#app.huoba-next .main-content{padding:20px 16px!important}#app.huoba-next :is(#reference-board,.live-reference-board) .stats,#app.huoba-next .ws-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#app.huoba-next .page-heading{gap:15px;flex-wrap:wrap}#app.huoba-next :is(#reference-board,.live-reference-board) .page-head{flex-wrap:wrap;padding:20px}#app.huoba-next :is(#reference-board,.live-reference-board) .page-head h1{font-size:23px!important}#app.huoba-next .ws-settings-layout{grid-template-columns:1fr!important}#app.huoba-next .ws-settings-nav{display:flex;overflow:auto}.next-login{display:flex;flex-direction:column;min-height:100svh}.next-login-story{min-height:260px;padding:26px;background-position:center 60%}.next-login-brand{font-size:21px}.next-login-story-copy{margin-top:28px}.next-login-story h1{font-size:27px;margin:12px 0}.next-login-story-foot,.next-login-story p,.next-story-tag{display:none}.next-login-auth{min-height:0;flex:1;padding:26px}.next-auth-top{display:none}.next-auth-content{padding:10px 0 25px;max-width:390px}.next-auth-mark{display:none}.next-auth-heading h2{font-size:25px}}
@media(max-width:500px){#app.huoba-next :is(#reference-board,.live-reference-board) .order-grid,#app.huoba-next .ws-order-table tbody,#app.huoba-next .ws-customers-panel tbody{grid-template-columns:1fr!important}#app.huoba-next :is(#reference-board,.live-reference-board) .ref-workspace>div:last-child{display:block}#app.huoba-next :is(#reference-board,.live-reference-board) .talent-body{padding:12px!important}#app.huoba-next :is(#reference-board,.live-reference-board) .talent-name{display:block}#app.huoba-next .metrics{grid-template-columns:1fr!important}#app.huoba-next .next-data-table{min-width:500px}.next-login-story{min-height:210px}.next-login-story h1{font-size:24px}.next-login-story-copy{margin-top:15px}}
@media(prefers-reduced-motion:reduce){#app.huoba-next *,.next-login *{transition:none!important}}

/* User palette: 玉笺 var(--soft) / 绛绯 var(--accent) */
.next-login{background:var(--soft)}.next-login-story{background:var(--soft);background-image:none;border-right:1px solid var(--soft)}
.next-login-story:after{content:"";position:absolute;width:310px;height:310px;right:-65px;bottom:70px;background:var(--accent);border-radius:65px;transform:rotate(-14deg);box-shadow:-180px 90px 0 -50px var(--line);opacity:.96}
.next-login-story:before{content:"✦";position:absolute;font-size:220px;line-height:1;color:var(--soft);right:20px;bottom:100px;z-index:1;transform:rotate(8deg)}
.next-login-story-copy{margin-top:65px}.next-login-story-foot{position:relative;z-index:2;color:var(--muted)}
.next-login-story h1{color:var(--accent)}.next-login-brand{color:var(--accent)}.next-story-tag{color:var(--muted);background:#fffdf680;border-color:var(--line)}
.next-login .primary,.next-auth-mark{background:var(--accent)}.next-login .primary:hover{background:var(--accent)}.next-login-enroll button{color:var(--accent)}
#app.huoba-next :is(#reference-board,.live-reference-board) .talent:nth-child(1) .portrait-stage{background:var(--soft)}#app.huoba-next :is(#reference-board,.live-reference-board) .talent:nth-child(2) .portrait-stage{background:var(--soft)}#app.huoba-next :is(#reference-board,.live-reference-board) .talent:nth-child(3) .portrait-stage{background:var(--soft)}#app.huoba-next :is(#reference-board,.live-reference-board) .talent:nth-child(4) .portrait-stage{background:#e9ece2}
#app.huoba-next .ws-stage.selected{background:var(--accent)!important;border-color:var(--accent)!important}#app.huoba-next>aside nav button.selected{background:var(--soft)!important;color:var(--muted)!important}#app.huoba-next .ws-header-account>b{background:var(--soft);color:var(--accent)}
#app.huoba-next :is(#reference-board,.live-reference-board) .stat:first-child{background:var(--soft)}#app.huoba-next :is(#reference-board,.live-reference-board) .stat:first-child strong{color:var(--accent)}
#app.huoba-next .ws-report-body .metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#app.huoba-next .main-content [hidden]{display:none!important}
@media(max-width:760px){.next-login-story:after{width:180px;height:180px;right:-15px;bottom:-60px;border-radius:35px;box-shadow:-150px 10px 0 -35px var(--line)}.next-login-story:before{font-size:120px;right:10px;bottom:-15px}.next-login-story-copy{margin-top:25px}#app.huoba-next .ws-report-body .metrics{grid-template-columns:1fr!important}}

/* Shared dialogs use the same brand system as every workspace. */
#modal{background:var(--soft)!important;color:var(--ink)!important}#modal .primary{background:var(--accent)!important;border-color:var(--accent)!important;color:white!important;border-radius:11px!important}#modal .secondary{background:var(--soft)!important;border-color:var(--line)!important;color:#785969!important;border-radius:10px!important}#modal input,#modal select,#modal textarea{background:var(--soft)!important;border:1px solid var(--line)!important;border-radius:9px!important;color:#605454!important}#modal .section-head,#modal thead{background:var(--soft)!important}#modal .close{color:var(--accent)!important;background:var(--soft)!important;border-radius:8px}