*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg2:#181c27;--bg3:#1e2435;--border:hsla(0,0%,100%,.07);--border2:hsla(0,0%,100%,.13);--text:#e8ecf4;--muted:#6b7894;--accent:#4f7ef8;--success:#2ecc8f;--warn:#f5a623;--danger:#e84d4d;--pill-bg:rgba(79,126,248,.1);--pill-text:#7aa3fb;--shopee:#ee4d2d;--shadow:0 1px 2px rgba(0,0,0,.2)}html[data-theme=light]{--bg:#eef0f5;--bg2:#f7f8fb;--bg3:#fff;--border:rgba(20,30,60,.08);--border2:rgba(20,30,60,.16);--text:#1f2330;--muted:#5e6a82;--accent:#4f7ef8;--success:#1aaa6e;--warn:#d98a0c;--danger:#d83b3b;--pill-bg:rgba(79,126,248,.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}a{text-decoration:none}.mobile-only{display:none}.desktop-only,.hide-mobile{display:inherit}.tbl-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:768px){body{font-size:13px}input,select,textarea{font-size:16px}.mobile-only{display:inherit!important}.desktop-only,.hide-mobile{display:none!important}.app-sidebar{position:fixed!important;left:0;top:48px!important;height:calc(100vh - 48px)!important;z-index:200!important;width:240px!important;transform:translateX(-100%);transition:transform .25s ease;box-shadow:4px 0 16px rgba(0,0,0,.4)}.app-sidebar.open{transform:translateX(0)}.app-overlay{position:fixed;inset:48px 0 0 0;background:rgba(0,0,0,.5);z-index:150;backdrop-filter:blur(2px)}.app-content{padding:12px!important;gap:10px!important}.app-topbar{padding:0 10px!important}.topbar-title{font-size:12px!important}.topbar-btn-text,.topbar-name{display:none!important}.topbar-btn{padding:4px 8px!important;min-width:32px;justify-content:center}.app-modal{width:calc(100vw - 24px)!important;max-width:420px!important;max-height:calc(100vh - 24px)!important;overflow-y:auto!important}.tbl-wrap table{min-width:600px}.grid-2,.grid-cards{grid-template-columns:1fr!important}.grid-3,.grid-4{grid-template-columns:1fr 1fr!important}.filter-bar{flex-wrap:wrap!important;gap:6px!important}.filter-bar>*{flex:1 1 calc(50% - 3px)!important;min-width:0!important}.filter-bar input,.filter-bar select{width:100%!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)}}