@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/58fcc4ad15255874-s.p.023jaxb4i0-q4.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/0752d9e9446886e3-s.37gff19qu_kpu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/477b48776687fc32-s.3frzesdy96z2h.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/e12efafcac952e69-s.p.3gt1gw19188hm.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e9ed0bc71a38d6c1-s.p.2m2jj329378-j.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7062a58b1da0e8a4-s.1hwnmpdlfbr5r.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3d0c37763e1ee3aa-s.436q8r5--eamd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a19976a16d351e92-s.p.41_1bbhnqcn3l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3836391c10060ce4-s.p.2ub5ob4yff_mt.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f35096588af3ac65-s.1mcy67zyrjken.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4ef4c2244410ddd5-s.1q60sed-n-nyg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6281857f0573b169-s.p.2ggoighzpvw-e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a0529e96a7862c0d-s.p.3w1e23hf7mhof.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e1a185165aeb6b39-s.3_tzb9xzdxfhl.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/aa5e8dae0d902b15-s.3sa03-u70a6zc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/22d7e241aeb09639-s.p.33ndw2snxq3le.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0bbfe7d70ca362ab-s.p.18qb6f14hcpif.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c9e7701bc8b3db09-s.2ckknpajidhx6.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fe9c9076d1cdc5cf-s.1kljupmg-52kq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/bcc136e7df79ae49-s.p.3vvwmya0_3z_s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun Fallback;src:local(Arial);ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:97.58%}.sarabun_215886ed-module__ohSAra__className{font-family:Sarabun,Sarabun Fallback;font-style:normal}.sarabun_215886ed-module__ohSAra__variable{--f-plex:"Sarabun", "Sarabun Fallback"}
:root{--font:var(--f-plex), "Sarabun", -apple-system, "Segoe UI", sans-serif;--bg:#f4f5f9;--bg-grad:radial-gradient(1200px 600px at 15% -10%, #e8ebff 0%, transparent 60%), radial-gradient(900px 500px at 100% 0%, #e2f6f4 0%, transparent 55%);--surface:#fff;--surface-2:#fafbfd;--surface-3:#f0f2f7;--line:#e4e7ef;--line-soft:#eef0f6;--text:#141824;--text-2:#5a6178;--text-3:#8a91a6;--brand:#4f46e5;--brand-2:#7c6cf6;--brand-soft:#eeecff;--ok:#0f9d76;--ok-soft:#e3f6f0;--warn:#d97706;--warn-soft:#fdf1de;--bad:#dc2c4b;--bad-soft:#fdeaee;--info:#0b7fd4;--info-soft:#e5f2fd;--sh-sm:0 1px 2px #1418240d, 0 1px 1px #14182408;--sh:0 4px 14px #1418240f, 0 1px 3px #1418240a;--sh-lg:0 24px 60px #14182429, 0 6px 18px #14182414;--r:14px;--r-sm:10px;--r-lg:20px}[data-theme=dark]{--bg:#0b0d14;--bg-grad:radial-gradient(1200px 600px at 15% -10%, #1a1d3a 0%, transparent 60%), radial-gradient(900px 500px at 100% 0%, #0e2a2c 0%, transparent 55%);--surface:#141824;--surface-2:#171c2a;--surface-3:#1e2434;--line:#262d40;--line-soft:#1e2434;--text:#eef1f8;--text-2:#a3abc2;--text-3:#6f7893;--brand:#7c6cf6;--brand-2:#a394ff;--brand-soft:#221f45;--ok:#2dd4a7;--ok-soft:#10312a;--warn:#f0a952;--warn-soft:#33260f;--bad:#ff6b86;--bad-soft:#3a1620;--info:#4bb0f5;--info-soft:#0d2740;--sh-sm:0 1px 2px #0006;--sh:0 4px 16px #0006;--sh-lg:0 24px 60px #0009}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);background-image:var(--bg-grad);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;transition:background-color .35s,color .35s}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:20px 20px 18px;display:flex}.brand .mark{background:linear-gradient(140deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff;letter-spacing:.5px;width:38px;height:38px;box-shadow:0 6px 16px -6px var(--brand);border-radius:11px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.brand b{font-size:14.5px;font-weight:600;line-height:1.25;display:block}.brand span{color:var(--text-3);font-size:11.5px;display:block}.nav{flex-direction:column;gap:7px;padding:12px;display:flex}.nav a{border-radius:var(--r-sm);color:var(--text-2);align-items:center;gap:12px;padding:11.5px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav a:hover{background:var(--surface-3);color:var(--text)}.nav a.on{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav a.on:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-12px}.nav a .ic{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.nav a .badge{background:var(--bad);color:#fff;border-radius:20px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.side-foot{border-top:1px solid var(--line-soft);margin-top:auto;padding:14px 16px}.me{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:linear-gradient(140deg,#0f9d76,#4bb0f5);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12.5px;font-weight:600;display:grid}.me b{font-size:12.8px;font-weight:600;display:block}.me span{color:var(--text-3);font-size:11px}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;align-items:center;gap:14px;padding:16px 28px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.2px;font-size:19px;font-weight:600}.topbar .sub{color:var(--text-3);margin-top:1px;font-size:12.5px}.spacer{flex:1}.search{background:var(--surface-3);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;width:270px;padding:8px 12px;transition:border-color .15s,background .15s;display:flex}.search:focus-within{border-color:var(--brand);background:var(--surface)}.search input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.search svg{width:15px;height:15px;stroke:var(--text-3);fill:none;stroke-width:1.8px}.iconbtn{background:var(--surface-3);width:36px;height:36px;color:var(--text-2);border-radius:10px;place-items:center;transition:all .15s;display:grid;position:relative}.iconbtn:hover{background:var(--brand-soft);color:var(--brand)}.iconbtn svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.dot{background:var(--bad);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.content{width:100%;max-width:none;padding:24px 28px 60px}.page{animation:.3s fade;display:none}.page.on{display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:16px 17px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.stat:hover{box-shadow:var(--sh);transform:translateY(-2px)}.stat:after{content:"";background:var(--c,var(--brand));width:3px;position:absolute;inset:0 auto 0 0}.stat .lbl{color:var(--text-3);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.stat .val{letter-spacing:-1px;margin-top:5px;font-size:29px;font-weight:600;line-height:1.1}.stat .val small{color:var(--text-3);letter-spacing:0;font-size:14px;font-weight:400}.stat .delta{color:var(--text-3);margin-top:5px;font-size:11.5px}.stat .delta b{color:var(--c,var(--brand));font-weight:600}.progwrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);margin-bottom:20px;padding:16px 18px}.progwrap .row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progwrap .row b{font-size:13.5px;font-weight:600}.progwrap .row span{color:var(--text-3);font-size:12.5px}.bar{background:var(--surface-3);border-radius:20px;height:9px;display:flex;overflow:hidden}.bar i{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);display:block}.legend{flex-wrap:wrap;gap:18px;margin-top:11px;display:flex}.legend span{color:var(--text-2);align-items:center;gap:6px;font-size:11.8px;display:flex}.legend i{border-radius:3px;width:8px;height:8px;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);color:var(--text-2);border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-size:12.8px;font-weight:500;transition:all .15s;display:flex}.chip:hover{border-color:var(--brand);color:var(--brand)}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 12px -4px var(--brand)}.chip .n{background:var(--surface-3);color:var(--text-3);border-radius:20px;padding:0 6px;font-size:11px;font-weight:600}.chip.on .n{color:#fff;background:#ffffff38}.btn{background:var(--brand);color:#fff;box-shadow:0 6px 16px -8px var(--brand);border-radius:10px;align-items:center;gap:7px;padding:8.5px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn.ghost{background:var(--surface);color:var(--text-2);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{border-color:var(--brand);color:var(--brand)}.btn svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.grid{grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.card:hover{box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--brand) 40%,var(--line));transform:translateY(-3px)}.card.done{opacity:.72}.card-top{gap:12px;padding:15px 16px 12px;display:flex}.ava{color:#fff;background:linear-gradient(140deg,var(--a1),var(--a2));border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:15px;font-weight:600;display:grid}.who{flex:1;min-width:0}.who b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;display:block;overflow:hidden}.who .meta{color:var(--text-3);flex-wrap:wrap;gap:7px;margin-top:2px;font-size:11.8px;display:flex}.who .meta em{color:var(--text-2);font-style:normal}.pill{white-space:nowrap;border-radius:20px;height:fit-content;padding:3px 9px;font-size:10.8px;font-weight:600}.pill.wait{background:var(--surface-3);color:var(--text-3)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.info{background:var(--info-soft);color:var(--info)}.symptom{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line-soft);color:var(--text-2);margin:0 16px 12px;padding:10px 12px;font-size:12.8px;line-height:1.55}.symptom b{color:var(--text);letter-spacing:.2px;margin-bottom:3px;font-size:11.5px;font-weight:600;display:block}.tags{flex-wrap:wrap;gap:6px;padding:0 16px 12px;display:flex}.tag{background:var(--surface-3);color:var(--text-2);border-radius:7px;align-items:center;gap:5px;padding:3.5px 9px;font-size:11px;display:flex}.tag.on{background:var(--ok-soft);color:var(--ok);font-weight:600}.card-foot{border-top:1px solid var(--line-soft);background:var(--surface-2);gap:8px;padding:11px 16px;display:flex}.card-foot .btn{flex:1;justify-content:center;padding:8px}.mini{flex:none;justify-content:center;width:36px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);overflow:hidden}.panel-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:15px 18px;display:flex}.panel-head b{font-size:14.5px;font-weight:600}.panel-head span{color:var(--text-3);font-size:12px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;letter-spacing:.4px;color:var(--text-3);background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 16px;font-size:11.2px;font-weight:600}td{border-bottom:1px solid var(--line-soft);color:var(--text-2);padding:12px 16px}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-2)}td b{color:var(--text);font-weight:600}.lnk{color:var(--brand);font-weight:500;text-decoration:none}.lnk:hover{text-decoration:underline}.two{grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:16px;display:grid}.chart{align-items:flex-end;gap:10px;height:210px;padding:18px 18px 0;display:flex}.col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.col .stack{border-radius:7px 7px 3px 3px;flex-direction:column-reverse;width:100%;max-width:38px;transition:all .5s;display:flex;overflow:hidden}.col .stack i{transition:height .6s cubic-bezier(.4,0,.2,1);display:block}.col small{color:var(--text-3);font-size:10.8px}.chart-foot{border-top:1px solid var(--line-soft);margin-top:14px;padding:12px 18px 16px}.donut{place-items:center;padding:22px 0 8px;display:grid}.donut .ring{background:conic-gradient(var(--ok) 0 72%, var(--warn) 72% 86%, var(--bad) 86% 100%);border-radius:50%;place-items:center;width:168px;height:168px;display:grid;position:relative}.donut .ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:20px}.donut .mid{z-index:1;text-align:center;position:relative}.donut .mid b{letter-spacing:-1px;font-size:27px;font-weight:600;display:block}.donut .mid span{color:var(--text-3);font-size:11.5px}.rows{padding:6px 18px 18px}.rows .r{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:8px 0;font-size:12.8px;display:flex}.rows .r:last-child{border:none}.rows .r i{border-radius:3px;width:9px;height:9px}.rows .r b{color:var(--text);margin-left:auto;font-weight:600}.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#0a0c148c;place-items:center;padding:24px;display:none;position:fixed;inset:0}.scrim.on{animation:.2s fade;display:grid}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(620px,100%);max-height:88vh;box-shadow:var(--sh-lg);animation:.26s cubic-bezier(.2,.9,.3,1.2) pop;overflow:auto}@keyframes pop{0%{opacity:0;transform:scale(.95)translateY(14px)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:13px;padding:20px 22px 16px;display:flex}.modal-head h3{font-size:16.5px;font-weight:600}.modal-head p{color:var(--text-3);margin-top:3px;font-size:12.5px}.modal-body{padding:20px 22px}.fld{margin-bottom:18px}.fld>label{color:var(--text-2);margin-bottom:8px;font-size:12.3px;font-weight:600;display:block}.fld>label em{color:var(--bad);font-style:normal}.opts{grid-template-columns:1fr 1fr;gap:9px;display:grid}.opt{border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface-2);text-align:left;align-items:center;gap:10px;padding:13px;transition:all .15s;display:flex}.opt:hover{border-color:var(--text-3)}.opt.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 14%,transparent)}.opt .ci{background:var(--surface-3);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;transition:all .15s;display:grid}.opt.on .ci{background:var(--c);color:#fff}.opt .ci svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.opt b{font-size:13px;font-weight:600;display:block}.opt span{color:var(--text-3);font-size:11px}.checks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chk{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);align-items:center;gap:9px;padding:10px 12px;font-size:12.6px;transition:all .15s;display:flex}.chk:hover{border-color:var(--text-3)}.chk.on{border-color:var(--ok);background:var(--ok-soft);color:var(--ok);font-weight:600}.chk .box{border:1.8px solid var(--line);background:var(--surface);border-radius:6px;flex:none;place-items:center;width:18px;height:18px;display:grid}.chk.on .box{background:var(--ok);border-color:var(--ok)}.chk .box svg{stroke:#fff;fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:11px;height:11px}.chk.on .box svg{opacity:1}select,textarea,.inp{border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface-2);resize:vertical;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:all .15s}select:focus,textarea:focus,.inp:focus{border-color:var(--brand);background:var(--surface)}.ro{border-radius:var(--r-sm);background:var(--surface-3);border:1px dashed var(--line);color:var(--text-2);padding:11px 13px;font-size:13px;line-height:1.6}.hint{color:var(--text-3);align-items:center;gap:6px;margin-top:7px;font-size:11.5px;display:flex}.modal-foot{border-top:1px solid var(--line-soft);background:var(--surface-2);gap:9px;padding:15px 22px;display:flex;position:sticky;bottom:0}.modal-foot .btn{flex:1;justify-content:center;padding:11px}.interrupt{z-index:95;background:var(--surface);border:1.5px solid var(--ok);border-radius:var(--r);width:min(660px,94vw);box-shadow:var(--sh-lg),0 0 0 5px color-mix(in srgb,var(--ok) 12%,transparent);align-items:center;gap:13px;padding:12px 14px;transition:transform .4s cubic-bezier(.2,.9,.3,1.2);display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%,-160%)}.interrupt.on{animation:2.2s ease-in-out infinite nudge;transform:translate(-50%)}@keyframes nudge{0%,92%,to{box-shadow:var(--sh-lg),0 0 0 5px color-mix(in srgb,var(--ok) 12%,transparent)}96%{box-shadow:var(--sh-lg),0 0 0 11px color-mix(in srgb,var(--ok) 20%,transparent)}}.interrupt .ava{border-radius:11px;width:40px;height:40px;font-size:15px}.interrupt b{font-size:13.8px;font-weight:600;display:block}.interrupt span{color:var(--text-3);margin-top:2px;font-size:11.8px;display:block}.interrupt .btn{background:var(--ok);box-shadow:0 6px 16px -8px var(--ok);flex:none;margin-left:auto}.toast{background:var(--text);color:var(--bg);box-shadow:var(--sh-lg);z-index:100;border-radius:12px;align-items:center;gap:9px;padding:12px 20px;font-size:13.2px;font-weight:500;transition:transform .35s cubic-bezier(.2,.9,.3,1.2);display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,140%)}.toast.on{transform:translate(-50%)}.note{border-radius:var(--r);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);color:var(--brand);gap:10px;margin-bottom:20px;padding:13px 16px;font-size:12.6px;line-height:1.6;display:flex}.note b{font-weight:600}.qbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);align-items:center;gap:16px;margin-bottom:16px;padding:15px 18px;display:flex}.qbar.live{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--ok) 7%,var(--surface)),var(--surface) 40%)}.qstat{align-items:center;gap:12px;display:flex}.qstat b{font-size:14.5px;font-weight:600;display:block}.qstat span{color:var(--text-3);font-size:12.2px}.ring-live{background:var(--text-3);border-radius:50%;flex:none;width:11px;height:11px}.qbar.live .ring-live{background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:1.8s infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 11px #0000}to{box-shadow:0 0 #0000}}.qcount{text-align:right;margin-left:auto}.qcount b{letter-spacing:-1px;font-size:24px;font-weight:600}.qcount span{color:var(--text-3);margin-left:3px;font-size:12px}.now{overflow:visible}.now .spacer{flex:1}.nowbody{padding:0}.empty{text-align:center;place-items:center;gap:7px;padding:52px 20px;display:grid}.empty b{font-size:14.5px}.empty span{color:var(--text-3);max-width:320px;font-size:12.3px;line-height:1.6}.empty.small{padding:22px}.bignow{padding:20px 22px}.bigrow{align-items:center;gap:15px;margin-bottom:15px;display:flex}.bigrow .ava{border-radius:16px;width:60px;height:60px;font-size:21px}.bigname{letter-spacing:-.4px;font-size:23px;font-weight:600;line-height:1.2}.bigmeta{color:var(--text-3);margin-top:4px;font-size:12.8px}.cd{text-align:center;background:var(--warn-soft);color:var(--warn);border-radius:12px;margin-left:auto;padding:9px 15px}.cd b{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;display:block}.cd span{font-size:10.5px;font-weight:500}.linebox{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line-soft);color:var(--text-2);align-items:center;gap:11px;margin-bottom:13px;padding:12px 14px;font-size:12.8px;display:flex}.linebox .st{font-weight:600}.linebox.ready{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 25%,transparent);color:var(--ok)}.linebox.sendbox{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 30%,transparent);color:var(--info);padding:10px 12px}.linebox.waiting{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 25%,transparent);color:var(--warn)}.tip{color:var(--text-3);margin-left:auto;font-size:11.8px}.greetbox{border:1px solid color-mix(in srgb,var(--brand) 28%,transparent);background:var(--brand-soft);border-radius:var(--r-sm);margin-bottom:13px;padding:12px 14px}.greet-head{color:var(--brand);align-items:center;gap:9px;font-size:12.8px;display:flex}.greet-head b{font-weight:600}.greet-msg{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);color:var(--text);white-space:pre-line;margin:10px 0 11px;padding:11px 13px;font-size:13.2px;line-height:1.75}.greet-acts{gap:9px;display:flex}.greet-acts .btn{flex:1;justify-content:center;padding:10px}.loginwrap{place-items:center;min-height:100vh;padding:24px;display:grid}.logincard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:400px;box-shadow:var(--sh-lg);padding:28px 26px}.loginhead{align-items:center;gap:13px;margin-bottom:24px;display:flex}.loginhead .mark{background:linear-gradient(140deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff;letter-spacing:.5px;width:46px;height:46px;box-shadow:0 8px 20px -8px var(--brand);border-radius:13px;flex:none;place-items:center;font-size:16px;font-weight:700;display:grid}.loginhead b{font-size:16px;font-weight:600;line-height:1.3;display:block}.loginhead span{color:var(--text-3);margin-top:2px;font-size:11.8px;display:block}.lfld{margin-bottom:15px;display:block}.lfld span{color:var(--text-2);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.lfld input{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);outline:none;width:100%;padding:11px 13px;font-size:14px;transition:border-color .15s,background .15s}.lfld input:focus{border-color:var(--brand);background:var(--surface)}.lremember{cursor:pointer;align-items:flex-start;gap:10px;margin:4px 0 18px;display:flex}.lremember input{border:1.6px solid var(--line);background:var(--surface-2);cursor:pointer;appearance:none;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;transition:all .15s;display:grid}.lremember input:after{content:"";opacity:0;border-bottom:2.2px solid #fff;border-left:2.2px solid #fff;width:9px;height:5px;transition:opacity .12s;transform:rotate(-45deg)translate(1px,-1.5px)}.lremember input:checked{background:var(--brand);border-color:var(--brand)}.lremember input:checked:after{opacity:1}.lremember span{color:var(--text-3);font-size:12px;line-height:1.55}.lremember b{color:var(--text-2);font-size:12.8px;font-weight:600;display:block}.lerr{background:var(--bad-soft);color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 25%,transparent);border-radius:var(--r-sm);margin-bottom:14px;padding:10px 12px;font-size:12.5px;line-height:1.6}.lnote{color:var(--text-3);text-align:center;margin-top:16px;font-size:11.5px;line-height:1.6}.greet{color:var(--brand);white-space:nowrap;font-size:12.8px;font-weight:600}.daybar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px;padding:11px 14px;display:flex}.daybar input[type=date]{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);outline:none;padding:8px 12px;font-size:13.5px;font-weight:600;transition:border-color .15s}.daybar input[type=date]:focus{border-color:var(--brand)}.daynote{color:var(--text-3);font-size:12.5px}table.wide td{vertical-align:middle}table.wide .ctr,table.wide th.ctr{text-align:center}tr.rowdone td{background:color-mix(in srgb,var(--ok) 4%,transparent)}.stsel{cursor:pointer;appearance:none;text-overflow:ellipsis;border:1px solid #0000;border-radius:20px;outline:none;width:100%;min-width:118px;padding:5px 12px;font-size:12.3px;font-weight:600;transition:all .15s}.stsel:focus{border-color:var(--brand)}.stsel.ok{background:var(--ok-soft);color:var(--ok)}.stsel.bad{background:var(--bad-soft);color:var(--bad)}.stsel.wait{background:var(--surface-3);color:var(--text-3)}.stsel option{background:var(--surface);color:var(--text);font-weight:500}.setlist{flex-direction:column;display:flex}.setrow{border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;padding:13px 16px;display:flex}.setrow:last-child{border-bottom:none}.setrow>div{flex:auto;min-width:190px}.setrow b{font-size:13.2px;font-weight:600;display:block}.setrow span{color:var(--text-3);margin-top:2px;font-size:11.8px;line-height:1.5;display:block}.setrow input[type=time],.setrow select,.setrow textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);outline:none;flex:none;width:140px;max-width:45%;padding:8px 11px;font-size:13px;transition:border-color .15s}.setrow input[type=time]:focus,.setrow select:focus,.setrow textarea:focus{border-color:var(--brand)}.setrow textarea{resize:vertical;width:100%;max-width:100%;line-height:1.7}@media (max-width:1180px){.setrow{flex-wrap:wrap}.setrow>div{min-width:100%}.setrow input[type=time],.setrow select{max-width:100%}}.setrow code{background:var(--surface-3);border-radius:5px;padding:1px 5px;font-size:11px}.sw{background:var(--surface-3);border:1px solid var(--line);border-radius:20px;flex:none;width:44px;height:25px;transition:all .18s;position:relative}.sw:after{content:"";background:var(--surface);width:19px;height:19px;box-shadow:var(--sh-sm);border-radius:50%;transition:all .18s;position:absolute;top:2px;left:2px}.sw.on{background:var(--ok);border-color:var(--ok)}.sw.on:after{background:#fff;left:21px}.acts{gap:9px;margin-top:16px;display:flex}.acts .btn{flex:1;justify-content:center;padding:12px}.warmlist{flex-direction:column;gap:7px;padding:8px 12px 12px;display:flex}.wrow{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line-soft);align-items:center;gap:10px;padding:9px 11px;display:flex}.wrow .ava{border-radius:9px;width:32px;height:32px;font-size:12.5px}.wrow b{font-size:13px;font-weight:600;display:block}.wrow span{color:var(--text-3);font-size:11.2px}.wrow .pill{margin-left:auto}.wrow.replied{border-color:var(--ok);background:var(--ok-soft)}.wrow.replied span{color:var(--ok);font-weight:600}.wrow.due{border-color:var(--warn);background:var(--warn-soft);animation:1.6s infinite blink}.wrow.due span{color:var(--warn);font-weight:600}@keyframes blink{50%{border-color:color-mix(in srgb,var(--warn) 35%,transparent)}}.rounds{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line-soft);align-items:center;gap:7px;margin-bottom:13px;padding:11px 14px;display:flex}.rlbl{color:var(--text-3);margin-right:4px;font-size:12px;font-weight:500}.rdot{background:var(--surface-3);width:24px;height:24px;color:var(--text-3);border:1.5px solid #0000;border-radius:50%;place-items:center;font-size:11.5px;font-weight:600;display:grid}.rdot.done{background:var(--bad-soft);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,transparent)}.rdot.now{background:var(--brand);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.rounds i{background:var(--line);width:12px;height:1.5px;display:block}.rtxt{color:var(--text-3);margin-left:8px;font-size:11.8px}.rtxt b{color:var(--text);font-weight:600}.lname{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.tagname{color:var(--text-3);letter-spacing:.3px;font-size:10.5px;font-weight:600}.lname code,.cname{color:var(--brand);background:var(--brand-soft);border:1px dashed color-mix(in srgb,var(--brand) 35%,transparent);border-radius:7px;padding:3px 10px;font-family:IBM Plex Sans Thai,monospace;font-size:13px;font-weight:600}.cname{padding:2px 8px;font-size:12.3px}.cbtn{vertical-align:middle;background:var(--surface-3);width:26px;height:26px;color:var(--text-3);border-radius:7px;place-items:center;margin-left:6px;transition:all .15s;display:inline-grid}.cbtn:hover{background:var(--brand);color:#fff}.cbtn svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.lname .btn svg{width:13px;height:13px}td.nw{white-space:nowrap}@media (max-width:1080px){.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media (max-width:820px){.app{grid-template-columns:1fr}.side{display:none}.content{padding:18px}.opts,.checks{grid-template-columns:1fr}.search{display:none}}