:root{--primary:#005aaa;--primary-dark:#004785;--bg:#f4f6f8;--text:#243346;--muted:#788594;--border:#e5eaf0;--radius:12px;--shadow:0 2px 8px #25364b04}
body{background:var(--bg);padding-left:222px;font-family:'Microsoft YaHei','Segoe UI',sans-serif}
.tabs{position:fixed;inset:0 auto 0 0;width:222px;max-width:none;margin:0;padding:112px 14px 90px;display:flex;flex-direction:column;gap:4px;background:#fff;border:0;border-right:1px solid var(--border);overflow-y:auto;z-index:60}
.nav-brand{position:fixed;top:0;left:0;width:222px;height:95px;z-index:61;display:flex;align-items:center;gap:10px;padding:22px;color:#183b60;background:#fff}.nav-brand strong{display:block;font-size:18px;letter-spacing:2px}.nav-brand small{display:block;font-size:11px;letter-spacing:1px;color:#8193a6;margin-top:5px}.nav-mark{width:36px;height:36px;background:#005aaa;color:white;border-radius:11px;display:grid;place-items:center;font-size:17px;font-weight:bold}
.nav-group{font-size:11px;color:#94a0ad;padding:16px 14px 6px;letter-spacing:2px}.tabs .tab{width:100%;text-align:left;padding:11px 14px;border:0;border-radius:8px;font-size:13px;font-weight:500;color:#657185;display:flex;align-items:center;gap:12px;margin:0;line-height:20px}.tabs .tab.active{background:#e9f3fc;color:#005aaa;font-weight:700;box-shadow:inset 3px 0 #005aaa}.tabs .tab:hover{background:#f0f6fc;color:#005aaa}.nav-icon{width:20px;font-size:16px;text-align:center}.nav-foot{position:fixed;bottom:0;left:0;width:221px;padding:16px 24px;background:white;z-index:62;border-top:1px solid var(--border);font-size:11px;color:#8b98a5;line-height:1.8}
.topbar{background:white;color:var(--text);box-shadow:none;border-bottom:1px solid var(--border);padding:16px 30px;min-height:72px;position:sticky;top:0;z-index:40;gap:16px}.topbar .brand .logo,.brand-txt h1 em,.brand-txt .ver-badge{display:none}.brand-txt h1{font-size:16px;color:#243346}.user-ctl{gap:8px}.user-name{color:#34475a}.topbar .btn{font-size:12px;padding:7px 10px}.region-ctl,.region-ctl select{color:#34475a;background:#f7f9fa;border-color:#e5eaf0}.region-lbl{color:#768491}
.preview-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 30px 0;padding:9px 14px;background:#fff8e9;border:1px solid #f0e3c7;border-radius:8px;color:#8c713a;font-size:12px}.preview-banner b{font-weight:600}.preview-banner span:last-child{font-size:11px}
.cards{max-width:none;margin:20px 30px 0;padding:0;gap:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--border);border-radius:12px;padding:19px 22px;box-shadow:var(--shadow);position:relative;background:#fff}.card:before{content:'';position:absolute;right:20px;top:21px;width:8px;height:8px;border-radius:50%;background:#70a9db}.card:nth-child(2):before{background:#a2b6d9}.card:nth-child(3):before{background:#d7b880}.card:nth-child(4):before{background:#b5a4cf}.card-label{font-size:12px;margin-bottom:10px}.card-value{font-family:'Segoe UI',sans-serif;font-size:26px;font-weight:650;color:#203c58;letter-spacing:-.5px}.card-value.warn{color:#bd8a36}.card-sub{font-size:11px;margin-top:8px}
.workspace-heading{margin:26px 30px 17px;display:flex;justify-content:space-between;align-items:center}.workspace-heading h2{font-size:21px;font-weight:650;letter-spacing:.5px}.workspace-heading p{font-size:12px;color:#8b97a5;margin-top:7px}.workspace-heading .context-tag{padding:6px 10px;background:#e9f3fc;color:#2c6fa8;border-radius:5px;font-size:11px}
main{max-width:none;padding:0 30px 30px;margin:0;min-width:0}.panel{padding:22px;border:1px solid var(--border);border-radius:12px!important;box-shadow:var(--shadow);min-width:0}.sub-tabs{gap:24px;border-bottom:1px solid var(--border);padding-bottom:0;margin-bottom:22px;flex-wrap:wrap}.sub-tab{border:0;border-radius:0;background:transparent;padding:2px 0 14px;color:#7b8796;font-weight:500}.sub-tab.active{background:transparent;color:var(--primary);border-bottom:2px solid var(--primary);border-radius:0}.filters{background:#f8fafb;border:1px solid #edf0f3;border-radius:9px;padding:16px;gap:12px 16px;margin-bottom:18px}.f-item{min-width:0;gap:7px}.f-item label{font-size:12px;color:#6f7d8b}.filters .f-item:has(button){flex-direction:row;align-items:end;gap:8px}.f-item input,.f-item select,input.inner-search{height:37px;border:1px solid #dfe5eb;border-radius:6px;background:white;font-size:13px;padding:8px 10px;min-width:0}.f-item:not(.check) input:not([type=checkbox]){min-width:150px}.btn{border-radius:6px;min-height:34px;padding:7px 14px;font-weight:500;box-shadow:none}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.toolbar{gap:14px;margin-bottom:14px}.inner-search{flex:0 1 300px!important}.stats{flex:1}.table-wrap{border:1px solid #e7ecf0;border-radius:8px;max-width:100%;max-height:58vh}.data-table thead th{background:#f5f7f9;font-size:12px;font-weight:600;padding:13px 12px;border-bottom:1px solid #e0e7ed;color:#6a7887}.data-table tbody td{padding:13px 12px;border-bottom:1px solid #eef1f4;font-size:13px}.data-table tbody tr:nth-child(even){background:#fcfdfd}.data-table tbody tr:hover{background:#edf5fd}.data-table a,.pf-link{color:#005aaa}.pager{padding-top:16px}.hint-disclosure{margin:10px 0 16px;color:#84919f;font-size:12px}.hint-disclosure summary{cursor:pointer;display:list-item}.hint-disclosure .hint{line-height:1.8;padding:12px;background:#f8fafb;margin-top:8px}.mask{align-items:center!important;justify-content:center!important;padding:24px!important}.mask>div{max-height:calc(100dvh - 48px);overflow:auto}dialog{position:fixed;inset:0;margin:auto!important;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 90px #173b6033}footer{padding:12px 30px;color:#9aa5b1;font-size:11px}
@media(min-width:1700px){main,.cards,.workspace-heading,.preview-banner{max-width:1540px;margin-left:auto;margin-right:auto}.preview-banner{margin-top:20px}.cards{margin-top:20px}.workspace-heading{margin-top:26px}}
@media(max-width:1150px){body{padding-left:190px}.tabs,.nav-brand{width:190px}.nav-foot{width:189px}.topbar{padding:14px 20px;flex-wrap:wrap}.cards{margin:18px 20px 0;gap:10px}.card{padding:16px}.card-value{font-size:22px}main{padding:0 20px 24px}.workspace-heading{margin:22px 20px 16px}.preview-banner{margin:16px 20px 0}.filters .f-item{flex:1 1 160px}.filters .f-item input,.filters .f-item select{width:100%}}
@media(max-width:760px){body{padding-left:66px}.tabs{width:66px;padding:80px 8px 64px}.nav-brand{width:66px;padding:15px;height:72px}.nav-brand>div,.nav-foot,.nav-group,.tab-label{display:none}.tabs .tab{justify-content:center;padding:12px 0}.nav-icon{font-size:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .brand-txt h1{font-size:14px}.topbar{padding:12px}.user-ctl{flex-wrap:wrap}.preview-banner{margin:12px 12px 0}.preview-banner span:last-child{display:none}.workspace-heading{margin:20px 12px 12px}.workspace-heading h2{font-size:19px}.workspace-heading .context-tag{display:none}main{padding:0 12px 20px}.panel{padding:14px}.cards{margin:12px 12px 0}.card-value{font-size:20px}.sub-tabs{gap:18px}.filters{padding:12px}.inner-search{flex:1 1 100%!important}.toolbar .stats{flex:1 1 150px}.topbar .btn{padding:6px 8px}.nav-brand .nav-mark{flex:none}.f-item:not(.check) input:not([type=checkbox]){min-width:0}}
.tabs{padding-top:94px;padding-bottom:82px}.nav-group{padding-top:12px;padding-bottom:4px}.tabs .tab{padding-top:8px;padding-bottom:8px}.f-item input[type=checkbox],.filters .f-item input[type=checkbox]{width:15px!important;height:15px!important;min-width:15px!important;padding:0;accent-color:var(--primary)}.f-item.check{flex:0 0 auto!important}.f-item.check label{white-space:nowrap}.data-table td.cell-wrap{min-width:185px}body:not([data-preview-tab=kucun]):not([data-preview-tab=sales]):not([data-preview-tab=fin]) #statCards{display:none!important}#panel-activities>h2{display:none}#panel-activities .list-search-bar{padding:14px;border:1px solid var(--border);border-radius:8px;margin-bottom:18px}#ac-dialog{padding:24px!important}#ac-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}#ac-form label{display:flex!important;flex-direction:column;gap:8px;margin:0!important;color:#64748b;font-size:12px}#ac-form input,#ac-form select{height:38px;padding:8px 10px;border:1px solid #dfe5eb;border-radius:6px;min-width:0}#ac-form input[type=checkbox]{height:16px;width:16px}#ac-preview{grid-column:1/-1}#ac-dialog h3{margin-bottom:22px}#ac-error{margin-top:16px}#ac-dialog::backdrop{background:#1a2c4055;backdrop-filter:blur(3px)}@media(max-width:760px){.tabs{padding-top:80px}#ac-form{grid-template-columns:1fr}.data-table td.cell-wrap{min-width:180px}}