*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg2:#181c27;--bg3:#1e2435;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--text:#e8ecf4;--muted:#6b7894;--accent:#4f7ef8;--success:#2ecc8f;--warn:#f5a623;--danger:#e84d4d;--pill-bg:rgba(79,126,248,0.1);--pill-text:#7aa3fb;--shopee:#ee4d2d;--shadow:0 1px 2px rgba(0,0,0,.2)}html[data-theme=light]{--bg:#eef0f5;--bg2:#f7f8fb;--bg3:#ffffff;--border:rgba(20,30,60,0.08);--border2:rgba(20,30,60,0.16);--text:#1f2330;--muted:#5e6a82;--accent:#4f7ef8;--success:#1aaa6e;--warn:#d98a0c;--danger:#d83b3b;--pill-bg:rgba(79,126,248,0.12);--pill-text:#2e58c7;--shopee:#ee4d2d;--shadow:0 1px 2px rgba(20,30,60,.06)}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:12px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}*{scrollbar-width:thin;scrollbar-color:var(--border2) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}button,input,select,textarea{font-family:inherit}input,select,textarea{font-size:16px}input[type=checkbox]{width:26px;height:26px;accent-color:var(--accent);cursor:pointer}a{text-decoration:none}:root{--page-pad:18px 20px;--page-gap:14px;--card-pad:12px 14px;--touch:30px;--fs-title:18px;--fs-stat:20px;--bottom-nav-h:0px}.mobile-only{display:none}.desktop-only,.hide-mobile{display:inherit}.only-compact,.only-phone,.only-phone-s{display:none!important}.tbl-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.tbl-wrap>table{min-width:100%}.tbl-compact td,.tbl-compact th{padding-top:6px!important;padding-bottom:6px!important}.page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.page-title{font-size:var(--fs-title);font-weight:700}.filter-bar,.row-actions,.row-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-config{display:flex;gap:12px}.hscroll{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{flex-shrink:0}.grid-stats-6{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.grid-stats-5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.grid-stats-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grid-stats-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3,.grid-4{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr 1fr}.grid-2,.grid-cards{display:grid;gap:12px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.grid-charts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-num{font-size:var(--fs-stat);font-weight:700;line-height:1.15}.stat-card{container-type:inline-size;min-width:0}.stat-fit{white-space:nowrap;overflow:hidden;min-width:0;font-size:min(var(--stat-fs,22px),9.5cqw)!important}.card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:var(--card-pad)}.app-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}.app-modal{max-width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch}.stack-phone{display:flex;gap:10px}.btn-icon{width:var(--touch);height:var(--touch);min-height:0!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width:1150px){.grid-stats-5,.grid-stats-6{grid-template-columns:repeat(3,1fr)!important}.grid-4{grid-template-columns:1fr 1fr!important}}@media (max-width:900px){:root{--page-pad:14px 16px;--page-gap:12px}.mobile-only{display:inherit!important}.desktop-only,.hide-compact{display:none!important}.only-compact{display:inherit!important}.app-sidebar{position:fixed!important;left:0;top:calc(48px + env(safe-area-inset-top, 0px))!important;height:calc(100dvh - 48px - env(safe-area-inset-top, 0px))!important;z-index:200!important;width:250px!important;transform:translateX(-100%);transition:transform .25s ease;box-shadow:4px 0 16px rgba(0,0,0,.4);overflow-y:auto}.app-sidebar.open{transform:translateX(0)}.app-sidebar a{padding-top:11px!important;padding-bottom:11px!important;font-size:13px!important}.app-overlay{position:fixed;inset:calc(48px + env(safe-area-inset-top, 0px)) 0 0 0;background:rgba(0,0,0,.5);z-index:150;backdrop-filter:blur(2px)}.app-content{padding:var(--page-pad)!important;gap:var(--page-gap)!important}.app-topbar{padding:0 12px!important}.topbar-btn-text{display:none!important}.topbar-btn{padding:4px 8px!important;min-width:32px;justify-content:center}.app-modal{max-width:min(100%,720px)!important}.grid-stats-5,.grid-stats-6{grid-template-columns:repeat(3,1fr)!important}.grid-stats-4{grid-template-columns:repeat(2,1fr)!important}.grid-3,.grid-4{grid-template-columns:1fr 1fr!important}.grid-charts{grid-template-columns:1fr!important}.row-config{flex-wrap:wrap!important}}@media (max-width:700px){:root{--page-pad:12px 14px;--page-gap:10px;--card-pad:10px 12px;--touch:36px;--fs-title:17px;--fs-stat:18px;--bottom-nav-h:60px}body{font-size:13px;overflow-x:hidden}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not(table input),select:not(table select),textarea:not(table textarea){font-size:16px!important}.btn:not(.btn-raw),button:not(.btn-raw):not(table button),input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not(table input):not(.btn-raw),select:not(table select):not(.btn-raw){min-height:var(--touch)}.btn-raw{min-height:0!important}input[type=checkbox]{width:24px;height:24px}.hide-mobile,.hide-phone{display:none!important}.only-phone{display:inherit!important}.app-content{padding-bottom:calc(var(--bottom-nav-h) + 16px + env(safe-area-inset-bottom, 0px))!important}.app-topbar{padding:0 10px!important}.app-topbar>div{gap:6px!important}.topbar-title{font-size:12px!important;white-space:nowrap}.topbar-name{display:none!important}.app-modal-overlay{padding:10px;align-items:flex-end}.app-modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;border-radius:14px!important;padding:16px!important}.app-modal.app-modal-flush{padding:0!important}.tbl-wrap>table{min-width:600px}.tbl-wrap.tbl-fit>table{min-width:100%}.tbl-wrap table{font-size:12px}.grid-stats-3,.grid-stats-4,.grid-stats-5,.grid-stats-6{grid-template-columns:1fr 1fr!important;gap:8px!important}.grid-2,.grid-auto,.grid-cards,.grid-charts{grid-template-columns:1fr!important}.grid-3,.grid-4{grid-template-columns:1fr 1fr!important}.page-head{flex-direction:column;align-items:stretch!important;gap:8px}.page-head>.row-actions,.page-head>.row-toolbar{width:100%}.page-title{font-size:var(--fs-title)!important}.stat-num{font-size:var(--fs-stat)!important}.filter-bar{gap:6px!important}.filter-bar>*{flex:1 1 calc(50% - 3px)!important;min-width:0!important}.filter-bar input:not([type=checkbox]):not([type=radio]),.filter-bar select{width:100%!important}.filter-bar>.filter-full{flex-basis:100%!important}.row-toolbar{gap:6px!important}.row-toolbar>*{white-space:nowrap}.row-actions{gap:6px!important}.row-actions>*{flex-shrink:0}.row-config{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.row-config>*{width:100%!important;min-width:0!important}.stack-phone{flex-direction:column!important;align-items:stretch!important}.stack-phone>*{width:100%!important;min-width:0!important}.btn-full-phone{width:100%!important;justify-content:center!important}.row-split-phone{display:flex!important;gap:8px!important}.row-split-phone>*{flex:1 1 0!important;min-width:0!important;justify-content:center!important}.w-full-phone{width:100%!important;max-width:100%!important;min-width:0!important}.pad-0-phone{padding:0!important}.scroll-x-phone{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x-phone::-webkit-scrollbar{display:none}.scroll-x-phone>*{flex-shrink:0!important}}@media (min-width:401px) and (max-width:700px){:root{--page-pad:14px 16px;--touch:38px;--fs-title:18px;--fs-stat:20px}body{font-size:13.5px}.app-sidebar{width:270px!important}}@media (max-width:400px){:root{--page-pad:10px 10px;--page-gap:8px;--card-pad:9px 10px;--touch:34px;--fs-title:16px;--fs-stat:16px}body{font-size:12.5px}.hide-phone-s{display:none!important}.only-phone-s{display:inherit!important}.app-sidebar{width:min(250px,84vw)!important}.app-topbar{padding:0 8px!important}.app-topbar>div{gap:4px!important}.topbar-btn{padding:4px 6px!important;min-width:30px}.topbar-role{display:none!important}.app-modal-overlay{padding:6px}.app-modal{max-height:calc(100dvh - 12px)!important;padding:12px!important;border-radius:12px!important}.app-modal.app-modal-flush{padding:0!important}.grid-stats-3,.grid-stats-4,.grid-stats-5,.grid-stats-6{gap:6px!important}.grid-3,.grid-4{grid-template-columns:1fr!important}.filter-bar>*{flex:1 1 100%!important}.filter-bar>.filter-half{flex:1 1 calc(50% - 3px)!important}.tbl-wrap table{font-size:11.5px}}@media (max-width:900px) and (max-height:480px) and (orientation:landscape){:root{--page-pad:8px 12px}.app-modal{max-height:calc(100dvh - 12px)!important}}@supports (padding:env(safe-area-inset-top)){.app-topbar{padding-top:env(safe-area-inset-top)!important;height:calc(48px + env(safe-area-inset-top))!important}.app-sidebar{padding-bottom:env(safe-area-inset-bottom)!important}body{padding-bottom:env(safe-area-inset-bottom)}}