:root{color-scheme:light;--ink:#14161A;--ink-2:#23272F;--ink-3:#2F343D;--bg:#F5F4F0;--surface:#FFFFFF;--surface-2:#FAF9F6;--surface-3:#F1EEE8;--seg:#ECE9E3;--hover:#FCFBF9;--hover-row:#F4F8F7;--line:#E7E4DE;--line-2:#F0EDE8;--line-strong:#D5D1C8;--text:#1B1F27;--muted:#6B7280;--muted-2:#9AA1AC;--accent:#0F766E;--accent-2:#1B9C91;--gold:#F5A31D;--gold-2:#E8920A;--gold-soft:#FFF3D9;--gold-ink:#7A4B00;--good:#0E7C4A;--good-soft:#E2F4EA;--bad:#C0392B;--bad-soft:#FCE9E6;--warn:#B45309;--warn-soft:#FEF2D8;--warn-line:#F2DDA6;--warn-text:#6B4A07;--btn-bg:#14161A;--btn-text:#FFFFFF;--btn-hover:#2F343D;--tip-bg:#14161A;--tip-text:#FFFFFF;--chart-grid:#EEEBE5;--chart-axis:#D9D5CC;--chart-text:#7A8190;--bar-1:#14A89B;--bar-2:#0F766E;--peak:#0B5F59;--avg-text:#B77400;--done-bg:linear-gradient(180deg,#FFFFFF,#F7FBFA);--done-line:#BFE0DB;--hero-1:#14161A;--hero-2:#232830;--hero-3:#2C323C;--side-bg:#14161A;--side-line:rgba(255,255,255,.08);--overlay:rgba(20,22,26,.55);--r:14px;--r-sm:10px;--sh-1:0 1px 2px rgba(20,22,26,.05),0 1px 1px rgba(20,22,26,.03);--sh-2:0 8px 28px rgba(20,22,26,.1);--sidebar:252px;--navh:64px;--topbarh:56px;font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg:#0D0F12;--surface:#16191E;--surface-2:#1B1F25;--surface-3:#242932;--seg:#1E232A;--hover:#1B1F25;--hover-row:#1D2329;--line:#2A2F38;--line-2:#21262D;--line-strong:#3A414C;--text:#E9ECF1;--muted:#9BA3AF;--muted-2:#707988;--accent:#3CC4B6;--accent-2:#2DA89B;--gold-soft:rgba(245,163,29,.15);--gold-ink:#F7C566;--good:#4ADE9A;--good-soft:rgba(74,222,154,.13);--bad:#FF8A7A;--bad-soft:rgba(255,138,122,.14);--warn:#F7B955;--warn-soft:rgba(247,185,85,.12);--warn-line:rgba(247,185,85,.28);--warn-text:#F7D9A0;--btn-bg:#ECEEF2;--btn-text:#14161A;--btn-hover:#FFFFFF;--tip-bg:#ECEEF2;--tip-text:#14161A;--chart-grid:#242A31;--chart-axis:#3A414C;--chart-text:#8B93A0;--bar-1:#3CC4B6;--bar-2:#1E8F84;--peak:#7BE0D5;--avg-text:#F7C566;--done-bg:linear-gradient(180deg,#16191E,#172221);--done-line:#24504B;--hero-1:#1B1F26;--hero-2:#252A33;--hero-3:#303743;--side-bg:#0A0C0F;--side-line:rgba(255,255,255,.07);--overlay:rgba(0,0,0,.65);--sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 10px 34px rgba(0,0,0,.55)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0D0F12;--surface:#16191E;--surface-2:#1B1F25;--surface-3:#242932;--seg:#1E232A;--hover:#1B1F25;--hover-row:#1D2329;--line:#2A2F38;--line-2:#21262D;--line-strong:#3A414C;--text:#E9ECF1;--muted:#9BA3AF;--muted-2:#707988;--accent:#3CC4B6;--accent-2:#2DA89B;--gold-soft:rgba(245,163,29,.15);--gold-ink:#F7C566;--good:#4ADE9A;--good-soft:rgba(74,222,154,.13);--bad:#FF8A7A;--bad-soft:rgba(255,138,122,.14);--warn:#F7B955;--warn-soft:rgba(247,185,85,.12);--warn-line:rgba(247,185,85,.28);--warn-text:#F7D9A0;--btn-bg:#ECEEF2;--btn-text:#14161A;--btn-hover:#FFFFFF;--tip-bg:#ECEEF2;--tip-text:#14161A;--chart-grid:#242A31;--chart-axis:#3A414C;--chart-text:#8B93A0;--bar-1:#3CC4B6;--bar-2:#1E8F84;--peak:#7BE0D5;--avg-text:#F7C566;--done-bg:linear-gradient(180deg,#16191E,#172221);--done-line:#24504B;--hero-1:#1B1F26;--hero-2:#252A33;--hero-3:#303743;--side-bg:#0A0C0F;--side-line:rgba(255,255,255,.07);--overlay:rgba(0,0,0,.65);--sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 10px 34px rgba(0,0,0,.55)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:14.5px;line-height:1.45;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}h1,h2,h3,h4{margin:0;letter-spacing:-.01em}h3{font-size:16px;font-weight:650;margin:22px 0 10px}h4{font-size:14px;font-weight:650;margin:14px 0 6px}p{margin:0 0 8px}a{color:inherit}.ic{flex:none;display:block}.muted{color:var(--muted);font-size:13px}.small{font-size:12px}.err{color:var(--bad)}.ok{color:var(--good)}.warn{color:var(--warn)}.stack{display:flex;flex-direction:column;gap:16px}.r{text-align:right}.grow{flex:1}.num,td.r,.tv,.hk strong{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.side{background:var(--side-bg);color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 14px 16px;z-index:30;overflow:auto;border-right:1px solid var(--side-line)}.brandrow{display:flex;align-items:center;gap:10px;padding:2px 8px 18px;border-bottom:1px solid var(--side-line);margin-bottom:14px}.brandrow img{height:44px;width:auto;border-radius:8px}.brandrow b{font-size:14px;letter-spacing:.01em;line-height:1.15}.brandrow span{display:block;font-size:11.5px;color:#8e95a1;font-weight:500;margin-top:2px}.navsec{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6f7682;padding:10px 12px 6px;font-weight:600}.side nav{display:flex;flex-direction:column;gap:2px}.side nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#b7bdc8;text-decoration:none;font-weight:500;position:relative;transition:background .15s,color .15s;white-space:nowrap}.side nav a:hover{background:#ffffff0f;color:#fff}.side nav a.active{background:#f5a31d24;color:#fff}.side nav a.active:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:4px;border-radius:0 4px 4px 0;background:var(--gold)}.side nav a.active .ic{color:var(--gold)}.badge{margin-left:auto;background:var(--gold);color:var(--ink);border-radius:999px;font-size:11.5px;font-weight:700;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center}.sidefoot{margin-top:auto;display:flex;flex-direction:column;gap:12px}.userbox{border-top:1px solid var(--side-line);padding-top:14px;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-weight:700;flex:none;border:0;padding:0;min-height:0}.userbox .who{min-width:0;flex:1}.userbox b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userbox span{font-size:11.5px;color:#8e95a1;text-transform:capitalize}.iconbtn{background:transparent;border:1px solid rgba(255,255,255,.14);color:#c7ccd6;border-radius:10px;width:38px;min-height:38px;padding:0;display:grid;place-items:center}.iconbtn:hover:not(:disabled){background:#ffffff14;color:#fff}.themetoggle{display:flex;background:#ffffff12;border-radius:10px;padding:3px;gap:2px}.themetoggle button{flex:1;background:transparent;color:#9aa1ac;border:0;min-height:30px;padding:4px 8px;border-radius:8px;gap:6px;font-size:12.5px}.themetoggle button:hover:not(:disabled){background:#ffffff14;color:#fff}.themetoggle button.on{background:#ffffff29;color:#fff}.content{min-width:0}.mtop,.mnav,.dock{display:none}.main{padding:28px 36px 56px;max-width:1440px;margin:0 auto}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.pagehead h1{font-size:26px;font-weight:700;letter-spacing:-.02em}.pagehead p{color:var(--muted);margin:3px 0 0;font-size:14px}button{font:inherit;font-weight:600;font-size:14px;border-radius:var(--r-sm);padding:9px 16px;min-height:40px;border:1px solid transparent;background:var(--btn-bg);color:var(--btn-text);cursor:pointer;transition:background .15s,border-color .15s,transform .05s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover:not(:disabled){background:var(--btn-hover)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:var(--surface);color:var(--text);border-color:var(--line)}button.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}button.gold{background:var(--gold);color:#14161a}button.gold:hover:not(:disabled){background:var(--gold-2)}input,select,textarea{font:inherit;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--text);min-height:40px;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder{color:var(--muted-2)}input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #f5a31d47}button:focus-visible{outline:none;box-shadow:0 0 0 3px #f5a31d80}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239AA1AC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}input[type=checkbox],input[type=radio]{width:auto!important;min-height:0!important;padding:0!important;flex:none;accent-color:var(--accent);box-shadow:none!important}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--sh-1)}.card.pp{margin:0;max-width:none}.card>h3:first-child{margin-top:0}.loginpage{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg);position:relative}.loginart{background:radial-gradient(1200px 600px at 20% 10%,#2b2f38 0,#14161a 55%);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.loginart:after{content:"";position:absolute;right:-140px;bottom:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(245,163,29,.35),transparent 65%)}.loginart img{width:180px;border-radius:14px}.loginart h2{font-size:36px;line-height:1.12;font-weight:700;letter-spacing:-.02em;max-width:440px}.loginart p{color:#aeb4bf;max-width:420px;font-size:15px;margin-top:12px}.loginart .feat{display:flex;gap:22px;flex-wrap:wrap;color:#c9ced8;font-size:13px;z-index:1}.loginart .feat span{display:flex;align-items:center;gap:8px}.loginart .feat .ic{color:var(--gold)}.loginform{display:grid;place-items:center;padding:32px}.loginform form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.loginform h1{font-size:26px;font-weight:700;letter-spacing:-.02em}.loginform label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:6px}.loginform button{min-height:46px;margin-top:6px}.logomobile{display:none}.logintheme{position:absolute;top:16px;right:16px}.logintheme .themetoggle{background:var(--seg)}.logintheme .themetoggle button{color:var(--muted)}.logintheme .themetoggle button.on{background:var(--surface);color:var(--text)}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.selectwrap{position:relative;min-width:210px}.selectwrap select{width:100%;font-weight:600;min-height:44px}.seg{display:inline-flex;background:var(--seg);padding:3px;border-radius:12px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{background:transparent;color:var(--muted);border:0;min-height:34px;padding:6px 11px;border-radius:9px;font-weight:600;font-size:13.5px;white-space:nowrap}.seg button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000026}.daterange{display:flex;align-items:center;gap:6px}.daterange input{min-height:38px;padding:6px 8px;font-size:13px;width:132px}.daterange span{color:var(--muted-2)}.exportmenu{position:relative;margin-left:auto}.exportmenu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);font-weight:600}.exportmenu summary::-webkit-details-marker{display:none}.exportmenu summary:hover{background:var(--surface-2)}.exportbody{position:absolute;right:0;top:46px;z-index:20;min-width:300px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2);padding:14px;display:flex;flex-direction:column;gap:10px;align-items:stretch}.exportbody label{display:flex;flex-direction:column;gap:4px}.hero{background:linear-gradient(135deg,var(--hero-1) 0%,var(--hero-2) 60%,var(--hero-3) 100%);color:#fff;border-radius:20px;padding:22px 24px;position:relative;overflow:hidden;box-shadow:var(--sh-2);border:1px solid rgba(255,255,255,.04)}.hero:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(245,163,29,.28),transparent 68%);pointer-events:none}.heroid{display:flex;align-items:center;gap:14px;margin-bottom:20px;position:relative;z-index:1;flex-wrap:wrap}.herologo{background:#fff;border-radius:12px;padding:6px 10px;height:52px;display:grid;place-items:center;color:#14161a}.herologo img{height:38px;max-width:110px;object-fit:contain}.heroid h2{font-size:21px;font-weight:700;letter-spacing:-.01em}.heroid .sub{color:#a9afbb;font-size:13px;margin-top:2px}.herokpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:1}.hk{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:14px 16px;min-width:0}.hk label{display:flex;align-items:center;gap:8px;color:#b4bac6;font-size:12.5px;font-weight:500}.hk label .ic{color:var(--gold)}.hk strong{display:block;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:6px 0 2px;white-space:nowrap}.hk .hs{font-size:12.5px;color:#9aa1ae;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.delta{display:inline-flex;align-items:center;gap:3px;font-weight:650;font-size:12px;padding:2px 7px;border-radius:999px;background:#ffffff1a;color:#d5d9e0}.delta.good{background:#2ecc7129;color:#7de2a8}.delta.bad{background:#ff63472e;color:#ff9c8c}.light .delta{background:var(--surface-3);color:var(--muted)}.light .delta.good{background:var(--good-soft);color:var(--good)}.light .delta.bad{background:var(--bad-soft);color:var(--bad)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:15px 16px;box-shadow:var(--sh-1);position:relative;min-width:0}.tile .tl{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--muted)}.tile .ticon{width:28px;height:28px;border-radius:9px;background:var(--gold-soft);color:var(--gold-ink);display:grid;place-items:center;flex:none}.tile .tv{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-top:8px;white-space:nowrap}.tile .tv.bad{color:var(--bad)}.tile .tv.good{color:var(--good)}.tile .ts{font-size:12.5px;color:var(--muted);margin-top:3px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}.grid2b{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 16px;box-shadow:var(--sh-1);min-width:0}.panel .ph{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}.panel .ph h3{margin:0}.panel .ph .muted{font-size:12.5px}.panel .more{background:none;border:0;color:var(--accent);min-height:0;padding:0;font-weight:600;font-size:13px}.panel .more:hover:not(:disabled){background:none;text-decoration:underline}.chart{margin:0}.chartwrap{position:relative}.chartwrap svg{width:100%;height:auto;display:block;touch-action:pan-y}.cg{stroke:var(--chart-grid);stroke-width:1}.cg.base{stroke:var(--chart-axis)}.ct{fill:var(--chart-text);font-size:11px}.cavg{stroke:var(--gold);stroke-dasharray:4 4;stroke-width:1.5}.cavgt{fill:var(--avg-text);font-size:11px;font-weight:600}.cpeak{fill:var(--peak);font-size:11px;font-weight:700}.tip{position:absolute;top:4px;transform:translate(-50%);background:var(--tip-bg);color:var(--tip-text);border-radius:10px;padding:6px 10px;font-size:12px;pointer-events:none;box-shadow:var(--sh-2);white-space:nowrap;line-height:1.35}.tip b{color:var(--gold-2)}.hbars{display:flex;flex-direction:column;gap:11px}.hb{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}.hb .hl{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb .hv{font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.hb .trk{grid-column:1 / -1;height:7px;border-radius:99px;background:var(--line-2);overflow:hidden}.hb .trk i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--bar-2),var(--bar-1))}.hb .hs{grid-column:1 / -1;font-size:11.5px;color:var(--muted-2);margin-top:-2px}.attn{display:flex;flex-direction:column;gap:8px}.attn .row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:13.5px}.attn .row span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs{display:flex;gap:2px;background:var(--seg);padding:3px;border-radius:12px;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:transparent;color:var(--muted);border:0;min-height:36px;padding:6px 15px;border-radius:9px;font-weight:600;font-size:13.5px;white-space:nowrap}.tab:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.tab.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000026}.tablewrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1)}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}th{padding:10px 14px;background:var(--surface-2);color:var(--muted);font-size:11.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;text-align:left;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid var(--line-2);text-align:left;white-space:nowrap}tr:last-child td{border-bottom:0}th.r,td.r{text-align:right}tbody tr:hover td{background:var(--hover)}tr.click{cursor:pointer}tr.click:hover td{background:var(--hover-row)}tr.inactive{opacity:.5}tr.totalrow td{font-weight:700;background:var(--surface-2)}.mini{display:block;height:4px;border-radius:99px;background:var(--line-2);margin-top:6px;min-width:90px;margin-left:auto}.mini i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--bar-2),var(--bar-1))}td input:not([type=checkbox]):not([type=radio]){width:100%;min-width:70px;border-color:transparent;background:transparent;padding:5px 8px;min-height:34px;border-radius:8px}td input:not([type=checkbox]):hover{background:var(--surface-3)}td input:not([type=checkbox]):focus{background:var(--surface)}td input.wide:not([type=checkbox]):not([type=radio]){min-width:290px}input.num{width:92px!important;text-align:right}input.override{background:var(--gold-soft)!important}input.dup{color:var(--warn);font-weight:600}.rank{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--surface-3);font-size:12px;font-weight:700;color:var(--muted);margin-right:10px}.rank.top{background:var(--gold-soft);color:var(--gold-ink)}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:650;background:var(--surface-3);color:var(--muted);white-space:nowrap}.pill.good{background:var(--good-soft);color:var(--good)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted-2);margin-right:7px}.dot.good{background:#22a06b}.dot.warn{background:#e8a317}.dot.bad{background:#e5484d}.progresslite{width:84px;height:6px;border-radius:99px;background:var(--line-2);overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}.progresslite i{display:block;height:100%;background:var(--accent)}.notice{background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn-text);border-radius:12px;padding:10px 14px;margin:0}.sk{background:linear-gradient(90deg,var(--seg) 25%,var(--surface-3) 37%,var(--seg) 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:12px}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.empty{text-align:center;color:var(--muted);padding:30px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty .ic{color:var(--muted-2)}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;overflow:visible}.chip{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:999px;min-height:36px;padding:5px 14px;font-weight:550;font-size:13.5px;white-space:nowrap}.chip:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.chip.on{background:var(--btn-bg);color:var(--btn-text);border-color:var(--btn-bg)}.searchbox{position:relative;flex:1 1 240px}.searchbox input{width:100%;padding-left:38px}.searchbox .ic{position:absolute;left:12px;top:11px;color:var(--muted-2)}.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2);z-index:12;overflow:hidden}.suggest button{display:flex;width:100%;justify-content:space-between;gap:10px;background:var(--surface);color:var(--text);border:0;border-bottom:1px solid var(--line-2);border-radius:0;text-align:left;min-height:46px;font-weight:500}.suggest button:hover{background:var(--surface-2)}.entryhead{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh-1);margin-bottom:12px}.entryhead .row1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.entryhead img{height:42px;max-width:90px;object-fit:contain}.entryhead .oname{font-weight:700;font-size:16px}.entryhead .ob{color:var(--muted);font-size:12.5px}.entryhead .dt{margin-left:auto}.progress{height:8px;border-radius:99px;background:var(--line-2);overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--bar-2),var(--bar-1));transition:width .3s}.progcap{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-top:6px}.savebar{margin:0 0 10px;font-size:13px;padding:8px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line-2)}.savebar button{min-height:28px;padding:2px 10px}.itemlist{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--sh-1);transition:border-color .2s,box-shadow .2s}.item.done{border-color:var(--done-line);background:var(--done-bg)}.itemhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.itemhead strong{font-size:15px;font-weight:650;line-height:1.25}.itemhead .muted{background:var(--surface-3);border-radius:7px;padding:1px 8px;font-size:12px;font-weight:600;flex:none}.item .small{margin:5px 0 10px;font-size:12.5px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fields label{font-size:11.5px;color:var(--muted);font-weight:600;display:flex;flex-direction:column;gap:4px}.fields input{width:100%;padding:10px 6px;text-align:center;font-size:17px;font-weight:600;min-height:46px;background:var(--surface-2)}.fields input:focus{background:var(--surface)}.remarks{width:100%;margin-top:8px;min-height:38px;font-size:13.5px}input.bad{border-color:var(--bad)!important;background:var(--bad-soft)!important}.actions{position:sticky;bottom:0;padding:14px 0 10px;background:linear-gradient(transparent,var(--bg) 40%);display:flex;gap:8px;justify-content:center;z-index:5}.actions button{min-width:200px;min-height:48px;background:var(--gold);color:#14161a;box-shadow:0 6px 18px #f5a31d66}.actions button:hover:not(:disabled){background:var(--gold-2)}.outletcard{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;margin-bottom:8px}.outletcard img{height:44px;width:auto;max-width:110px;object-fit:contain}.outletcard.slim{margin:0;padding:6px 10px}.outletcard.slim img{height:36px}.sentinel{height:1px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px;animation:fade .15s}@keyframes fade{0%{opacity:0}}.modalbox{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:10px;max-height:92vh;overflow:auto;box-shadow:var(--sh-2);animation:pop .18s ease}.modalbox.wide{max-width:600px}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:0}}.modalbox>label{display:flex;gap:8px;align-items:center;font-size:14px}.choice{text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--line);justify-content:flex-start;flex-wrap:wrap}.checklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 10px;margin:6px 0}.checklist label{display:flex;align-items:center;gap:8px;padding:5px 2px;font-size:14px}.formmodal{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:100%;max-width:880px;max-height:94vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--sh-2);animation:pop .18s ease}.fhead{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}.fhead h3{margin:0;font-size:19px}.fhead .x{min-height:34px;padding:2px 10px}.fbody{display:flex;gap:18px;padding:18px 22px;overflow:auto;flex:1;align-items:flex-start}.fnav{display:flex;flex-direction:column;gap:4px;width:210px;flex:none;border:1px solid var(--line);border-radius:12px;padding:8px;background:var(--surface-2)}.fgroup{font-weight:650;font-size:11.5px;margin:10px 6px 2px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.ftab{background:transparent;color:var(--text);border:0;justify-content:flex-start;border-radius:9px;padding:9px 12px;font-weight:550}.ftab:hover:not(:disabled){background:var(--surface)}.ftab.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000026;font-weight:650}.fpane{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px}.fl{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:550}.fl input:not([type=checkbox]):not([type=radio]),.fl select{width:100%}.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.req{color:var(--bad)}.radio{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:450}.ffoot{display:flex;gap:8px;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface-2)}.backup{margin:10px 0;border:1px dashed var(--line-strong);border-radius:12px;padding:10px 14px;background:var(--surface-2)}.backup summary{cursor:pointer;color:var(--accent);font-weight:650}.video{width:100%;background:#000}.scanbox{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#000}.scanbox .video{width:100%;height:100%;object-fit:cover;display:block}.scanguide{position:absolute;left:6%;right:6%;top:38%;bottom:38%;border:2px solid #fff;border-radius:8px;pointer-events:none;box-shadow:0 0 0 2px #00000059}.scanguide:after{content:"";position:absolute;left:4%;right:4%;top:50%;height:2px;background:#ef4444;opacity:.9}.filebtn{display:inline-flex;align-items:center;background:var(--surface);color:var(--accent);border:1px solid var(--accent);border-radius:var(--r-sm);padding:0 14px;min-height:40px;cursor:pointer;font-weight:600}.filebtn input{display:none}input[type=file]{padding:8px;background:var(--surface-2);border-style:dashed;max-width:100%}.mcards{display:flex;flex-direction:column;gap:10px}.mcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:10px;text-align:left;width:100%;color:var(--text);font-weight:400;align-items:stretch;justify-content:flex-start;min-height:0}button.mcard:hover:not(:disabled){background:var(--surface-2)}.mcard .mc1{display:flex;align-items:center;gap:10px;justify-content:space-between}.mcard .mc1 b{font-size:15px;font-weight:650}.mcard .big{font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.mcard .mstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mcard .mstats div{background:var(--surface-2);border-radius:10px;padding:8px 10px;min-width:0}.mcard .mstats span{display:block;font-size:11px;color:var(--muted);font-weight:500}.mcard .mstats b{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}.mcard .mbar{height:5px;border-radius:99px;background:var(--line-2);overflow:hidden}.mcard .mbar i{display:block;height:100%;background:linear-gradient(90deg,var(--bar-2),var(--bar-1));border-radius:99px}.mrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-2)}.mrow:last-child{border-bottom:0}.mrow .l b{display:block;font-weight:650}.mrow .l span{font-size:12px;color:var(--muted)}.mrow .rr{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.mlist{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);overflow:hidden}.mi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--sh-1)}.mi.done{border-color:var(--done-line);background:var(--done-bg)}.mi .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.mi .top b{font-size:15.5px;font-weight:650;line-height:1.25}.mi .code{background:var(--surface-3);color:var(--muted);border-radius:7px;padding:1px 8px;font-size:12px;font-weight:600;flex:none}.mi .mid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;align-items:end;margin-top:12px}.mi .stat span{display:block;font-size:11.5px;color:var(--muted);font-weight:550}.mi .stat b{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.mi .stat.sold{text-align:right}.mi .stat.sold b.neg{color:var(--bad)}.mi .closing span{display:block;font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:4px;text-align:center}.mi .closing input{width:100%;text-align:center;font-size:22px;font-weight:700;min-height:54px;background:var(--surface-2);border-radius:14px}.mi .moretog{background:transparent;border:0;color:var(--accent);min-height:36px;padding:6px 0 0;font-weight:600;font-size:13px;justify-content:flex-start}.mi .moretog:hover:not(:disabled){background:transparent;text-decoration:underline}.mi .extra{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.mi .extra label{font-size:11.5px;color:var(--muted);font-weight:600;display:flex;flex-direction:column;gap:4px}.mi .extra input{width:100%;text-align:center;font-size:17px;font-weight:600;min-height:48px;background:var(--surface-2);padding:6px}.mi .extra input:focus,.mi .closing input:focus{background:var(--surface)}@media (max-width:1100px){.grid2,.grid2b{grid-template-columns:1fr}.herokpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){html{scroll-padding-bottom:calc(var(--navh) + 80px)}.app{display:block;padding-bottom:calc(var(--navh) + env(safe-area-inset-bottom))}.app.nonav{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.side,.scrim{display:none!important}.mtop{display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top));position:sticky;top:0;z-index:40;min-height:var(--topbarh);border-bottom:3px solid var(--gold)}.mtop img{height:34px;border-radius:6px}.mtop .mt{flex:1;min-width:0}.mtop .mt b{display:block;font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtop .mt span{display:block;font-size:11.5px;color:#9aa1ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtop .avatar{width:36px;height:36px;font-size:13px}.mnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #00000014;height:calc(var(--navh) + env(safe-area-inset-bottom))}.mnav a,.mnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:600;background:transparent;border:0;border-radius:12px;min-height:0;padding:4px 2px;position:relative}.mnav a.active{color:var(--text)}.mnav a.active .ic{color:var(--gold-2)}.mnav a.active:before{content:"";position:absolute;top:-6px;width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--gold)}.mnav .badge{position:absolute;top:2px;right:calc(50% - 22px);margin:0;min-width:17px;height:17px;font-size:10.5px}.main{padding:14px 14px 28px}.pagehead{margin-bottom:12px}.pagehead h1{display:none}.pagehead p{font-size:13px;margin:0}.loginpage{grid-template-columns:1fr}.loginart{display:none}.logomobile{display:block;width:150px;border-radius:12px;margin:0 auto 6px}.hero{padding:16px;border-radius:20px}.hk strong{font-size:23px}.herokpis{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.hk{padding:12px}.heroid{margin-bottom:14px}.heroid h2{font-size:18px}.exportbody{right:0;left:auto;min-width:min(300px,86vw)}.controls{gap:8px}.selectwrap{min-width:0;flex:1;order:1}.exportmenu{order:2;margin-left:0}.controls .seg{order:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.controls .seg button{padding:6px 4px}.daterange{width:100%;order:4}.daterange input{flex:1;width:auto}.exportmenu summary{min-height:44px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:13px}.tile .tv{font-size:20px}.panel{padding:14px}.tabs{width:100%}.tab{flex:none}.itemlist{grid-template-columns:1fr}input,select,textarea,.daterange input,.exportbody input{font-size:16px}button{min-height:44px}.modal{align-items:flex-end;padding:0}.modalbox,.formmodal{max-width:none!important;width:100%;border-radius:22px 22px 0 0;border-bottom:0;max-height:92dvh;padding-bottom:calc(20px + env(safe-area-inset-bottom));animation:sheet .24s cubic-bezier(.2,.8,.2,1)}.formmodal{max-height:94dvh;padding-bottom:0}.ffoot{padding-bottom:calc(14px + env(safe-area-inset-bottom))}@keyframes sheet{0%{transform:translateY(100%)}}.modalbox:before,.formmodal:before{content:"";display:block;width:40px;height:4px;border-radius:99px;background:var(--line-strong);margin:-8px auto 6px;flex:none}.formmodal:before{margin:8px auto 0}.fbody{flex-direction:column;padding:14px}.fnav{width:100%;flex-direction:row;flex-wrap:wrap}.fgroup{display:none}.frow{grid-template-columns:1fr}.fpane{align-self:stretch}.fhead,.ffoot{padding:12px 14px}.scanmodal{padding:0!important}.scanmodal .modalbox{min-height:70dvh}.dock{display:flex;position:fixed;left:0;right:0;bottom:var(--dockb,0px);z-index:44;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 30%);align-items:center}.app:not(.nonav) .dock{bottom:calc(var(--navh) + env(safe-area-inset-bottom));padding-bottom:10px}.dock .scanbtn{flex:none;min-width:112px;min-height:52px;border-radius:16px;background:var(--btn-bg);color:var(--btn-text)}.dock .submit{flex:1;min-height:52px;border-radius:16px;background:var(--gold);color:#14161a;box-shadow:0 8px 22px #f5a31d61;font-size:15.5px}.dock .submitted{flex:1;text-align:center}.actions{display:none}.entryhead{padding:12px 14px}.entryhead .dt{margin-left:0;width:100%}.entryhead .dt input,.entryhead .dt select{flex:1;min-width:0}.savebar{font-size:12.5px}.entrybar{position:sticky;top:calc(var(--topbarh) + env(safe-area-inset-top) + 3px);z-index:15;background:var(--bg);margin:0 -14px 6px;padding:8px 14px 0;box-shadow:0 8px 12px -10px #00000040}.entrybar .toolbar{margin-bottom:6px}.entrybar .chips{padding-bottom:8px}.billnote{display:none}.searchbox{flex:1 1 100%}}@media (max-width:420px){.hk strong{font-size:21px}.mi .mid{grid-template-columns:1fr 1.3fr 1fr}}@media (min-width:901px){.fields{grid-template-columns:repeat(6,1fr)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sheetrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sheettheme .themetoggle{background:var(--seg)}.sheettheme .themetoggle button{color:var(--muted);min-height:36px}.sheettheme .themetoggle button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000026}