/* V8.8 commercial workspace: one presentation layer, existing business permissions. */
:root{--canvas:#f4f6f8;--surface:#fff;--surface-2:#f7f9fa;--ink:#172b35;--muted:#6d7d89;--line:#e2e8ec;--action:#244b3e;--action-ink:#fff;--radius:16px;--elevation:0 3px 16px #172b3505;--state-working:#598c6b;--state-resting:#e7b66b;--state-finished:#91a4b6;--state-waiting:#e6ebef;font-family:Inter,"Segoe UI","Microsoft YaHei","Noto Sans Khmer","Leelawadee UI",sans-serif}
html[data-accent=blue]{--action:#3d62be;--action-ink:#fff;--state-working:#587fd4}html[data-accent=violet]{--action:#7550b9;--action-ink:#fff;--state-working:#9971cb}html[data-theme=dark]{--canvas:#101923;--surface:#182530;--surface-2:#1e2e3a;--ink:#eaf1f4;--muted:#a5b7c3;--line:#30424f;--action:var(--accent);--action-ink:var(--accent-ink);--elevation:none;--state-working:#83bc9a;--state-finished:#607c91;--state-waiting:#344652}html[lang=km-KH]{line-height:1.8}
body{font-size:14px;-webkit-font-smoothing:antialiased}button{min-height:36px;border-radius:9px;padding:9px 14px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:box-shadow .16s,transform .16s;background:var(--surface);color:var(--ink)}button.primary,.primary{background:var(--action);color:var(--action-ink);border-color:var(--action);box-shadow:0 2px 3px #00000008}button.primary:hover{background:var(--action);filter:brightness(1.08)}button.ghost{background:transparent;color:var(--muted)}button.ghost:hover{background:var(--surface-2);color:var(--ink);border-color:var(--line)}button.danger{background:#fff6f5;border-color:#eed8d5;color:#a64b43}html[data-theme=dark] button.danger{background:#3b2b2d;color:#ffb7ae;border-color:#654043}button:disabled{filter:none;box-shadow:none}input,select,textarea{font-size:13px;min-height:42px;border-radius:9px;border-color:var(--line)}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:2px}input[type=checkbox]{min-height:16px}label.field>span{font-size:12px;font-weight:550;color:var(--muted)}label.field:has(>input[type=checkbox]){display:flex;align-items:center;gap:10px}label.field:has(>input[type=checkbox])>span{margin:0}label.field>input[type=checkbox]{width:18px;height:18px;flex:none}.product-icon{width:19px;height:19px;flex:0 0 auto;vertical-align:middle}
.sidebar{width:238px;padding:26px 16px 18px;background:#13252d;border-right:1px solid #23353e;overflow:hidden;height:100dvh;z-index:30}.brand{padding:0 10px;gap:11px}.brand strong{font-size:20px;letter-spacing:.2px}.brand img{width:36px;height:36px}.brand small{letter-spacing:2px;font-size:8px;color:#96aeb5}.nav-label{margin:30px 12px 14px;letter-spacing:1px;font-size:10px;color:#89a3ad}.sidebar #nav{display:flex;flex-direction:column;flex:1;min-height:0;gap:0;overflow:hidden}.sidebar #nav .nav-search{height:36px;min-height:36px;max-height:36px;flex:none;padding:8px 12px;background:#1b3039;border:1px solid #344951;border-radius:9px;font-size:12px}.sidebar #nav .nav-items{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#425d67 transparent;padding-right:2px;display:block;overflow-anchor:none}.sidebar nav button{font-size:12px;padding:11px 12px;border-radius:9px;margin:3px 0;min-height:42px;gap:11px;line-height:1.5;white-space:normal;justify-content:flex-start;color:#b3c4cb}.sidebar nav button>span:last-child{min-width:0}.nav-icon{width:19px}.nav-icon .product-icon{width:18px;height:18px}.sidebar nav button:hover{background:#233c46}.sidebar nav button.active{font-weight:650;box-shadow:0 4px 10px #00000012}.nav-settings-group{padding:7px 0;margin-top:10px;border-top:1px solid #2a414a;max-width:none}.nav-settings-group summary{padding:11px 10px;color:#91aab5;font-size:11px}.nav-settings-group button{padding-left:20px!important}.nav-count{font-size:9px;border-color:#3a535e;color:#9cb3bd}.sidebar-footer{padding:17px 10px 0;margin-top:15px;flex:none;font-size:10px;border-color:#2e434b}.sidebar-footer small{font-size:9px;letter-spacing:.5px}.main-shell{margin-left:238px;min-width:0}.topbar{height:72px;min-height:72px;padding:0 32px;background:var(--surface);position:sticky;top:0;z-index:15;gap:16px}.breadcrumb{font-size:11px;min-width:0;align-items:center;gap:12px}.breadcrumb strong{max-width:360px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--ink);font-weight:550}.header-actions{gap:12px}.header-actions .theme-toggle{border-radius:10px;width:34px;height:34px;min-height:34px}.header-actions select{font-size:11px;min-height:34px;max-width:100px}.header-actions .avatar{width:30px;height:30px;background:var(--surface-2);color:var(--action);border:1px solid var(--line)}#identity{max-width:120px;overflow:hidden;text-overflow:ellipsis}.header-actions #logout{font-size:11px;padding:6px 8px;min-height:32px}main{max-width:1580px;padding:30px 32px 24px}.page-heading{margin-bottom:24px;align-items:flex-start}.page-heading h1{font-size:27px;letter-spacing:-.6px;line-height:1.4;margin:7px 0 8px;font-weight:680}.page-heading p{font-size:12px;line-height:1.8;max-width:780px}.page-heading>.actions{padding-top:14px;flex-shrink:0}.eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.workspace-menu{display:none}.workspace-backdrop{display:none}
.panel,.metric{border-radius:var(--radius);box-shadow:var(--elevation);border:1px solid var(--line)}.panel{margin-bottom:20px}.panel-header{padding:20px 22px;align-items:flex-start;border-bottom-color:var(--line)}.panel h2{font-size:14px;font-weight:650;line-height:1.6}.panel-header p{font-size:11px;line-height:1.7;max-width:720px}.panel-body{padding:22px}.note{background:var(--surface-2);border-color:var(--line);color:var(--muted);padding:12px 15px;font-size:11px;line-height:1.85;border-radius:10px}.note.warn{background:#fff8e8;border-color:#edddba;color:#8b6b2b}html[data-theme=dark] .note{background:var(--surface-2);border-color:var(--line);color:var(--muted)}html[data-theme=dark] .note.warn{background:#3b3223;border-color:#685537;color:#edcb90}.status-row{padding:13px 0;gap:16px;font-size:12px}.status-row strong{font-size:12px;text-align:right;overflow-wrap:anywhere}.status-row .tag{font-size:10px}.tag{border-radius:6px;font-size:10px;padding:4px 8px}.tag.green{background:#eaf4ef;color:#43745b}.tag.gold{background:#faf2e2;color:#9d7839}.tag.gray{background:var(--surface-2);color:var(--muted)}.form-grid{gap:0 18px}.setting-row{padding:20px 0}.setting-copy strong{font-size:13px}.setting-copy p{font-size:12px;line-height:1.8}.savebar{background:var(--surface-2)}
.table-wrap{border:1px solid var(--line);border-radius:10px}table{font-size:12px}th{padding:12px 16px;background:var(--surface-2);font-size:10px;font-weight:600;color:var(--muted)}td{padding:15px 16px;color:var(--ink);border-bottom-color:var(--line);font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--surface-2)}td strong{color:var(--ink)}td small{color:var(--muted)}td button{font-size:11px;padding:5px 8px;min-height:29px}td button .product-icon{width:15px;height:15px}.empty{padding:42px 20px;color:var(--muted);font-size:12px}.pager{padding:16px 0;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 100px #0004;max-height:90dvh}dialog::backdrop{background:#0d1b25a6;backdrop-filter:blur(5px)}.modal-body{padding:26px}.modal-footer{background:var(--surface-2);border-color:var(--line);padding:16px 26px}.modal-body h2{font-size:20px}.modal-body p{font-size:12px;line-height:1.8}#message:not([hidden]){display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid #eddfc7;background:#fff8eb;color:#8b6733;border-radius:11px;font-size:12px}#message.success:not([hidden]){background:#eff7f1;color:#396a50;border-color:#d4e5da}html[data-theme=dark] #message:not([hidden]){background:#3b3123;color:#f0d1a3;border-color:#6c5838}html[data-theme=dark] #message.success:not([hidden]){background:#243f32;color:#b5dfc5;border-color:#38604a}#message .product-icon{width:18px;height:18px}.loading{position:relative;padding:80px 24px;color:var(--muted)}.loading::before{content:'';display:block;width:22px;height:22px;margin:0 auto 15px;border:2px solid var(--line);border-top-color:var(--action);border-radius:50%;animation:product-spin .8s linear infinite}@keyframes product-spin{to{transform:rotate(360deg)}}#page-footer{font-size:10px;color:var(--muted);padding:22px 0 0;margin-top:30px;gap:16px}#watermark{inset:82px 0 0 238px;opacity:.035}
.workspace-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 22px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);position:relative;overflow:hidden}.workspace-intro::before{content:'';position:absolute;width:4px;inset:24px auto 24px 0;background:var(--accent);border-radius:3px}.section-kicker{display:block;font-size:9px;font-weight:650;letter-spacing:1.8px;color:var(--muted)}.workspace-intro h2{font-size:22px;letter-spacing:-.4px;line-height:1.5;margin:7px 0 6px;font-weight:650}.workspace-date{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.workspace-quick-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.workspace-quick-actions button{font-size:11px}.workspace-quick-actions .product-icon{width:17px;height:17px}.headline-kpis{gap:14px;margin:0 0 24px}.headline-kpis .metric{padding:20px;position:relative;min-height:152px}.metric-top{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);position:relative;padding-right:35px;min-height:30px}.metric-symbol{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--surface-2);color:var(--action)}.metric-symbol .product-icon{width:17px;height:17px}.metric-top>span:first-child{flex:1}.metric-top .currency-label{font-size:9px;display:inline-flex;letter-spacing:.5px;flex:none;color:var(--muted)}.metric strong{font-size:31px;line-height:1.3;font-weight:650;letter-spacing:-.8px;margin:13px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric small{font-size:10px;color:var(--muted);line-height:1.7;display:block}.headline-kpis>.metric:first-child{background:#234438;border-color:#234438;color:#f3f8f5}.headline-kpis>.metric:first-child .metric-top,.headline-kpis>.metric:first-child small{color:#c4d7ce}.headline-kpis>.metric:first-child .metric-symbol{background:#ffffff12;color:#d7edb6}.headline-kpis>.metric:first-child strong{color:#fff}.headline-kpis .metric[data-growth=negative]>small{color:#a65d4f}.headline-kpis>.metric:first-child[data-growth=negative]>small{color:#f0bdb0}.workbench-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:20px;align-items:stretch}.workbench-grid>section{align-self:stretch}.workbench-grid>section>.panel-body{display:flex;flex-direction:column;min-height:340px;height:calc(100% - 85px)}.workbench-grid>div{min-width:0}.snapshot-period{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;padding-bottom:20px}.ranking-bars{display:flex;flex-direction:column;justify-content:space-evenly;gap:23px;flex:1;padding-bottom:24px}.ranking-bar-row>div:first-child{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12px}.ranking-bar-row strong{font-weight:550;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ranking-bar-row b{font-weight:650;font-variant-numeric:tabular-nums}.rank-index{font-size:10px;color:var(--muted)}.ranking-bar-track{height:8px;border-radius:8px;background:var(--surface-2);margin:10px 0 0 34px;overflow:hidden}.ranking-bar-track>span{height:100%;display:block;background:var(--state-working);border-radius:8px;min-width:0}.ranking-bar-track>span.negative{background:#c97966}.snapshot-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);gap:16px;padding-top:22px}.snapshot-totals span{font-size:10px;color:var(--muted);display:block}.snapshot-totals strong{font-size:15px;font-variant-numeric:tabular-nums;display:block;margin-top:6px;overflow-wrap:anywhere}.team-state-layout{display:flex;align-items:center;gap:24px;justify-content:space-between}.team-state-ring{position:relative;width:126px;height:126px;flex:none;border-radius:50%;background:conic-gradient(var(--state-working) 0 var(--state-a),var(--state-resting) var(--state-a) var(--state-b),var(--state-finished) var(--state-b) var(--state-c),var(--state-waiting) var(--state-c) 100%);display:flex;align-items:center;justify-content:center;flex-direction:column}.team-state-ring::before{content:'';position:absolute;inset:12px;border-radius:50%;background:var(--surface)}.team-state-ring strong,.team-state-ring span{position:relative}.team-state-ring strong{font-size:29px;font-variant-numeric:tabular-nums;line-height:1.3}.team-state-ring span{font-size:10px;color:var(--muted)}.team-state-legend{flex:1;min-width:0;display:grid;gap:11px}.state-legend-item{display:grid;grid-template-columns:7px 1fr auto;gap:9px;align-items:center;font-size:11px}.state-legend-item i{width:7px;height:7px;border-radius:50%;background:var(--state-waiting)}.state-legend-item.working i{background:var(--state-working)}.state-legend-item.resting i{background:var(--state-resting)}.state-legend-item.finished i{background:var(--state-finished)}.state-legend-item strong{font-size:12px;font-variant-numeric:tabular-nums}.presence-summary{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:11px}.presence-summary>span{color:var(--muted)}.presence-summary>strong{font-size:18px}.presence-summary>small{margin-left:auto;color:var(--muted);font-size:10px}.workspace-details{border:0;border-top:1px solid var(--line);padding:12px 0 0;margin-top:15px}.workspace-details summary{font-size:11px;color:var(--muted);padding:0}.workspace-details p{font-size:11px;color:var(--muted);line-height:1.9;margin:12px 0}.dashboard-explanation{padding:15px 0}.attention-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.attention-item:first-child{padding-top:0}.attention-item:last-child{border-bottom:0;padding-bottom:0}.attention-icon{width:34px;height:34px;background:var(--surface-2);color:var(--action);border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}.attention-item>div{min-width:0;flex:1}.attention-item strong{display:block;font-size:12px;font-weight:550}.attention-item small{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:3px}.attention-item>b{font-size:18px;font-variant-numeric:tabular-nums}.attention-item>button{font-size:10px;padding:7px 8px;min-height:32px}.attention-item>button .product-icon{width:14px;height:14px}.customer-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:20px}.customer-overview-item{display:grid;grid-template-columns:28px 1fr;gap:5px 10px;border-right:1px solid var(--line);padding:0 22px}.customer-overview-item:first-child{padding-left:0}.customer-overview-item:last-child{border-right:0}.customer-overview-item>.product-icon{grid-row:1/3;width:20px;height:20px;color:var(--muted);margin-top:5px}.customer-overview-item>span{font-size:11px;color:var(--muted)}.customer-overview-item>strong{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.range-kpis{margin:20px 0;gap:12px}.range-kpis .metric{box-shadow:none;background:var(--surface-2);padding:15px}.range-kpis .metric strong{font-size:20px}.range-kpis .metric-symbol{display:none}.range-kpis .metric-top{padding-right:0;min-height:auto}.dashboard-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.dashboard-filters button{min-height:42px}.dashboard-sync{font-size:10px;color:var(--muted);margin-top:12px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:10px}.rank-top{color:var(--action);background:#ecf3ed}html[data-theme=dark] .rank-top{background:#2a4437;color:#bddecb}.product-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:30px;text-align:center;width:100%;border-radius:var(--radius);background:var(--surface);border:1px dashed var(--line);grid-column:1/-1;min-height:170px}.product-empty-state>.product-icon{width:29px;height:29px;color:var(--muted);margin-bottom:4px}.product-empty-state h3{font-size:15px;margin:0;font-weight:600}.product-empty-state p{font-size:11px;line-height:1.8;color:var(--muted);max-width:460px;margin:0}.product-empty-state.compact{border:0;background:transparent;min-height:230px;padding-inline:12px}
.platform-workbench{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px;align-items:start}.platform-workbench>div{min-width:0}.platform-state{text-align:right;flex:none;display:grid;gap:10px;justify-items:end}.platform-state small{font-size:10px;color:var(--muted)}.platform-reminder>span:nth-child(2){flex:1;line-height:1.8}.product-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-shortcut{display:grid;grid-template-columns:32px 1fr 18px;gap:6px 12px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);min-width:0;align-items:start}.product-shortcut:hover{background:var(--surface-2);border-color:var(--focus);box-shadow:0 4px 18px #172b3505}.product-shortcut>.product-icon:first-child{grid-row:1/3;width:21px;height:21px;color:var(--action);margin-top:3px}.product-shortcut>.product-icon:last-child{grid-column:3;grid-row:1/3;width:15px;height:15px;color:var(--muted);align-self:center}.product-shortcut>strong{font-size:12px;line-height:1.7;font-weight:600}.product-shortcut>span{grid-column:2;font-size:10px;color:var(--muted);line-height:1.8;font-weight:400}.product-boundary-note{font-size:11px;color:var(--muted);line-height:1.9;margin:10px 0}.product-calm-state{display:grid;grid-template-columns:36px 1fr;gap:4px 10px}.product-calm-state>.product-icon{grid-row:1/3;color:var(--action);width:24px;height:24px;margin-top:6px}.product-calm-state strong{font-size:13px}.product-calm-state p{font-size:11px;margin:0;color:var(--muted)}.platform-intro::before{background:#89a6d4}.platform-overview .headline-kpis>.metric:first-child{background:#203a54;border-color:#203a54}
.settings-side{border-radius:14px;box-shadow:var(--elevation);top:92px}.settings-search input{background:var(--surface);min-height:42px}.settings-category{padding:15px}.settings-category summary{font-size:12px}.settings-category button{display:flex;justify-content:flex-start;min-height:35px;padding:8px 10px;font-size:11px}.settings-category button.selected{border:1px solid var(--line);background:var(--surface-2);color:var(--ink)}.settings-card{background:var(--surface);padding:22px;border-radius:13px;gap:12px;position:relative;align-content:start;justify-content:stretch}.settings-card>.product-icon{width:23px;height:23px;color:var(--action);margin-bottom:4px}.settings-card strong{font-size:13px}.settings-card span{font-size:11px;line-height:1.85}.settings-card small{font-size:10px;color:var(--action)}.theme-choice{border-width:1px;padding:25px 18px;background:var(--surface)}.theme-choice.selected{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus);background:var(--surface-2)}.theme-preview{display:flex;align-items:center;justify-content:center}.theme-preview .product-icon{width:30px;height:30px}.theme-choice strong{font-size:12px}.theme-demo{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.permission-item{background:var(--surface-2);border:1px solid var(--line);border-radius:9px}.attendance-action-card{border-radius:12px;box-shadow:none}.attendance-action-card:not(:disabled):hover{box-shadow:var(--elevation)}.attendance-config-row{box-shadow:none}.attendance-savebar{box-shadow:0 6px 24px #172b3512}
.login-screen{grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);background:var(--surface);min-height:100dvh}.login-story{background:#15352d;padding:50px clamp(35px,5.5vw,88px);gap:28px;justify-content:center;min-height:100dvh}.login-story::before{content:'';position:absolute;width:600px;height:600px;border:1px solid #a3cba621;border-radius:50%;right:-320px;top:-300px;pointer-events:none}.login-story::after{content:'';position:absolute;width:760px;height:760px;border:1px solid #a3cba612;border-radius:50%;right:-400px;top:-380px;pointer-events:none}.login-story>img{width:42px;height:42px;margin-bottom:22px;z-index:1}.login-story>.eyebrow{color:#bdd1c5}.login-story h1{font-size:clamp(31px,3.2vw,46px);line-height:1.5;max-width:610px;letter-spacing:-1.1px;margin:15px 0 18px;color:#f0f7f1;white-space:pre-line}.login-story p{max-width:530px;font-size:13px;line-height:2;color:#bfd2c6;margin:0}.login-story .eyebrow{font-size:10px;letter-spacing:1.5px;color:#b3d5b5}.login-story>small{color:#9eb8aa;font-size:9px;letter-spacing:1px;padding-top:20px;border-top:1px solid #86ad902c;line-height:1.8}#product-login-features{display:grid;gap:22px;max-width:530px;margin:12px 0}.login-feature{display:flex;align-items:flex-start;gap:15px}.login-feature>.product-icon{width:22px;height:22px;color:#c8e6ba;margin-top:2px;flex:none}.login-feature strong{display:block;color:#eaf3ed;font-size:12px;font-weight:550;margin-bottom:4px}.login-feature span{display:block;font-size:11px;line-height:1.9;color:#a4c2b0}.login-panel{padding:80px 48px;background:var(--surface)}.login-panel form{max-width:360px}.login-panel h2{font-size:28px;font-weight:650;line-height:1.5;letter-spacing:-.5px;margin:15px 0 9px}.login-panel form>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:25px}.login-panel label{font-size:12px;margin:18px 0;color:var(--muted)}.login-panel label input{min-height:46px;padding:13px}.login-panel form>small{font-size:10px;line-height:1.9;color:var(--muted)}.login-panel .wide{min-height:46px}.login-language{display:flex;gap:10px;align-items:center;top:28px;right:30px}.login-language select{max-width:120px;min-height:36px}.login-language .theme-toggle{width:34px;height:34px;border-radius:10px}.login-panel .eyebrow{font-size:10px;color:var(--action);letter-spacing:1.4px}html[data-portal=platform] .login-story{background:#19364b}html[data-portal=platform] .login-feature>.product-icon{color:#b8d3ed}html[data-portal=platform] .login-feature span{color:#abc2d4}html[data-portal=platform] .login-story p{color:#c0d2e0}html[data-portal=platform] .login-story .eyebrow{color:#b2cbe1}
@media(min-width:1600px){main{padding:38px 42px}.topbar{padding-inline:42px}.headline-kpis .metric strong{font-size:36px}}
@media(max-width:1250px){.headline-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-intro{align-items:flex-start;gap:20px}.workspace-quick-actions{max-width:280px}.workbench-grid{grid-template-columns:minmax(0,1fr) minmax(270px,1fr)}.team-state-layout{gap:16px}.team-state-ring{width:112px;height:112px}.customer-overview-item{padding-inline:15px}.platform-workbench{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.product-shortcuts{grid-template-columns:1fr}.dashboard-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.sidebar{width:218px}.main-shell{margin-left:218px}.topbar{padding-inline:24px}main{padding:26px 24px}.workbench-grid,.platform-workbench{grid-template-columns:1fr}.workbench-grid>section>.panel-body{min-height:300px;height:auto}.team-state-layout{justify-content:flex-start;gap:32px}.team-state-legend{max-width:420px}.workbench-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.presence-summary{flex-wrap:wrap}.customer-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.customer-overview-item:nth-child(2){border-right:0}.customer-overview-item:nth-child(3){padding-left:0}.product-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-workbench>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.platform-workbench>div:last-child>section:first-child{grid-column:1/-1}#watermark{left:218px}}
@media(max-width:900px){.workspace-intro{flex-direction:column}.workspace-quick-actions{max-width:none;justify-content:flex-start}.workbench-grid>div{grid-template-columns:1fr}.settings-layout{grid-template-columns:minmax(0,1fr) 200px}.platform-workbench>div:last-child{grid-template-columns:1fr}.platform-workbench>div:last-child>section:first-child{grid-column:auto}.login-screen{grid-template-columns:1fr 1fr}.login-story{padding:44px 32px}.login-story h1{font-size:32px}.login-panel{padding:85px 28px}.header-actions{gap:7px}#identity{max-width:90px}.dashboard-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sidebar{position:fixed;inset:0 auto 0 0;width:min(290px,85vw);height:100dvh;transform:translateX(-105%);transition:transform .2s ease;z-index:40;display:flex;padding:24px 16px 18px}.workspace-menu-open{overflow:hidden}.workspace-menu-open .sidebar{transform:translateX(0)}.workspace-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:35;background:#0b192c88;border:0;border-radius:0;backdrop-filter:blur(2px);width:100%;height:100dvh}.sidebar #nav .nav-items{display:block;overflow-y:auto;overflow-x:hidden}.sidebar .nav-settings-group{min-width:0;max-width:none;flex:none}.sidebar .nav-settings-group[open]{max-width:none}.sidebar .brand,.sidebar .nav-label,.sidebar .sidebar-footer{display:block}.sidebar .brand{display:flex}.sidebar .nav-label{margin-top:28px}.sidebar .sidebar-footer{display:block}.main-shell{margin-left:0}.topbar{display:flex;min-height:64px;height:64px;padding:0 16px;gap:10px;flex-wrap:nowrap}.workspace-menu{display:inline-flex;width:32px;height:34px;padding:4px;min-height:34px;flex:none}.breadcrumb{flex:1;gap:0;min-width:0}.breadcrumb>span{display:none}.breadcrumb strong{font-size:11px;max-width:145px}.header-actions{gap:6px;flex-wrap:nowrap}.header-actions #identity,.header-actions .avatar{display:none}.header-actions select{padding:6px 2px;max-width:76px;font-size:10px}.header-actions #logout{font-size:10px;padding:4px;min-height:32px}.header-actions .theme-toggle{width:30px;height:30px;min-height:30px}.header-actions .theme-toggle svg{width:17px;height:17px}main{padding:23px 16px}.page-heading{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.page-heading h1{font-size:24px;margin:5px 0 7px}.page-heading .eyebrow{font-size:8px;letter-spacing:.7px}.page-heading p{font-size:11px}.page-heading>.actions{padding:0;width:100%;gap:8px}.page-heading>.actions button{min-width:0;font-size:11px;padding:7px 10px}.workspace-intro{padding:19px 18px;gap:16px;border-radius:13px;margin-bottom:16px}.workspace-intro h2{font-size:20px;line-height:1.6;margin-top:6px}.section-kicker{font-size:8px}.workspace-quick-actions{gap:7px}.workspace-quick-actions button{font-size:10px;padding:8px 10px;min-height:35px}.workspace-quick-actions button .product-icon{width:15px;height:15px}.headline-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.headline-kpis .metric{padding:16px 13px;min-height:143px;border-radius:12px}.metric-top{font-size:10px;padding-right:0;min-height:22px;flex-wrap:wrap;gap:5px}.metric-symbol{display:none}.metric-top .currency-label{font-size:8px}.headline-kpis .metric strong{font-size:25px;margin:13px 0 7px}.headline-kpis .metric>small{font-size:9px}.workbench-grid,.platform-workbench{display:block}.panel{border-radius:13px;margin-bottom:16px}.panel-header{padding:18px}.panel h2{font-size:13px}.panel-header p{font-size:10px}.panel-body{padding:18px}.workbench-grid>div{display:block}.team-state-layout{gap:28px;justify-content:flex-start}.team-state-ring{width:118px;height:118px}.team-state-legend{font-size:11px}.snapshot-period{font-size:9px}.ranking-bars{gap:23px;padding-top:5px}.snapshot-totals{gap:10px}.snapshot-totals strong{font-size:13px}.snapshot-totals span{font-size:9px}.customer-overview{padding:18px;gap:18px 0}.customer-overview-item{padding:0 12px;grid-template-columns:20px minmax(0,1fr);gap:3px 8px}.customer-overview-item>.product-icon{width:17px;height:17px}.customer-overview-item>span{font-size:10px}.customer-overview-item>strong{font-size:24px}.dashboard-filters{grid-template-columns:1fr 1fr;gap:12px}.dashboard-filters button{grid-column:1/-1}.dashboard-filters .field>span{font-size:10px}.dashboard-filters input,.dashboard-filters select{font-size:11px;padding:9px;min-width:0}.range-kpis{grid-template-columns:1fr 1fr;gap:9px}.range-kpis .metric{padding:13px 11px;border-radius:10px}.range-kpis .metric strong{font-size:16px}.range-kpis .metric small{font-size:8px}.product-shortcuts{grid-template-columns:1fr;gap:10px}.product-shortcut{padding:16px}.platform-state{text-align:left;justify-items:start}.platform-workbench>div:last-child{display:block}.settings-layout{display:flex;gap:16px}.settings-side{display:grid;grid-template-columns:1fr 1fr;position:static}.settings-category{padding:12px}.settings-category summary{font-size:11px}.settings-category button{font-size:10px;padding:7px}.theme-choice{padding:18px;display:flex;gap:18px}.theme-preview .product-icon{width:25px;height:25px}.settings-search{max-width:none;margin-bottom:16px}.settings-card{padding:20px}.theme-demo{padding:14px}.theme-demo input{width:100%}.login-screen{display:flex;flex-direction:column;min-height:100dvh}.login-story{min-height:0;padding:30px 25px 27px;gap:16px}.login-story>img{width:34px;height:34px;margin:0 0 5px}.login-story h1{font-size:28px;line-height:1.5;max-width:500px;margin:11px 0}.login-story p{font-size:11px;line-height:1.9}.login-story .eyebrow{font-size:8px}.login-story>small,#product-login-features{display:none}.login-panel{padding:80px 25px 35px;min-height:530px}.login-panel form{max-width:420px}.login-panel h2{font-size:25px}.login-language{top:23px;right:23px}.login-panel label{font-size:11px}.login-panel input{font-size:13px}#page-footer{flex-direction:column;gap:7px;font-size:9px}#watermark{left:0;top:72px;grid-template-columns:repeat(2,1fr)}.modal-body{padding:22px}.modal-footer{padding:15px 22px}.product-boundary-note{font-size:10px}.settings-layout[hidden]{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
#view button.primary,#view button.primary:hover{background:var(--action);color:var(--action-ink);border-color:var(--action)}.headline-kpis .metric strong{font-size:33px}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:22px;z-index:1}.login-brand img{width:40px;height:40px}.login-brand strong{display:block;color:#eff7f1;font-size:20px;letter-spacing:.5px}.login-brand small{display:block;color:#aac5b5;letter-spacing:2px;font-size:8px;margin-top:2px}@media(max-width:700px){.headline-kpis .metric strong{font-size:25px}.login-brand{margin-bottom:5px}.login-brand img{width:34px;height:34px}.login-brand strong{font-size:18px}}@media(min-width:1600px){.headline-kpis .metric strong{font-size:36px}}
button:hover{background:var(--surface-2);color:var(--ink)}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button.danger:hover{background:#fff0ed;color:#a64b43}html[data-theme=dark] button.danger:hover{background:#493034;color:#ffb7ae}

.market-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.market-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.market-card>strong{flex:1;overflow-wrap:anywhere}.market-card p,.market-card small{width:100%;color:var(--muted);margin:4px 0;font-size:12px;overflow-wrap:anywhere}.market-assignment{border:1px solid var(--line);border-radius:10px;padding:16px;margin:14px 0;display:flex;gap:12px;flex-wrap:wrap}.market-assignment legend{padding:0 6px;font-size:13px}.market-assignment .note{width:100%}.market-assignment label{max-width:100%;overflow-wrap:anywhere}

.formula-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:18px 0}.formula-input-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface-2);min-width:0}.formula-input-header{display:flex;align-items:center;gap:9px;margin-bottom:14px}.formula-input-header>strong{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--action);color:var(--action-ink);font-size:20px}.formula-input-header>button{margin-left:auto}.formula-input-card .commission-tier-row{grid-template-columns:1fr 1fr;gap:10px}.formula-input-card .commission-tier-row>button{grid-column:1/-1}.recharge-query-panel{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:20px 0}.recharge-primary-filters{display:grid;grid-template-columns:1fr 1fr minmax(320px,2fr);gap:16px;align-items:start}.recharge-date-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recharge-range-label{grid-column:1/-1;font-size:12px;color:var(--muted)}.recharge-more{padding:16px 0}.recharge-more summary{cursor:pointer;color:var(--action);font-weight:600;list-style-position:inside}.recharge-more[open]>.attendance-rule-grid{margin-top:16px}@media(max-width:900px){.recharge-primary-filters{grid-template-columns:1fr 1fr}.recharge-date-range{grid-column:1/-1}}@media(max-width:700px){.formula-inputs{grid-template-columns:minmax(0,1fr)}.recharge-query-panel{padding:16px}.recharge-date-range input{min-width:0;font-size:12px}}

.formula-input-card.tier-input{grid-column:1/-1}.tier-input .commission-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;align-items:end}.tier-input .commission-tier-row{margin:0}.formula-inputs{align-items:start}

.tier-input .commission-tiers,.commission-tiers{display:flex!important;flex-direction:column!important;gap:12px!important}.tier-input .commission-tier-row,.commission-tier-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;align-items:end;gap:12px!important;padding:12px;border:1px solid var(--line);border-radius:10px}.tier-input .commission-tier-row>button,.commission-tier-row>button{grid-column:auto!important}.commission-tiers>button{align-self:flex-start}.formula-input-card input:invalid:not(:placeholder-shown){border-color:#bb735b}@media(max-width:700px){.tier-input .commission-tier-row,.commission-tier-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.tier-input .commission-tier-row>button,.commission-tier-row>button{grid-column:1/-1!important}}

html[data-theme=dark] main{background-image:radial-gradient(ellipse at 100% 0,#2a66891a,transparent 50%)}html[data-theme=dark] .panel{border-color:#315064;box-shadow:0 0 0 1px #5790a508,0 8px 30px #050e171c}html[data-theme=dark] .panel-header{background:linear-gradient(100deg,#254c601c,transparent)}.nav-icon{filter:drop-shadow(0 0 6px #7cc5ed18)}.permission-tools{position:sticky;top:0;background:var(--surface);z-index:2;padding:8px 0}.permission-grid{max-height:42vh;overflow:auto;overscroll-behavior:contain}.commission-page>form{padding-bottom:12px}.login-panel #daily-login-field{padding-top:3px}.login-panel #daily-login-field span{font-size:11px}

.tier-input .commission-tiers,.commission-tiers{align-items:stretch!important;width:100%;box-sizing:border-box}.tier-input .commission-tier-row,.commission-tier-row{width:100%;box-sizing:border-box}