:root{--p:#0e0e0e;--pd:#0e0e0e;--acc:#a07b08;--acc-br:#ffde00;--acc-s:#fbf0d0;--bg:#faf8f4;--sf:#fff;--bd:#e6e1d8;--ok:#3f8f5f;--ok-s:#e1efe4;--warn:#c97a2c;--warn-s:#fbe9d6;--ink:#1a1a1a;--muted:#7d7568;--card:var(--sf);--line:var(--bd);--dark:var(--pd);--gold:var(--acc-br);--err:#c0463c;--err-bg:#f6e2df;color:var(--ink);background:var(--bg);font-family:Kanit,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select{font:inherit}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.login{background:var(--dark);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--card);border-top:4px solid var(--gold);border-radius:16px;flex-direction:column;gap:8px;width:100%;max-width:380px;padding:28px 22px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand h1{margin:0;font-size:22px;font-weight:600}.brand p{color:var(--muted);margin:0;font-size:14px}.brand-mark{background:var(--dark);width:44px;height:44px;color:var(--gold);border-radius:10px;flex-shrink:0;place-items:center;font-size:22px;font-weight:600;display:grid}.brand-mark.small{border-radius:8px;width:32px;height:32px;font-size:16px}.login-card label{color:var(--muted);margin-top:6px;font-size:14px}.login-card select,.login-card input:not([type=checkbox]){border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:12px 14px;font-size:17px}#pin{letter-spacing:6px}.login-card select:focus,.login-card input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--dark)}.login-card button[type=submit]{background:var(--dark);color:var(--gold);cursor:pointer;border:0;border-radius:10px;margin-top:12px;padding:13px;font-size:17px;font-weight:500}.login-card button:disabled{opacity:.6;cursor:wait}.check{color:var(--ink);cursor:pointer;align-items:flex-start;gap:10px;margin-top:12px;font-size:15px;display:flex}.check input{width:20px;height:20px;accent-color:var(--dark);flex-shrink:0;margin:2px 0 0}.check small{color:var(--muted);font-size:13px;display:block}.shell{min-height:100vh}.side{display:none}.side .brand-side{border-bottom:1px solid #ffffff1f;margin-bottom:10px;padding:0 18px 14px;display:block}.side .brand-side .biz-logos{gap:8px;margin-bottom:10px;display:flex}.side .brand-side .biz-logo{min-width:0;max-width:calc(50% - 4px);height:auto;max-height:44px;display:block}.side .brand-side .biz-logo:only-child{max-width:100%}.side .brand-side b{color:#fff;font-size:18px;display:block}.side .brand-side span{color:var(--acc-br);font-size:13px}.side .brand-side small{color:#ffffff80;margin-top:6px;font-size:12px;display:block}.side .it{color:#ffffffbf;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:row;flex:none;align-items:center;gap:10px;padding:10px 18px;font-size:15px;display:flex}.side .it .ic{text-align:center;width:22px;font-size:16px}.side .it.on{color:var(--acc-br);box-shadow:inset 3px 0 0 var(--acc-br);background:#ffde0024}.side .logout{margin:auto 18px 0;display:block}.mtop{z-index:30;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;background:var(--pd);color:#fff;align-items:center;gap:10px;display:flex;position:sticky;top:0}.mtop b{flex:none;font-size:20px}.mtop span{color:var(--acc-br);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.mtop .biz-logos{flex:none;gap:6px;display:flex}.mtop .biz-logo{width:auto;height:32px}.mtop .who{width:38px;height:38px;color:var(--acc-br);font:inherit;cursor:pointer;background:#26241f;border:1px solid #ffde0080;border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:17px;font-weight:600;display:grid}.main{padding:18px 16px calc(84px + env(safe-area-inset-bottom));max-width:none}.tabbar{z-index:30;background:var(--pd);padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #2a2824;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar.hide{display:none}.tb{min-height:52px;font:inherit;color:#a59d90;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:4px 0;display:flex}.tb .ic{font-size:21px;line-height:1}.tb .lb{font-size:11.5px;font-weight:500}.tb.on{color:var(--acc-br)}.tb.on .lb{font-weight:600}.more-bg{z-index:40;background:#00000073;border:0;padding:0;position:fixed;inset:0}.more-sheet{z-index:41;background:var(--sf);padding:10px 14px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000040}.more-sheet .grab{background:var(--bd);border-radius:4px;width:38px;height:4px;margin:0 auto 10px}.more-sheet .me{border-bottom:1px solid var(--bd);align-items:center;gap:10px;margin-bottom:6px;padding:4px 4px 10px;display:flex}.more-sheet .me .av{background:var(--pd);width:38px;height:38px;color:var(--acc-br);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.more-sheet .me small{color:var(--muted);font-size:13px;line-height:1.3;display:block}.srow{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 6px;font-size:16px;display:flex}.srow:hover,.srow:active,.srow.on{background:var(--acc-s)}.srow .ic{text-align:center;width:30px;font-size:22px}.srow small{color:var(--muted);margin-left:auto;font-size:12px}.srow.out{color:var(--err);border-top:1px solid var(--bd);border-radius:0;margin-top:4px;padding-top:14px}@media (width>=900px){.shell{grid-template-columns:220px 1fr;display:grid}.mtop,.tabbar,.more-bg,.more-sheet{display:none}.side{z-index:20;background:var(--pd);flex-direction:column;align-self:start;height:100vh;padding:18px 0;display:flex;position:sticky;top:0;overflow-y:auto}.main{padding:26px 30px}}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.head h2{color:var(--pd);margin:0;font-size:22px;font-weight:600}.head .sub{color:var(--muted);margin:2px 0 0;font-size:14px}.head .sub b{color:var(--acc);font-weight:500}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.biz-switch{border:1px solid var(--p);background:var(--sf);border-radius:999px;align-self:center;margin-right:auto;display:inline-flex;overflow:hidden}.biz-switch button{font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;min-width:56px;padding:7px 18px;font-size:15px;font-weight:600}.biz-switch button.on{background:var(--p);color:var(--acc-br)}.btn{font:inherit;cursor:pointer;border:1px solid var(--p);background:var(--p);color:var(--acc-br);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn.g{background:var(--sf);color:var(--ink);border-color:var(--bd)}.btn.a{background:var(--acc-br);border-color:var(--acc-br);color:var(--pd)}.btn.sm{padding:5px 11px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--acc);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:14px}.searchbox{border:1px solid var(--bd);background:var(--sf);min-width:220px;font:inherit;border-radius:8px;padding:9px 12px;font-size:15px}.badge{white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:12.5px;font-weight:500;display:inline-block}.b-ok{background:var(--ok-s);color:var(--ok)}.b-warn{background:var(--warn-s);color:var(--warn)}.b-err{background:var(--err-bg);color:var(--err)}.b-mute{color:var(--muted);background:#ece8e1}.b-acc{background:var(--acc-br);color:var(--pd)}.muted{color:var(--muted);font-size:14px}.error{background:var(--err-bg);color:var(--err);border-radius:8px;margin:6px 0 0;padding:10px 12px;font-size:14px}.ok{background:var(--ok-s);color:var(--ok);border-radius:8px;margin:6px 0 0;padding:10px 12px;font-size:14px}.card{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:14px 16px}.card>h3{color:var(--pd);margin:0 0 8px;font-size:16px;font-weight:600}.card.alert{border-color:var(--err)}.card.alert>h3{color:var(--err)}.tbl{border-collapse:collapse;background:var(--sf);border:1px solid var(--bd);border-radius:10px;width:100%;font-size:14px;overflow:hidden}.tbl th{background:var(--bg);text-align:left;border-bottom:1px solid var(--bd);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:600}.tbl td{border-bottom:1px solid var(--bd);vertical-align:top;padding:10px 12px}.tbl tr:last-child td{border-bottom:0}.tbl .sub{color:var(--muted);font-size:13px;display:block}.tbl b{font-weight:600}.tbl tr.dim td{opacity:.55}.tbl .acts{flex-wrap:wrap;gap:6px;display:flex}@media (width<=699px){.tbl,.tbl tbody{width:100%;display:block}.tbl thead{display:none}.tbl{background:0 0;border:0}.tbl tr{background:var(--sf);border:1px solid var(--bd);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin-bottom:6px;padding:8px 12px;display:flex}.tbl td{border:0;min-width:0;max-width:100%;padding:0;display:block}.tbl td[data-l]:before{content:attr(data-l);color:var(--muted);margin-right:5px;font-size:12px;display:inline}.tbl td.first{flex-basis:100%;order:-1}.tbl td.first:before{display:none}.tbl td .sub{margin-left:6px;display:inline}.tbl td:not([data-l]):last-child{margin-left:auto}.tbl .acts{justify-content:flex-end}.searchbox{flex:1;min-width:0}.head-actions{width:100%}}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.stat{background:var(--sf);border:1px solid var(--bd);text-align:left;font:inherit;color:inherit;border-radius:10px;padding:12px 14px}button.stat{cursor:pointer}button.stat:hover{border-color:var(--acc)}.stat .l{color:var(--muted);font-size:13px}.stat .v{color:var(--p);font-size:26px;font-weight:600;line-height:1.3}.stat .v.warn{color:var(--warn)}.stat .v.err{color:var(--err)}.stat .n{color:var(--muted);font-size:12.5px;line-height:1.5}.stat .n .money{color:var(--ok)}.panels{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}@media (width>=900px){.panels{grid-template-columns:1fr 1fr}}.rowx{border-bottom:1px dashed var(--bd);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.rowx:last-child{border-bottom:0}.rowx .who{min-width:0}.rowx .who b{font-weight:500;display:block}.rowx .who span{color:var(--muted);font-size:13px}.rowx .right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tel{font-size:18px;text-decoration:none}.empty-line{color:var(--muted);padding:6px 0;font-size:14px}.profile-head h2{margin:0;font-size:22px}.profile-head p{color:var(--muted);margin:2px 0 12px}.tabs{border-bottom:1px solid var(--bd);flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px 8px 0 0;padding:7px 14px;font-size:14px}.tab.on{background:var(--p);color:var(--acc-br)}.jobcard{background:var(--sf);border:1px solid var(--bd);border-radius:10px;margin-bottom:12px;padding:14px 16px}.jobcard-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.jobcard-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jobcard-title b{font-size:16px}.size-dot{background:#ece8e1;border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:12px;font-weight:600;display:inline-grid}.jobcard .meta{color:var(--muted);margin:4px 0 10px;font-size:13.5px}.tiles{flex-wrap:wrap;gap:8px;display:flex}.tile{text-align:center;color:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:84px;padding:8px;font-size:13px;line-height:1.5;display:flex}.tile b{font-weight:600}.tile.done{background:var(--ok)}.tile.over{background:var(--err)}.tile.soon{background:var(--warn)}.tile.future{color:var(--muted);background:#e8e3da}.tile .rec{color:#fff;font:inherit;cursor:pointer;background:#ffffff40;border:0;border-radius:6px;margin-top:3px;padding:2px 8px;font-size:12px}.tile.future .rec{background:var(--sf);color:var(--ink)}.jobcard .last{border-top:1px solid var(--bd);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:13px;display:flex}.legend i{vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-right:5px;display:inline-block}.form{flex-direction:column;gap:10px;display:flex}.grid2,.grid3{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=700px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span{color:var(--muted);font-size:13px}.field>span em{color:var(--acc);font-style:normal}.field input,.field select,.field textarea{border:1px solid var(--bd);background:var(--sf);width:100%;font:inherit;color:var(--ink);border-radius:8px;padding:10px 12px;font-size:15px}.field input:disabled,.field select:disabled{background:var(--bg);color:var(--muted)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--acc);outline-offset:0;border-color:var(--acc)}.hint{color:var(--warn);margin:0;font-size:12.5px}.optbar{background:var(--bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:10px 14px;font-size:14px;display:flex}.optbar b{font-weight:600}.optbar label{cursor:pointer;color:var(--ink);align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.optbar input{width:17px;height:17px;accent-color:var(--acc)}.sumbar{background:var(--bg);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 16px;display:grid}@media (width>=700px){.sumbar{grid-template-columns:repeat(4,1fr)}}.sumbar span{color:var(--muted);font-size:13px;display:block}.sumbar b{font-size:15px}.sumbar .neg{color:var(--err)}.sumbar .tot{font-size:20px}.form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal-wrap{background:#b9c7c3;min-height:calc(100vh - 110px);margin:-18px -16px -24px;padding:18px 12px 24px}@media (width>=900px){.modal-wrap{min-height:100vh;margin:-26px -30px;padding:30px}}.modal{background:var(--sf);border-radius:12px;max-width:860px;margin:0 auto;padding:20px 18px;box-shadow:0 4px 24px #00000014}.modal h2{margin:0;font-size:20px}.modal .sub{color:var(--muted);margin:2px 0 14px;font-size:14px}.vehicle-row{border-bottom:1px dashed var(--bd);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.vehicle-row:last-child{border-bottom:0}.dialog-bg{z-index:50;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--sf);border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:420px;padding:18px;display:flex}.dialog h3{margin:0;font-size:17px}.confirm-text{background:var(--bg);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:60vh;margin:0;padding:10px 12px;font-size:14px;line-height:1.8;overflow-y:auto}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--bd);background:var(--sf);font:inherit;cursor:pointer;color:var(--ink);border-radius:999px;padding:5px 12px;font-size:13.5px}.chip.on{background:var(--p);color:var(--acc-br);border-color:var(--p)}.link-plain{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.ghost{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #444;border-radius:8px;margin-left:auto;padding:6px 12px;font-size:14px}.acts-inline{flex-wrap:wrap;gap:6px;display:flex}@media (width>=900px){.shell{background:linear-gradient(to right, var(--pd) 220px, var(--bg) 220px)}}.tbl .no{text-align:center;width:48px;color:var(--muted);font-variant-numeric:tabular-nums}@media (width<=699px){.tbl td.no{text-align:left;width:auto;padding-bottom:0;font-size:12px}.tbl td.no:before{margin-right:4px;display:inline}}.vehicle-edit{border-bottom:1px dashed var(--bd);padding:10px 0}.vehicle-edit:last-of-type{border-bottom:0}.vehicle-edit-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.radio{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.radio input{accent-color:var(--acc);width:16px;height:16px}.search-full{border:1px solid var(--bd);background:var(--sf);width:100%;font:inherit;border-radius:10px;margin-bottom:12px;padding:13px 16px;font-size:17px}.search-full:focus{outline:2px solid var(--acc);outline-offset:0}.status-chips{margin-bottom:12px}.status-chips .chip{padding:7px 15px;font-size:15px}.status-chips .chip.on{background:var(--pd);color:var(--acc-br);border-color:var(--pd)}.list-cap{margin:0 0 8px}.clist{background:var(--sf);border:1px solid var(--bd);border-radius:12px;margin:0 0 12px;padding:0;list-style:none;overflow:hidden}.clist li{border-bottom:1px solid var(--bd)}.clist li:last-child{border-bottom:0}.clist li.dim .crow{opacity:.55}.crow{all:unset;box-sizing:border-box;cursor:pointer;align-items:center;gap:12px;width:100%;padding:14px 18px;display:flex}.crow:hover{background:#fcfaf5}.cno{width:26px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.cmain{flex-wrap:wrap;flex:1;align-items:center;gap:4px 8px;min-width:0;display:flex}.cmain strong{font-size:16px;font-weight:600}.csub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;font-size:14.5px;overflow:hidden}.cside{color:var(--muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;font-size:15px;display:flex}.bcode{background:var(--pd);color:var(--acc-br);border-radius:6px;padding:1px 8px;font-size:12.5px;font-weight:600}.cupd{font-size:12px}.empty-card{text-align:center}@media (width<=599px){.crow{align-items:flex-start;gap:8px;padding:12px}.cno{width:18px;padding-top:2px}.cside{font-size:13.5px}.cupd{white-space:normal;text-align:right;max-width:120px;font-size:11px}}.head h2{align-self:center}.acct{grid-template-columns:max-content 1fr;gap:8px 18px;margin:0;display:grid}.acct dt{color:var(--muted)}.acct dd{margin:0;font-weight:500}.acct-sec{color:var(--muted);margin:18px 0 8px;font-size:15px;font-weight:500}.field input[type=date],.field input[type=time]{appearance:none;text-align:left;min-width:0;max-width:100%;min-height:44px;display:block}.field input::-webkit-date-and-time-value{text-align:left}.shell{overflow-x:clip}.main{min-width:0}.confirm-open{place-self:flex-start start}.book{background:var(--bg);justify-content:center;min-height:100vh;padding:28px 16px 32px;display:flex}.book-in{flex-direction:column;gap:14px;width:100%;max-width:440px;display:flex}.book-head{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.book-logo{background:var(--p);width:52px;height:52px;box-shadow:inset 0 0 0 3px var(--acc-br);border-radius:50%;margin-bottom:6px}.book-head b{color:var(--p);font-size:20px}.book-tag{color:var(--acc);font-size:13px}.book-line{background:var(--acc-br);width:52px;height:2px;margin:8px 0}.book-sub{color:var(--muted);font-size:14px}.book-card{background:var(--sf);border-radius:12px;flex-direction:column;gap:12px;padding:18px 16px;display:flex;box-shadow:0 4px 24px #0000000f}.book-card .error,.book-card .ok{margin:0}.book-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=360px){.book-grid{grid-template-columns:1fr}}.book-send{width:100%;padding:12px;font-size:16px}.book-branch{color:var(--muted);margin:-4px 0 0;font-size:13px}.book-staff{color:var(--muted);align-self:center;font-size:13px;text-decoration:underline}.book-done{text-align:center;align-items:center}.book-done>span{color:var(--muted);font-size:14px}.book-ref{letter-spacing:1px;color:var(--p);font-size:30px}.book-done small{color:var(--muted)}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.calls-form{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.calls-form .ok,.calls-form .error{margin:0}.calls{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.calls li{background:var(--sf);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.calls li p{overflow-wrap:anywhere;margin:0;font-size:14px}.calls-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.tel{min-height:32px;color:var(--p);text-underline-offset:3px;padding:6px 0;font-weight:600;text-decoration:underline;display:inline-block}.count{margin:0 0 8px}.count.err{color:var(--err);font-weight:500}.stat.kd .v{color:var(--acc)}.bars{margin-bottom:12px}.bars h4{margin:0 0 10px;font-size:15px}.bar-row{margin-bottom:9px}.bar-lbl{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:3px;font-size:13.5px;display:flex}.bar-track{background:var(--bd);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--p);border-radius:4px;min-width:2px;height:8px}.bar-fill.gold{background:var(--acc-br)}.bar-fill.acc{background:var(--acc)}.bars-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.bars-grid .bars{margin-bottom:0}.report-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.report-bar .count{margin:0}.export-bar{gap:6px;display:flex}@media print{@page{size:A4;margin:12mm}body,.shell,.main{background:#fff!important;margin:0!important;padding:0!important}.side,.mtop,.tabbar,.no-print,.dialog-bg,.head{display:none!important}.report-bar{margin-bottom:4px}.tbl{font-size:11.5px;border:1px solid #999!important;width:100%!important;display:table!important}.tbl thead{display:table-header-group!important}.tbl tbody{display:table-row-group!important}.tbl tr{break-inside:avoid;border:0!important;margin:0!important;padding:0!important;display:table-row!important}.tbl td,.tbl th{border-bottom:1px solid #ccc!important;width:auto!important;padding:4px 6px!important;display:table-cell!important}.tbl td[data-l]:before,.tbl .no-print{display:none!important}.tel{color:#000;min-height:0;padding:0;font-weight:500;text-decoration:none;font-size:inherit!important}.tbl td:not(.first){white-space:nowrap}.card,.stat{break-inside:avoid;box-shadow:none!important}.bar-fill,.bar-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.print-only{display:none}.r-filter{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.seg{border:1px solid var(--bd);background:var(--sf);border-radius:9px;flex-shrink:0;display:inline-flex;overflow:hidden}.seg button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;min-height:36px;padding:7px 12px;font-size:14px}.seg button+button{border-left:1px solid var(--bd)}.seg button.on{background:var(--p);color:var(--acc-br)}.seg.sm button{min-height:30px;padding:4px 10px;font-size:13px}.r-sel{border:1px solid var(--bd);background:var(--sf);color:var(--ink);border-radius:9px;min-height:36px;padding:7px 10px}.r-dates{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.r-dates input{border:1px solid var(--bd);background:var(--sf);border-radius:9px;padding:6px 8px}.r-basis{color:var(--muted);margin:0 0 10px;font-size:12.5px}.r-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.stat .n .up{color:var(--ok);font-weight:600}.stat .n .down{color:var(--err);font-weight:600}.r-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:12px;margin-bottom:12px;display:grid}.r-panel{min-width:0;padding:13px 14px}.r-panel h4{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 2px;font-size:15px;display:flex}.r-sub{color:var(--muted);margin:0 0 8px;font-size:12.5px}.r-chart{position:relative}.r-chart svg{touch-action:manipulation;display:block}.r-chart .r-grid{stroke:var(--bd);stroke-dasharray:2 3}.r-chart .r-base{stroke:var(--muted)}.r-chart .r-ax{fill:var(--muted);font-family:inherit;font-size:11px}.r-chart .r-val{fill:var(--ink);font-family:inherit;font-size:11.5px;font-weight:600}.r-bar{fill:var(--acc)}.r-bar.on{fill:#7a5d04}.r-tip{background:var(--p);color:#fff;white-space:nowrap;pointer-events:none;z-index:2;border-radius:8px;flex-direction:column;padding:6px 9px;font-size:12.5px;line-height:1.45;display:flex;position:absolute;top:4px;transform:translate(-50%)}.r-tip b{color:var(--acc-br);font-weight:600}.r-table{margin-top:6px;font-size:13px}.r-table summary{cursor:pointer;color:var(--acc);font-weight:500}.r-tblwrap{overflow-x:auto}.r-tbl{border-collapse:collapse;width:100%;font-size:13.5px}.r-tbl th,.r-tbl td{text-align:left;border-bottom:1px solid var(--bd);white-space:nowrap;padding:7px 8px}.r-tbl th{background:var(--acc-s);color:var(--acc);font-size:12.5px;font-weight:600}.r-tbl .num{text-align:right;font-variant-numeric:tabular-nums}.r-tbl tr.tot td{border-top:2px solid var(--bd);border-bottom:0;font-weight:600}.r-mix .r-mixset{margin-top:6px}.export-err{align-self:center;margin:0;padding:4px 8px;font-size:13px}@media (width<=899px){.r-grid{grid-template-columns:1fr}}@media (width<=699px){.r-kpis{grid-template-columns:1fr 1fr}.stat .v{font-size:22px}}.danger-zone{border-color:var(--err);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.danger-zone p{margin:2px 0 0;font-size:13px}.btn.danger{background:var(--err);color:#fff;border-color:var(--err)}.btn.danger:disabled{opacity:.45}.del-list{margin:0;padding-left:20px;line-height:1.8}h3.sec{margin:18px 0 8px;font-size:16px}.head h3.sec{margin:0}.price-form{flex-direction:column;gap:12px;display:flex}.price-form .ok,.price-form .error,.price-form .hint{margin:0}.price-wrap{padding:8px;overflow-x:auto}.price-grid{border-collapse:collapse;min-width:100%;font-size:14px}.price-grid th{text-align:left;white-space:nowrap;padding:6px;font-size:13px;font-weight:600}.price-grid tbody th{color:var(--p)}.price-grid td{padding:4px}.price-grid input{border:1px solid var(--bd);width:100%;min-width:84px;font:inherit;text-align:right;background:var(--sf);border-radius:8px;padding:8px}.price-grid input:focus{outline:2px solid var(--acc);border-color:var(--acc)}.price-grid .fee{background:var(--bg)}.price-grid th.fee{white-space:normal;min-width:96px}@media (width>=700px){.grid3{grid-template-columns:repeat(3,1fr)}}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:10px 0 14px;display:grid}.shop-grid h3{margin:0 0 10px}.shop-preview{background:var(--bg);border:1px dashed var(--bd);color:var(--ink);border-radius:8px;margin-top:6px;padding:8px 10px}.shop-preview pre{white-space:pre-wrap;word-break:break-word;font:inherit;margin:4px 0 0;font-size:13px}.branch-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.branch-bar .hint{flex:260px;margin:0}.pt-list{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.pt-list li{background:var(--bg);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.pt-list li.on{border-color:var(--acc)}.pt-who{all:unset;cursor:pointer;flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.pt-who:focus-visible{outline:2px solid var(--acc);border-radius:4px}.pt-num,.pt-big{color:var(--acc)}.pt-big{font-size:1.4em}.pt-done{white-space:nowrap;font-size:13px}.pt-br{white-space:nowrap;flex:none;font-size:14px}select.pt-br{border:1px solid var(--bd);background:var(--sf);color:var(--ink);font:inherit;border-radius:8px;padding:6px 8px;font-size:14px}@media (width<=699px){.pt-list li{flex-wrap:wrap}.pt-who{flex-basis:100%}}.pt-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pt-head h3{margin:0}.pt-actions{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.pt-actions .field{margin:0}.rewards{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:6px 0 14px;display:grid}.reward{border:1px solid var(--bd);text-align:center;background:var(--bg);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;display:flex}.reward>b{color:var(--acc);font-size:1.3rem}.reward.dim>b,.reward.dim>span{opacity:.55}.reward .btn{margin-top:6px}.pt-plus{color:var(--ok);font-weight:600}.pt-minus{color:var(--err);font-weight:600}.pt-hist{margin:6px 0 0;padding:0;list-style:none}.pt-hist li{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;gap:10px;padding:7px 2px;display:flex}.pt-hist li span{flex-direction:column;min-width:0;display:flex}.pt-hist small{font-size:12.5px}.small{font-size:13px}.pk-sec{margin:14px 0 8px}.pkg-card,.gift-card{margin-bottom:10px}.gift-card{border-left:4px solid var(--acc)}.pkg-card.dim,.gift-card.dim{opacity:.6}.pk-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pk-row>div:first-child{flex:220px;min-width:0}.pk-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.pk-bonus{color:var(--acc);margin-top:2px}.pud-grid{flex-wrap:wrap;gap:5px;margin:10px 0 4px;display:flex}.pud{border:1.5px solid var(--bd);width:26px;height:26px;color:var(--muted);background:var(--sf);border-radius:50%;justify-content:center;align-items:center;font-size:11.5px;font-weight:600;display:inline-flex}.pud.free{border-color:var(--acc);color:var(--acc)}.pud.used{background:var(--ok);border-color:var(--ok);color:#fff}.pud.used.free{background:var(--acc);border-color:var(--acc);color:#fff}.legend .pud{vertical-align:middle;width:18px;height:18px;margin-right:4px;font-size:10px}.use-log{margin:6px 0 0;padding:0;font-size:13px;list-style:none}.use-log li{border-top:1px dashed var(--bd);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:5px 0;display:flex}.install-card{margin:14px 0}.install-card h3{margin:0 0 8px}.install-steps{margin:0;padding-left:20px;line-height:1.8}.ok-text{color:var(--ok);margin:0}.loading.offline{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:60vh;padding:24px;display:flex}.loading.offline p{margin:0}.svc-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.round-dates{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.round-dates label{flex-direction:column;gap:2px;display:flex}.round-dates small{color:var(--muted);font-size:12.5px}.round-dates label.bad input{border-color:var(--err)}.btn.danger-text{color:var(--err);border-color:#c0463c59}.tile .tile-year{opacity:.8;margin-top:-2px;font-size:12px}.calls li{position:relative}.calls .call-del{position:absolute;bottom:10px;right:10px}.appt-bar{background:var(--acc-s);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:2px 0 10px;padding:8px 10px;display:flex}.appt-bar .lbl{color:var(--muted);font-size:13px}.appt-bar b{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14.5px;display:inline-flex}.appt-bar .old{opacity:.55;font-weight:400}.appt-bar .appt-btn{margin-left:auto}button.tile{font:inherit;cursor:pointer;border:2px solid #0000}button.tile:hover:not(:disabled),button.tile:focus-visible{border-color:var(--acc);outline:none}button.tile:disabled{cursor:default}.tile.cancelled{color:var(--muted);opacity:.6;background:#ece8e1}.tile .tile-old{opacity:.7;font-size:11.5px}.tile .tile-chip{background:#ffffff59;border-radius:20px;padding:0 8px;font-size:11.5px;font-weight:600}.tile .tile-miss{color:var(--err);background:#fff;border-radius:20px;padding:0 6px;font-size:11.5px;font-weight:600}.sheet{max-width:440px}.sheet-sub{margin:-4px 0 4px;font-size:14px}.big-act{text-align:left;width:100%;font:inherit;border:1px solid var(--bd);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;font-size:16px;display:flex}.big-act:hover:not(:disabled),.big-act:focus-visible{border-color:var(--acc);outline:none}.big-act small{color:var(--muted);font-size:13px;display:block}.big-act .ic{border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.ic.ok{background:var(--ok-s);color:var(--ok)}.ic.call{background:var(--acc-s);color:var(--acc)}.ic.miss{color:var(--muted);background:#ece8e1}.ic.move{background:var(--warn-s);color:var(--warn)}.ic.stop{background:var(--err-bg);color:var(--err)}.ic.reset{color:#2f5f93;background:#e3ecf7}.sheet textarea{font:inherit;border:1px solid var(--bd);background:var(--sf);color:var(--ink);resize:vertical;border-radius:10px;padding:8px 10px;font-size:15px}.sheet-edit-acts{flex-wrap:wrap}.sheet-edit-acts .grow{flex:1}.appt-tl{margin-top:8px;font-size:13.5px}.appt-tl ol{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.appt-tl li{grid-template-columns:88px 1fr;gap:8px;display:grid}.appt-tl time{color:var(--muted);font-variant-numeric:tabular-nums}.k-first{background:var(--acc-s);color:var(--acc)}.k-svc{color:#2f5f93;background:#e3ecf7}.coat-tbl .na-when{white-space:nowrap;margin-top:4px;font-weight:600;display:block}.coat-tbl td .badge+.na-when{margin-top:4px}.due-filter{flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 12px;display:flex}.due-filter .chip{padding:7px 15px;font-size:15px}.due-filter .chip.on.c-err{background:var(--err-bg);color:var(--err);border-color:var(--err)}.due-filter .chip.on.c-warn{background:var(--warn-s);color:var(--warn);border-color:var(--warn)}.due-filter .chip.on.c-ok{background:var(--ok-s);color:var(--ok);border-color:var(--ok)}.chip .n{text-align:center;min-width:12px;color:var(--muted);background:#ece8e1;border-radius:10px;margin-left:6px;padding:0 7px;font-size:12px;display:inline-block}.chip.on .n{color:inherit;background:#00000014}.status-chips .chip.on .n{background:#ffffff2e}.flabel{color:var(--muted);min-width:64px;font-size:13px}.coat-tbl .call-b{width:fit-content;margin-top:4px;display:block}.due-days{color:var(--muted);align-items:center;gap:6px;font-size:15px;display:inline-flex}.due-days input{width:84px;padding:6px 8px}.coat-tbl .nowrap{white-space:nowrap}.coat-tbl tr.row-link{cursor:pointer}.coat-tbl tr.row-link:hover td{background:var(--acc-s)}.jobcard.focus{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-s);scroll-margin-top:72px}.cust-tbl tr.row-link{cursor:pointer}.cust-tbl tr.row-link:hover td{background:var(--acc-s)}.cust-tbl .vline{white-space:nowrap;display:block}.cust-tbl .num{text-align:right}.cust-tbl .pts{color:var(--acc)}.cust-tbl .nowrap,.cust-tbl .cupd{white-space:nowrap}.cust-tbl td.first .badge{margin-left:6px}@media (width<=699px){.status-chips,.due-filter{scrollbar-width:none;flex-wrap:nowrap;margin-left:-16px;margin-right:-16px;padding:0 16px;overflow-x:auto}.status-chips::-webkit-scrollbar{display:none}.due-filter::-webkit-scrollbar{display:none}.status-chips{gap:6px;margin-bottom:8px}.due-filter{gap:6px;margin-top:0;margin-bottom:8px}.status-chips .chip,.due-filter .chip{flex:none;padding:5px 11px;font-size:14px}.flabel{flex:none;min-width:0;font-size:12.5px}.due-days{flex:none;font-size:14px}.due-days input{width:64px;padding:4px 6px}.cust-tbl tr,.coat-tbl tr{align-items:baseline;gap:1px 10px;margin-bottom:6px;padding:8px 10px;display:grid}.cust-tbl tr.row-link:hover td,.coat-tbl tr.row-link:hover td{background:0 0}.cust-tbl tr.row-link:hover,.coat-tbl tr.row-link:hover{background:var(--acc-s)}.cust-tbl td,.coat-tbl td{width:auto;min-width:0;padding:0;display:block}.cust-tbl td[data-l]:before,.coat-tbl td[data-l]:before{display:none}.cust-tbl td.no,.coat-tbl td.no{grid-area:no;padding:0;font-size:12px}.cust-tbl td.first,.coat-tbl td.first{grid-area:name}.cust-tbl tr{grid-template-columns:22px 1fr 1fr;grid-template-areas:"no name br"".phone pts"".plate model"".upd upd"}.cust-tbl .c-phone{grid-area:phone;font-size:14px}.cust-tbl .c-plate{grid-area:plate;font-size:14px}.cust-tbl .c-model{color:var(--muted);grid-area:model;font-size:14px}.cust-tbl .c-pts{color:var(--muted);grid-area:pts;justify-self:end;font-size:13px}.cust-tbl td.c-pts:before{content:"แต้ม ";color:var(--muted);font-size:12px;display:inline}.cust-tbl .c-br{grid-area:br;justify-self:end}.cust-tbl .c-upd{color:var(--muted);text-align:left;grid-area:upd;max-width:none;font-size:12px}.cust-tbl td.c-upd:before{content:"แก้ไขล่าสุด ";color:var(--muted);font-size:12px;display:inline}.cust-tbl .vline{text-overflow:ellipsis;overflow:hidden}.coat-tbl tr{grid-template-columns:22px 1fr auto;grid-template-areas:"no name name"".brand price"".next st"".br acts"}.coat-tbl td.first .sub{margin-left:8px;display:inline}.coat-tbl .c-brand{grid-area:brand;font-size:14px}.coat-tbl .c-brand .sub{font-size:12.5px}.coat-tbl .c-price{grid-area:price;justify-self:end;font-size:14px}.coat-tbl .c-next{flex-wrap:wrap;grid-area:next;align-items:center;gap:2px 6px;margin-top:3px;display:flex}.coat-tbl .c-next .na-when{margin:0;font-size:14px;display:inline}.coat-tbl .c-st{flex-wrap:wrap;grid-area:st;justify-content:flex-end;justify-self:end;gap:3px;margin-top:3px;display:flex}.coat-tbl .c-st .call-b{margin:0;display:inline-block}.coat-tbl .c-br{color:var(--muted);grid-area:br;align-self:center;font-size:13px}.coat-tbl .c-acts{grid-area:acts;justify-self:end;margin-top:4px}.coat-tbl .c-acts .btn.sm{padding:6px 10px}}.pt-wallets{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.pt-wallet{background:var(--sf);border:1px solid var(--bd);border-radius:12px;min-width:160px;padding:10px 16px}.pt-wallet small{color:var(--muted);font-size:13px;display:block}.pt-wallet b{color:var(--acc);font-size:26px}.pt-wallet.old b{color:var(--muted)}.pt-hist .num{text-align:right;white-space:nowrap;font-weight:600}.pt-hist .plus{color:var(--ok)}.pt-hist .minus{color:var(--err)}.pt-hist .nowrap{white-space:nowrap}@media (width<=699px){.pt-hist tr{grid-template-columns:auto 1fr auto;grid-template-areas:"when when pts""what what pts""br who pts";gap:1px 6px;margin-bottom:6px;padding:8px 10px;display:grid}.pt-hist td{width:auto;padding:0;display:block}.pt-hist td[data-l]:before{display:none}.pt-hist td.first{color:var(--muted);grid-area:when;font-size:13px}.pt-hist td[data-l=รายการ]{grid-area:what}.pt-hist td[data-l=สาขา]{color:var(--muted);grid-area:br;font-size:13px}.pt-hist td[data-l=ใครทำ]{color:var(--muted);grid-area:who;font-size:13px}.pt-hist td[data-l=ใครทำ]:before{content:"· ";display:inline}.pt-hist .num{grid-area:pts;align-self:center;font-size:18px}.rewards{grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 10px}.reward{gap:0;padding:6px;font-size:13px;line-height:1.35}.reward>b{font-size:1.1rem}.reward .btn{margin-top:4px}.jobcard{margin-bottom:8px;padding:10px 12px}.jobcard .meta{margin:2px 0 6px}.tiles{gap:6px}.tile{min-width:72px;padding:5px 6px;font-size:12.5px;line-height:1.3}.jobcard .last{margin-top:8px;padding-top:6px}.tbl .tel{font-size:15px}.jobcard-top{gap:4px 10px}.jobcard-top .btn.sm{padding:5px 10px}.appt-bar{margin:2px 0 8px;padding:6px 8px}.appt-bar .appt-btn{padding:5px 10px}}.list-foot{text-align:center;padding:12px 0 4px;font-size:13.5px}.list-foot .btn{margin-top:6px}.upd-bar{top:calc(66px + env(safe-area-inset-top));z-index:25;background:var(--acc-br);color:var(--pd);align-items:center;gap:10px;margin:-18px -16px 14px;padding:10px 14px;font-size:14px;display:flex;position:sticky}.upd-bar .t{flex:1;min-width:0;line-height:1.35}.upd-bar .t b{font-size:15px;font-weight:600;display:block}.upd-bar .t small{opacity:.8;font-size:12.5px}.upd-bar .go{font:inherit;background:var(--pd);color:var(--acc-br);cursor:pointer;white-space:nowrap;border:0;border-radius:9px;padding:8px 14px;font-size:14px;font-weight:600}.upd-bar .go:disabled{opacity:.6}.upd-bar .x{font:inherit;color:var(--pd);cursor:pointer;background:0 0;border:0;padding:4px;font-size:18px}.upd-done{margin:0 0 12px}.upd-force .dialog{text-align:center;align-items:stretch}.upd-force .ico{font-size:34px}.upd-force .vv{color:var(--muted);margin:0;font-size:14px}.upd-force .vv b{color:var(--acc)}.upd-force,.upd-ask{z-index:60}@media (width>=900px){.upd-bar{margin:-26px -30px 18px;padding:10px 30px;top:0}}.login .upd-bar,.book .upd-bar{border-radius:10px;margin:0 0 12px;position:static}.app-ver{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:2px 8px;margin:0;font-size:12px;display:flex}.app-ver b{color:var(--ink);font-weight:600}.app-ver .new{color:var(--acc);font-weight:600}.side-ver{color:#ffffff80;border-top:1px solid #ffffff1f;flex-direction:column;margin:12px 18px 0;padding-top:10px}.side-ver b{color:#fffc}.side-ver .new{color:var(--acc-br)}.sheet-ver{padding:10px 6px 0}.page-ver{text-align:center;justify-content:center;margin-top:18px}.upd-msg{color:var(--muted);margin:0;font-size:14px}.login-card .pk-btn{background:var(--gold);color:var(--dark);font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px;font-size:17px;font-weight:600;display:flex}.login-card .pk-btn span{font-size:20px}.login-card .pk-sub{text-align:center;color:var(--muted);margin:0;font-size:13px}.login-card .pk-or{color:var(--muted);align-items:center;gap:10px;margin:6px 0 0;font-size:13px;display:flex}.login-card .pk-or:before,.login-card .pk-or:after{content:"";background:var(--line);flex:1;height:1px}.pk-bg{z-index:55;display:block!important}.pk-sheet{z-index:56;background:var(--sf);text-align:center;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000040}.pk-sheet .grab{background:var(--bd);border-radius:4px;width:38px;height:4px;margin:0 auto 6px}.pk-sheet .big{font-size:38px;line-height:1}.pk-sheet h3{margin:0;font-size:18px}.pk-sheet .btn{width:100%;padding:11px;font-size:15px}.pk-sheet .pk-shared{color:var(--muted);font-size:13px;text-decoration:underline}@media (width>=900px){.pk-sheet{border-radius:16px;width:400px;padding-bottom:18px;bottom:50%;left:50%;right:auto;transform:translate(-50%,50%)}.pk-sheet .grab{display:none}}.pk-flash{margin:0 0 12px}.pk-card{flex-direction:column;gap:10px;display:flex}.pk-card .ok,.pk-card .error,.pk-card .muted{margin:0}.pk-list{margin:0;padding:0;list-style:none}.pk-list li{border-bottom:1px solid var(--bd);align-items:center;gap:10px;padding:9px 0;display:flex}.pk-list li:last-child{border-bottom:0}.pk-list .ic{font-size:22px}.pk-list .t{flex:1;min-width:0;font-size:15px;line-height:1.35}.pk-list .t small{color:var(--muted);font-size:12.5px;display:block}.pk-list .me{color:var(--ok);background:var(--ok-s);border-radius:10px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:600}.pk-other{font-size:13px}.pk-note{margin:6px 0 14px;font-size:13px}.pk-staff{margin-top:3px;display:block}.login .app-ver,.login .app-ver b{color:#ffffffb3}.gift-badge{vertical-align:middle;border:1px solid var(--acc);background:var(--acc-s);color:var(--acc);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:1px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.gift-badge:hover{background:var(--acc-br);color:var(--pd);border-color:var(--acc-br)}.stat .v small{color:var(--muted);font-size:13px;font-weight:500}