*{box-sizing:border-box;margin:0;padding:0}:root{--brand:#c1272d;--brand-d:#9b1f24;--brand-l:#e0484d;--brand-bg:#fdf3f3;--brand-rgb:193,39,45;--brand-solid:#c1272d;--brand-solid-d:#9b1f24;--brand-fg:#9b1f24;--ink:#17110f;--ink-2:#463b39;--ink-3:#776866;--ink-4:#7d6d69;--line:#ece4e3;--line-2:#d9cbc9;--bg:#faf7f6;--card:#ffffff;--nav-bg:linear-gradient(180deg,#c1272d 0%,#9b1f24 100%);--nav-ink:rgba(255,255,255,.88);--nav-ink-2:rgba(255,255,255,.85);--nav-line:rgba(255,255,255,.16);--nav-hover:rgba(255,255,255,.13);--nav-active-bg:#ffffff;--nav-active-ink:#9b1f24;--red:#b91c1c;--red-bg:#fef2f2;--amber:#b45309;--amber-bg:#fffbeb;--green:#047857;--green-bg:#ecfdf5;--blue:#2563eb;--blue-bg:#eff6ff;--violet:#7c3aed;--violet-bg:#f5f3ff;--pink:#db2777;--gray:#94a3b8;--teal:var(--brand);--red-fg:var(--red);--amber-fg:var(--amber);--green-fg:var(--green);--blue-fg:var(--blue);--violet-fg:var(--violet);--toast-bg:#17110f;--scrim:rgba(23,17,15,.5);--sh:0 1px 2px rgba(23,17,15,.06),0 1px 3px rgba(23,17,15,.04);--sh-md:0 4px 6px -1px rgba(23,17,15,.07),0 2px 4px -2px rgba(23,17,15,.05);--sh-lg:0 20px 25px -5px rgba(23,17,15,.1),0 8px 10px -6px rgba(23,17,15,.06);--r-mark:4px;--r-sm:8px;--r-ctl:9px;--r:10px;--r-lg:14px;--r-xl:16px;--r-pill:20px;--side:250px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:25px;--text-3xl:31px}html[data-theme=dark]{--brand:#e5555a;--brand-d:#c1272d;--brand-l:#f0787c;--brand-bg:#2c1517;--brand-rgb:229,85,90;--ink:#f7f1f0;--ink-2:#d6c8c6;--ink-3:#a08f8c;--ink-4:#9c8b87;--red-fg:#fca5a5;--amber-fg:#fcd34d;--green-fg:#6ee7b7;--blue-fg:#93c5fd;--violet-fg:#a78bfa;--brand-fg:#f0787c;--line:#2a2021;--line-2:#3d2f30;--bg:#120d0e;--card:#1c1517;--nav-bg:linear-gradient(180deg,#2a1214 0%,#1a0d0e 100%);--nav-ink:rgba(255,255,255,.82);--nav-ink-2:rgba(255,255,255,.5);--nav-line:rgba(255,255,255,.1);--nav-hover:rgba(229,85,90,.18);--nav-active-bg:#c1272d;--nav-active-ink:#ffffff;--red-bg:#2a1416;--amber-bg:#2a2010;--green-bg:#0c2620;--blue-bg:#101c33;--violet-bg:#1c1533;--toast-bg:#000000;--scrim:rgba(0,0,0,.6)}body{font-family:Sarabun,Noto Sans Thai,IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--ink);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--brand);text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-sm);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}#app{display:flex;min-height:100dvh}.skip{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-200%);padding:11px 16px;border-radius:var(--r);background:var(--brand-solid);color:#fff;font-size:var(--text-sm);font-weight:700;box-shadow:var(--sh-lg)}.skip:focus{transform:none}.content:focus{outline:none}#sidebar{width:var(--side);flex:0 0 var(--side);background:var(--nav-bg);border-right:1px solid var(--nav-line);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:60;transition:transform .25s ease;color:var(--nav-ink)}#main{flex:1;margin-left:var(--side);min-width:0;display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){#sidebar,#main{transition:none}}.brand{padding:16px 18px;border-bottom:1px solid var(--nav-line);display:flex;align-items:center;gap:11px}.brand-logo{width:38px;height:38px;border-radius:var(--r);flex:0 0 38px;background:linear-gradient(135deg,var(--brand-solid),var(--brand-solid-d));display:grid;place-items:center;color:#fff;font-weight:800;font-size:var(--text-md);letter-spacing:-.5px;box-shadow:0 4px 10px rgba(var(--brand-rgb),.3)}#sidebar .brand-logo{background:#fff;color:var(--brand-d);box-shadow:0 4px 10px #0000002e}.brand-txt strong{display:block;font-size:var(--text-md);font-weight:700;letter-spacing:-.2px;line-height:1.25}#sidebar .brand-txt strong{color:#fff}.brand-txt span{display:block;font-size:var(--text-xs);color:var(--ink-3);letter-spacing:.3px;text-transform:uppercase}#sidebar .brand-txt span{color:var(--nav-ink-2)}.nav{flex:1;overflow-y:auto;padding:12px 10px 20px}.nav-group{margin-top:14px}.nav-group:first-child{margin-top:0}.nav-label{font-size:var(--text-xs);font-weight:700;color:var(--nav-ink-2);letter-spacing:.7px;text-transform:uppercase;padding:0 10px 6px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:8.5px 10px;border-radius:var(--r-ctl);color:var(--nav-ink);font-size:var(--text-md);font-weight:500;text-align:left;transition:all .13s;margin-bottom:1px}.nav-txt{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:var(--nav-hover);color:#fff}.nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-ink);font-weight:700;box-shadow:0 2px 8px #00000029}#sidebar ::-webkit-scrollbar-thumb{background:#ffffff40;border-color:transparent}#sidebar ::-webkit-scrollbar-thumb:hover{background:#fff6}.side-foot{padding:10px 12px;border-top:1px solid var(--nav-line);font-size:var(--text-xs);color:var(--nav-ink-2);line-height:1.5}.side-ver{color:var(--nav-ink-2);opacity:.82;user-select:text;-webkit-user-select:text;font-variant-numeric:tabular-nums}svg.ic{width:16px;height:16px;flex:0 0 16px}.nav-item .ic{width:17px;height:17px;flex:0 0 17px;opacity:.9}.fsec svg.ic{width:14px;height:14px;flex:0 0 14px}.kpi-t svg.ic{width:14px;height:14px;flex:0 0 14px;opacity:.75}.nav-item .badge{margin-left:auto;background:#0000002e;color:#fff;font-size:var(--text-xs);font-weight:700;padding:1px 6px;border-radius:var(--r-pill);min-width:20px;text-align:center}.nav-item.active .badge{background:var(--brand-solid);color:#fff}.nav-item.alert .badge{background:#fff;color:var(--brand-d)}.nav-item.active.alert .badge{background:var(--brand-solid);color:#fff}.topbar{height:58px;background:var(--card);border-bottom:2px solid var(--brand);display:flex;align-items:center;gap:12px;padding:0 20px;position:sticky;top:0;z-index:50}.topbar h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .sub{font-size:var(--text-xs);color:var(--ink-3);font-weight:400}.topbar-sp{flex:1}.icon-btn{width:34px;height:34px;border-radius:var(--r-ctl);display:grid;place-items:center;color:var(--ink-2);border:1px solid var(--line);background:var(--card);transition:all .13s;flex:0 0 auto}.icon-btn:hover{background:var(--bg);color:var(--ink);border-color:var(--line-2)}#menuBtn{display:grid}.lang-sw{display:flex;border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden;height:34px}.lang-sw button{padding:0 11px;font-size:var(--text-xs);font-weight:700;color:var(--ink-3);transition:all .13s}.lang-sw button.on{background:var(--brand-solid);color:#fff}.content{padding:20px;flex:1;max-width:1600px;width:100%}.page{display:none}.page.on{display:block;animation:fade .22s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh)}.card-h{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-h h3{font-size:var(--text-md);font-weight:700;letter-spacing:-.2px}.card-h .hint{font-size:var(--text-xs);color:var(--ink-3);font-weight:400}.card-b{padding:16px}.grid{display:grid;gap:14px}.g-kpi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.g-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.g-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mt{margin-top:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 16px;box-shadow:var(--sh);position:relative;overflow:hidden}.kpi-t{font-size:var(--text-xs);color:var(--ink-3);font-weight:600;letter-spacing:.2px;display:flex;align-items:center;gap:6px}.kpi-t svg.ic{color:var(--k,var(--brand));opacity:1}.kpi-v{font-size:var(--text-3xl);font-weight:800;letter-spacing:-1px;margin-top:5px;line-height:1.05;color:var(--ink)}.kpi-v small{font-size:var(--text-sm);font-weight:600;color:var(--ink-3);letter-spacing:0}.kpi-s{font-size:var(--text-xs);color:var(--ink-3);margin-top:3px}.kpi-s b{color:var(--k,var(--brand))}.g-kpi-4{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.g-kpi-4>.kpi{display:flex;flex-direction:column;padding:clamp(13px,1.1vw,20px) clamp(14px,1.2vw,22px)}.g-kpi-4 .kpi-t{font-size:clamp(var(--text-xs),.85vw,var(--text-sm))}.g-kpi-4 .kpi-v{font-size:clamp(var(--text-2xl),1.9vw,var(--text-3xl));margin-top:6px}.g-kpi-4 .kpi-s{font-size:clamp(var(--text-xs),.8vw,var(--text-sm));margin-top:auto;padding-top:6px}@media(max-width:1450px)and (min-width:1181px){.g-kpi-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1180px){.g-kpi-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.g-kpi-4{grid-template-columns:1fr}}.bg{display:inline-flex;align-items:center;gap:5px;padding:2.5px 9px;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:600;white-space:nowrap;line-height:1.5}.bg .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 6px}.bg-gray{background:var(--line);color:var(--ink-2)}.bg-blue{background:var(--blue-bg);color:var(--blue-fg)}.bg-green{background:var(--green-bg);color:var(--green-fg)}.bg-amber{background:var(--amber-bg);color:var(--amber-fg)}.bg-red{background:var(--red-bg);color:var(--red-fg)}.bg-violet{background:var(--violet-bg);color:var(--violet-fg)}.bg-teal{background:var(--brand-bg);color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--r-ctl);font-size:var(--text-sm);font-weight:600;border:1px solid var(--line);background:var(--card);color:var(--ink-2);transition:all .13s;white-space:nowrap}.btn:hover{background:var(--bg);border-color:var(--line-2)}.btn-p{background:var(--brand-solid);border-color:var(--brand-solid);color:#fff;box-shadow:0 2px 6px rgba(var(--brand-rgb),.25)}.btn-p:hover{background:var(--brand-d);border-color:var(--brand-d)}.btn-d{color:var(--red-fg);border-color:var(--line)}.btn-d:hover{background:var(--red-bg);border-color:var(--red)}.btn-sm{padding:5px 10px;font-size:var(--text-xs);border-radius:var(--r-sm)}.btn svg{width:15px;height:15px}.tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.tools-lb{font-size:var(--text-xs);font-weight:600;color:var(--ink-3)}.search{position:relative;flex:1;min-width:200px;max-width:380px}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-4)}.search input{width:100%;padding:8.5px 12px 8.5px 34px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--card);outline:none;transition:all .13s;font-size:var(--text-sm)}.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.11)}select.f,input.f{padding:8.5px 11px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--card);outline:none;font-size:var(--text-sm);max-width:210px;transition:all .13s}select.f:focus,input.f:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.11)}.tw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--sh)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm);white-space:nowrap}thead th{background:var(--bg);padding:0;text-align:left;font-weight:700;font-size:var(--text-xs);color:var(--ink-3);letter-spacing:.3px;border-bottom:1px solid var(--line);text-transform:uppercase;position:sticky;top:0;z-index:2;-webkit-user-select:none;user-select:none}.th-sort{display:flex;align-items:center;gap:4px;width:100%;padding:10px 11px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:none;text-align:inherit;cursor:pointer}th.num .th-sort{justify-content:flex-end}thead th.nos{padding:10px 11px;cursor:default}.th-sort:hover{color:var(--ink)}.th-sort:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--brand)}.th-sort .ic{opacity:.35;flex:0 0 12px}thead th.sorted .th-sort{color:var(--ink)}thead th.sorted .th-sort .ic{opacity:1;color:var(--brand)}tbody td{padding:10px 11px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg)}tbody tr.clickable{cursor:pointer}tbody tr.clickable:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;background:var(--brand-bg)}td.wrap{white-space:normal;min-width:200px;max-width:340px}td.num{text-align:right;font-variant-numeric:tabular-nums}th.num{text-align:right}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--text-xs);color:var(--ink-3)}.row-act{display:flex;gap:4px;justify-content:flex-end}.ib{width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-3);transition:all .13s}.ib:hover{background:var(--line);color:var(--ink)}.ib.del:hover{background:var(--red-bg);color:var(--red-fg)}.ib svg{width:15px;height:15px}.empty{padding:52px 20px;text-align:center;color:var(--ink-3)}.empty svg{width:40px;height:40px;opacity:.28;margin-bottom:10px}.empty p{font-size:var(--text-md)}.pager{display:flex;align-items:center;gap:8px;padding:11px 14px;border-top:1px solid var(--line);flex-wrap:wrap}.pager .info{font-size:var(--text-sm);color:var(--ink-3)}.pager .sp{flex:1}.pg{min-width:31px;height:31px;padding:0 8px;border-radius:var(--r-sm);border:1px solid var(--line);font-size:var(--text-sm);font-weight:600;color:var(--ink-2);background:var(--card)}.pg:hover:not(:disabled){background:var(--bg)}.pg.on{background:var(--brand-solid);border-color:var(--brand-solid);color:#fff}.btn:focus-visible,.icon-btn:focus-visible,.ib:focus-visible,.pg:focus-visible,.tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.nav-item:focus-visible{outline:2px solid #fff;outline-offset:-2px}.pg:disabled{opacity:.4;cursor:not-allowed}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:none;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}.ov.on{display:flex}.modal{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:100%;max-width:820px;animation:pop .2s ease;margin:auto}.modal:focus{outline:none}@media(pointer:coarse){.m-h .icon-btn,.m-act .icon-btn{width:44px;height:44px}.m-f .btn{min-height:44px}}@media(pointer:coarse){.nav-item,.tabs button{min-height:44px}.topbar .icon-btn{width:44px;height:44px}.lang-sw{height:44px}.lang-sw button{min-height:44px;min-width:44px;padding:0 14px}.search input,select.f,input.f,.tools .btn{min-height:44px}.pg{min-width:44px;height:44px}.pager select.f{min-height:44px}.cards-sort .ib{width:44px;height:44px}.cards-sort select{min-height:44px}}.modal.sm{max-width:440px}.modal.lg{max-width:1080px}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:none}}.m-h{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;position:sticky;top:0;background:var(--card);border-radius:var(--r-xl) var(--r-xl) 0 0;z-index:3}.m-h h3{font-size:var(--text-lg);font-weight:700;letter-spacing:-.2px;flex:1}.m-act{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.icon-btn.del:hover{background:var(--red-bg);color:var(--red-fg);border-color:var(--red)}.m-h .sub{font-size:var(--text-xs);color:var(--ink-3);font-weight:400;display:block;margin-top:1px}.m-b{padding:20px;max-height:calc(100dvh - 210px);overflow-y:auto}.m-f{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:9px;justify-content:flex-end;position:sticky;bottom:0;background:var(--card);border-radius:0 0 var(--r-xl) var(--r-xl);flex-wrap:wrap}.m-f .sp{flex:1}.fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.fg{display:flex;flex-direction:column;gap:5px}.fg.full{grid-column:1/-1}.fg-stack{display:flex;flex-direction:column;gap:5px}.fg label{font-size:var(--text-xs);font-weight:600;color:var(--ink-2)}.fg label .req{color:var(--red-fg);margin-left:2px}.fg label .hint{font-weight:400;color:var(--ink-4);font-size:var(--text-xs)}.fg input,.fg select,.fg textarea{padding:8.5px 11px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--card);outline:none;width:100%;transition:all .13s;font-size:var(--text-sm)}.fg textarea{resize:vertical;min-height:70px;line-height:1.55}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.11)}.fg input:disabled,.fg select:disabled{background:var(--bg);color:var(--ink-3);cursor:not-allowed}.fg .err{font-size:var(--text-xs);color:var(--red-fg);display:none}.fg.bad input,.fg.bad select,.fg.bad textarea,.fg.bad .multi{border-color:var(--red)}.fg.bad .err{display:block}.fg.bad input:focus,.fg.bad select:focus,.fg.bad textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #b91c1c26}.fsec{grid-column:1/-1;font-size:var(--text-xs);font-weight:700;color:var(--brand);letter-spacing:.6px;text-transform:uppercase;padding:12px 0 2px;border-top:1px solid var(--line);margin-top:6px;display:flex;align-items:center;gap:7px}.fsec:first-child{border-top:none;margin-top:0;padding-top:0}.chk{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:var(--r-ctl);cursor:pointer}.chk input{width:16px;height:16px;accent-color:var(--brand);flex:0 0 16px}.multi{border:1px solid var(--line);border-radius:var(--r-ctl);padding:7px;max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.multi label{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:var(--r-sm);cursor:pointer;font-weight:400;font-size:var(--text-sm)}.multi label:hover{background:var(--bg)}.multi input{width:15px;height:15px;accent-color:var(--brand);flex:0 0 15px}.rate{display:flex;gap:3px;flex-wrap:wrap}.rate button{width:31px;height:31px;border-radius:var(--r-sm);border:1px solid var(--line);font-size:var(--text-sm);font-weight:700;color:var(--ink-3)}.rate button.on{background:var(--brand-solid);border-color:var(--brand-solid);color:#fff}.dl{display:grid;grid-template-columns:150px 1fr;gap:0}.dl dt{padding:8px 12px 8px 0;font-size:var(--text-xs);font-weight:600;color:var(--ink-3);border-bottom:1px solid var(--line)}.dl dd{padding:8px 0;font-size:var(--text-sm);color:var(--ink);border-bottom:1px solid var(--line);word-break:break-word}.dl dt:last-of-type,.dl dd:last-of-type{border-bottom:none}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--line)}.tl-i{position:relative;padding-bottom:15px}.tl-i:last-child{padding-bottom:0}.tl-i:before{content:"";position:absolute;left:-22px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--card);border:2px solid var(--line-2)}.tl-i.done:before{background:var(--brand);border-color:var(--brand)}.tl-t{font-size:var(--text-sm);font-weight:600}.tl-s{font-size:var(--text-xs);color:var(--ink-3)}.chart{width:100%;overflow:visible}.legend{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:12px}.legend div{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--ink-2)}.legend i{width:10px;height:10px;border-radius:var(--r-mark);flex:0 0 10px}.legend b{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ink)}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:var(--text-sm)}.bar-row .lb{width:152px;flex:0 0 152px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row .tr{display:block;flex:1;height:9px;background:var(--line);border-radius:var(--r-mark);overflow:hidden}.bar-row .fl{display:block;height:9px;width:100%;transform-origin:left center;transition:transform .5s cubic-bezier(.4,0,.2,1)}.bar-row .vl{width:56px;flex:0 0 56px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.toast-w{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:9px;pointer-events:none}.toast{background:var(--toast-bg,#17110f);color:#fff;padding:11px 16px;border-radius:var(--r);font-size:var(--text-sm);font-weight:500;box-shadow:var(--sh-lg);animation:slide .25s ease;display:flex;align-items:center;gap:9px;max-width:340px}.toast.ok{background:var(--green)}.toast.err{background:var(--red)}.toast.warn{background:var(--amber)}.toast-msg{flex:1;min-width:0}.toast-w-err{bottom:auto;top:20px}.toast-x{flex:0 0 26px;width:26px;height:26px;margin:-4px -6px -4px 0;border-radius:var(--r-sm);display:grid;place-items:center;color:#fff;opacity:.75;pointer-events:auto;transition:all .13s}.toast-x:hover{opacity:1;background:#ffffff2e}.toast-x:focus-visible{outline:2px solid #fff;outline-offset:-2px;opacity:1}@keyframes slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}.tabs button{padding:9px 14px;font-size:var(--text-sm);font-weight:600;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}.note{background:var(--brand-bg);border:1px solid rgba(var(--brand-rgb),.2);border-radius:var(--r);padding:11px 14px;font-size:var(--text-sm);color:var(--ink-2);display:flex;gap:9px}.note svg{width:17px;height:17px;flex:0 0 17px;color:var(--brand);margin-top:1px}.sla-ok{color:var(--green-fg);font-weight:700}.sla-warn{color:var(--amber-fg);font-weight:700}.sla-bad{color:var(--red-fg);font-weight:700}.stat-mini{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--text-sm)}.stat-mini:last-child{border-bottom:none}.stat-mini b{font-variant-numeric:tabular-nums}.img-thumb{width:44px;height:44px;border-radius:var(--r-sm);object-fit:cover;border:1px solid var(--line);cursor:pointer}.img-grid{display:flex;gap:8px;flex-wrap:wrap}.img-grid .box{position:relative}.img-grid .box button{position:absolute;top:-5px;right:-5px;width:19px;height:19px;border-radius:50%;background:var(--red);color:#fff;font-size:var(--text-xs);display:grid;place-items:center;line-height:1}.drop{border:2px dashed var(--line-2);border-radius:var(--r);padding:16px;text-align:center;color:var(--ink-3);font-size:var(--text-sm);cursor:pointer;transition:all .13s}.drop:hover{border-color:var(--brand);background:var(--brand-bg);color:var(--brand)}.sig{border:1px solid var(--line);border-radius:var(--r-ctl);background:#fff;touch-action:none;display:block;width:100%;max-width:400px;height:140px;cursor:crosshair}.sig-note{font-size:var(--text-xs);color:var(--ink-3);line-height:1.6;margin-bottom:6px;max-width:400px}.sig-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}@media(pointer:coarse){.sig-act .btn{min-height:44px}}@media print{#sidebar,.topbar,.tools,.pager,.no-print,.m-f{display:none!important}#main{margin:0}.content{padding:0;max-width:none}.card,.tw{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.ov{position:static;background:none;padding:0;display:block;overflow:visible}.modal{max-width:none;box-shadow:none;border-radius:0}.m-b{max-height:none;overflow:visible}body{background:#fff;font-size:11.5px}@page{size:A4;margin:10mm}body.modal-open .content>*:not(.ov){display:none!important}}#app.nav-min{--side:66px}#app.nav-min .brand{padding:16px 0;justify-content:center}#app.nav-min .brand-txt,#app.nav-min .nav-label,#app.nav-min .nav-txt,#app.nav-min .side-foot{display:none}#app.nav-min .nav{padding:12px 8px 20px}#app.nav-min .nav-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--nav-line)}#app.nav-min .nav-group:first-child{margin-top:0;padding-top:0;border-top:none}#app.nav-min .nav-item{justify-content:center;padding:10px 0;gap:0}#app.nav-min .nav-item{position:relative}#app.nav-min .nav-item .badge{position:absolute;top:4px;right:9px;min-width:0;width:8px;height:8px;padding:0;font-size:0;line-height:0;border-radius:50%;background:#fff}#app.nav-min .nav-item.active .badge{background:var(--brand-solid)}.nav-tip{position:fixed;left:calc(var(--side) + 8px);transform:translateY(-50%);z-index:80;background:var(--toast-bg);color:#fff;font-size:var(--text-sm);font-weight:600;white-space:nowrap;padding:6px 11px;border-radius:var(--r-sm);box-shadow:var(--sh-lg);pointer-events:none;animation:tip-in .12s ease}.nav-tip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--toast-bg)}@keyframes tip-in{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1}}@media(prefers-reduced-motion:reduce){.nav-tip{animation:none}}@media(max-width:1024px){#app.nav-min{--side:250px}#sidebar{transform:translate(-100%)}#sidebar.open{transform:none;box-shadow:var(--sh-lg)}#main{margin-left:0}#menuBtn{display:grid}#app.nav-min .brand{padding:16px 18px;justify-content:flex-start}#app.nav-min .brand-txt,#app.nav-min .nav-label,#app.nav-min .nav-txt,#app.nav-min .side-foot{display:block}#app.nav-min .nav-txt{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app.nav-min .nav{padding:12px 10px 20px}#app.nav-min .nav-group{border-top:none;padding-top:0;margin-top:14px}#app.nav-min .nav-group:first-child{margin-top:0}#app.nav-min .nav-item{justify-content:flex-start;padding:8.5px 10px;gap:10px}#app.nav-min .nav-item .badge{position:static;width:auto;height:auto;min-width:20px;padding:1px 6px;font-size:var(--text-xs);line-height:normal;border-radius:var(--r-pill);background:#fff3}#app.nav-min .nav-item.alert .badge{background:#fff;color:var(--brand-d)}.nav-tip{display:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:55;display:none}.scrim.on{display:block}}@media(max-width:820px){.content{padding:16px}.tools{gap:7px}select.f,input.f{max-width:170px;font-size:var(--text-sm)}.search{flex:1 1 190px;min-width:150px}.user-chip .rl{display:none}}@media(max-width:640px){.content{padding:13px}.fgrid{grid-template-columns:1fr}.dl{grid-template-columns:1fr;gap:0}.dl dt{border-bottom:none;padding-bottom:0}.topbar{height:auto;flex-wrap:wrap;padding:9px 10px 10px;row-gap:4px}.topbar-title{order:9;flex:1 1 100%}.topbar h1{font-size:var(--text-2xl);line-height:1.15}.kpi-v{font-size:var(--text-2xl)}.topbar{padding:0 10px;gap:7px}.topbar .sub,.topbar-sp{display:none}.lang-sw button{padding:0 8px}.bar-row .lb{width:110px;flex:0 0 110px}.tools{gap:6px}select.f,input.f{max-width:none;flex:1 1 140px;min-width:0}.search{flex:1 1 100%}.topbar .user-chip .nm{display:none}.user-chip{padding:6px}.m-h{padding:13px 14px}.m-b{padding:14px}}@media(max-width:420px){.topbar{gap:5px}.lang-sw{height:30px}.lang-sw button{padding:0 6px;font-size:var(--text-xs)}.icon-btn{width:30px;height:30px}.brand-txt strong{font-size:var(--text-md)}}.cards-wrap{display:flex;flex-direction:column;gap:10px}.cards-sort{display:flex;align-items:center;gap:8px}.cards-sort label{font-size:var(--text-xs);color:var(--ink-3);font-weight:600;white-space:nowrap}.cards-sort select{flex:1;min-width:0}.cards-sort .ib{flex:0 0 auto;font-size:var(--text-xs);width:34px;height:34px}.cards{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0}.cards>li{position:relative}.card-row{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 13px;box-shadow:var(--sh);color:inherit;font:inherit;cursor:default}.card-row.tappable{cursor:pointer;min-height:44px}.card-row.tappable:active{background:var(--bg)}.card-row:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.22)}.cr-head{display:flex;align-items:flex-start;gap:9px}.cr-title{flex:1;min-width:0;font-size:var(--text-lg);font-weight:700;color:var(--ink);line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cr-badge{flex:0 0 auto}.cr-sub{font-size:var(--text-sm);color:var(--ink-2);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cr-lines{display:flex;flex-direction:column;gap:4px;padding-top:3px;border-top:1px solid var(--line)}.cr-line{display:flex;gap:10px;align-items:baseline;font-size:var(--text-sm)}.cr-lb{flex:0 0 34%;color:var(--ink-3);overflow-wrap:anywhere}.cr-vl{flex:1;min-width:0;color:var(--ink);overflow-wrap:anywhere}.cr-act{position:absolute;right:9px;bottom:9px;display:flex;gap:6px}.cr-act .ib{width:34px;height:34px}#root{min-height:100dvh}.center-page{min-height:100dvh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:400px}.login-head{text-align:center;padding:30px 24px 4px}.login-head .brand-logo{width:52px;height:52px;border-radius:var(--r-xl);font-size:var(--text-xl);margin:0 auto 14px}.login-head h1{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.5px;line-height:1.25}.login-head p{font-size:var(--text-md);color:var(--ink-3);margin-top:6px}.login-card .fg label{font-size:var(--text-md)}.login-card .fg input{font-size:var(--text-lg);padding:11px 12px}.login-card .err-block{font-size:var(--text-md);margin-top:12px}.login-card .link-btn{font-size:var(--text-md)}.login-card,.login-card:hover{transform:none;box-shadow:var(--sh)}.login-card .fgrid{grid-template-columns:1fr}.login-card .btn-p{font-size:var(--text-lg);width:100%;min-height:44px;margin-top:14px}.login-foot{display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 16px 14px}.login-foot .link-btn{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;border-radius:var(--r-ctl)}.login-foot .link-btn:hover{background:var(--brand-bg);text-decoration:none}.login-foot .link-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.22)}.login-doc{font-size:var(--text-xs);color:var(--ink-4);letter-spacing:.2px;text-align:center}.hint-box{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:11px 13px;font-size:var(--text-xs);color:var(--ink-3);line-height:1.7}.hint-box b{color:var(--ink-2)}.login-card .hint-box{margin-top:14px}.login-demo{display:grid;gap:2px;margin-top:6px}.login-demo li{display:flex;align-items:center;gap:8px;list-style:none}.login-demo .link-btn{min-width:70px;min-height:32px;text-align:left;padding:0 6px;border-radius:var(--r-sm)}.login-demo .link-btn:hover{background:var(--brand-bg);text-decoration:none}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px;color:var(--ink-3);font-size:var(--text-sm)}.skeleton{background:linear-gradient(90deg,var(--line) 25%,var(--bg) 37%,var(--line) 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:var(--r-sm)}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.err-block{background:var(--red-bg);border:1px solid var(--red);border-radius:var(--r);padding:12px 14px;color:var(--red-fg);font-size:var(--text-sm);display:flex;gap:9px;align-items:flex-start}.user-chip{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--r);border:1px solid var(--line);background:var(--card)}.user-chip .av{width:28px;height:28px;border-radius:50%;background:var(--brand-solid);color:#fff;display:grid;place-items:center;font-size:var(--text-xs);font-weight:700;flex:0 0 28px}.user-chip .nm{display:block;font-size:var(--text-sm);font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.user-chip .rl{font-size:var(--text-xs);color:var(--ink-3)}.menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-lg);min-width:190px;padding:5px;z-index:80}.menu button{display:flex;width:100%;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--ink-2);text-align:left}.menu button:hover{background:var(--bg)}.link-btn{color:var(--brand);font-weight:600;font-size:var(--text-sm)}.link-btn:hover{text-decoration:underline}.card,.kpi{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover,.kpi:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.card.clickable,.kpi.clickable{cursor:pointer}.card.clickable:hover,.kpi.clickable:hover{border-color:var(--brand);box-shadow:var(--sh-md),0 0 0 3px rgba(var(--brand-rgb),.09)}.card.clickable:focus-visible,.kpi.clickable:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.22)}.card.clickable:active,.kpi.clickable:active{transform:translateY(0)}.drill-cue{display:inline-grid;place-items:center;margin-left:auto;width:26px;height:26px;border-radius:var(--r-sm);flex:0 0 26px;background:var(--brand-bg);color:var(--brand);border:1px solid rgba(var(--brand-rgb),.22);opacity:0;visibility:hidden;transform:scale(.8);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;pointer-events:none}.drill-cue svg{width:15px;height:15px}.kpi-cue{position:absolute;right:11px;top:12px;margin-left:0}.kpi.clickable .kpi-t{padding-right:32px}.card.clickable:hover .drill-cue,.card.clickable:focus-visible .drill-cue,.kpi.clickable:hover .drill-cue,.kpi.clickable:focus-visible .drill-cue{opacity:1;visibility:visible;transform:none;transition-delay:0s}.drill-tw .ib{color:var(--ink-3)}.drill-tw .ib:hover{background:var(--brand-bg);color:var(--brand)}.drill-tw tr:hover .ib{color:var(--brand)}.modal.drill{max-width:820px}.modal.drill.wide{max-width:1080px}.drill-tw{box-shadow:none;border:1px solid var(--line)}.drill-tw td:first-child,.drill-tw th:first-child{padding-left:14px}.drill-tw tfoot td{padding:10px 12px;border-top:1px solid var(--line-2);background:var(--bg);color:var(--ink-2)}.drill-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:middle;flex:0 0 9px}.drill-bar{display:block;height:8px;border-radius:var(--r-mark);background:var(--line);overflow:hidden;min-width:70px}.drill-bar>span{display:block;height:100%;width:100%;transform-origin:left center;transition:transform .45s cubic-bezier(.4,0,.2,1)}.pill-note{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--r-pill);background:var(--brand-bg);color:var(--brand);border:1px solid rgba(var(--brand-rgb),.28);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.pill-note svg{width:13px;height:13px}@media(prefers-reduced-motion:reduce){.card,.kpi,.drill-cue,.drill-bar>span{transition:none}.card:hover,.kpi:hover{transform:none}}@media print{.drill-cue{display:none!important}}.count-pill{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 7px;border-radius:var(--r-pill);background:var(--brand-bg);color:var(--brand);border:1px solid rgba(var(--brand-rgb),.24);font-size:var(--text-xs);font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums}.geo-box{display:flex;align-items:center;gap:26px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);padding:13px 16px}.geo-label{font-size:var(--text-xs);font-weight:600;color:var(--ink-3);letter-spacing:.2px}.geo-value{font-size:var(--text-md);font-weight:700;color:var(--ink);margin-top:2px}.av-lg{width:32px;height:32px;border-radius:50%;flex:0 0 32px;background:var(--brand-solid);color:#fff;display:grid;place-items:center;font-size:var(--text-sm);font-weight:700;letter-spacing:.3px}.row-hint{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--ink-3);white-space:nowrap}.row-hint svg{width:13px;height:13px;opacity:.7}@media(max-width:900px){.row-hint{display:none}}.pending-items{grid-column:1/-1;margin-top:2px}.pending-hint{font-size:var(--text-xs);color:var(--ink-3);line-height:1.7;padding:2px 0 4px}.draft-box{margin-top:10px;border:1px dashed var(--line-2);border-radius:var(--r-lg);background:var(--bg);padding:14px 15px 12px}.draft-box .fgrid{gap:11px}.draft-act{display:flex;gap:9px;justify-content:flex-end;margin-top:12px}.pm-alert{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:var(--text-xs);font-weight:700;letter-spacing:.2px;animation:pm-blink 1.2s ease-in-out 4}.pm-alert.due{color:var(--red-fg)}.pm-alert.soon{color:var(--amber-fg)}@keyframes pm-blink{0%,to{opacity:1}50%{opacity:.28}}@media(prefers-reduced-motion:reduce){.pm-alert{animation:none}}@media print{.pm-alert{animation:none}}.cal-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.cal-nav{display:flex;gap:8px;align-items:center}.cal-month{font-size:var(--text-lg);font-weight:800;letter-spacing:-.3px;min-width:132px;text-align:center}.cal-filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.cal-filters select.f{max-width:186px}.cal-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:11px;font-size:var(--text-xs)}.cal-legend .lg{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink-2)}.cal-legend .lg:before{content:"";width:10px;height:10px;border-radius:var(--r-mark)}.cal-legend .lg.req:before{background:var(--blue)}.cal-legend .lg.pm:before{background:var(--violet)}.cal-legend .lg.over:before{background:var(--red)}.cal-legend .hint{margin-left:auto;color:var(--ink-4)}.cal{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);overflow:hidden}.cal-head,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-head>div{padding:9px 10px;font-size:var(--text-xs);font-weight:800;color:var(--ink-3);background:var(--bg);border-bottom:1px solid var(--line);text-align:center}.cal-head>div.we{color:var(--brand)}.cal-day{min-height:118px;padding:7px 8px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.cal-day:nth-child(7n){border-right:none}.cal-day.we{background:color-mix(in srgb,var(--bg) 55%,transparent)}.cal-day.out{opacity:.42}.cal-day.today{background:var(--brand-bg);box-shadow:inset 0 0 0 2px var(--brand)}.cal-day .d{display:flex;align-items:center;justify-content:space-between;gap:6px}.cal-day .d .n{font-size:var(--text-sm);font-weight:800;color:var(--ink-2)}.cal-day.today .d .n{color:var(--brand-fg)}.cal-day .d .c{font-size:var(--text-xs);font-weight:800;color:var(--ink-4);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-pill);padding:0 6px}.cal-day .evs{display:flex;flex-direction:column;gap:4px;min-width:0}.cal-ev{display:grid;grid-template-columns:auto auto 1fr;gap:5px;align-items:center;width:100%;text-align:left;padding:3px 6px;border-radius:var(--r-sm);cursor:pointer;border:1px solid transparent;font-size:var(--text-xs);line-height:1.45;background:var(--blue-bg);color:var(--ink);transition:transform .12s,box-shadow .12s}.cal-ev:hover{transform:translateY(-1px);box-shadow:var(--sh-md)}.cal-ev .k{font-weight:800;font-size:var(--text-xs);color:#fff;background:var(--blue);border-radius:var(--r-mark);padding:0 4px;line-height:15px}.cal-ev .t{font-weight:700;white-space:nowrap}.cal-ev .s{color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cal-ev.pm{background:var(--violet-bg)}.cal-ev.pm .k{background:var(--violet)}.cal-ev.overdue{background:var(--red-bg);border-color:var(--red)}.cal-ev.overdue .k{background:var(--red)}.cal-ev.overdue .t{color:var(--red-fg)}.cal-more{align-self:flex-start;font-size:var(--text-xs);font-weight:700;color:var(--ink-3);padding:2px 4px;border-radius:var(--r-sm);cursor:pointer;background:none;border:none}.cal-more:hover{color:var(--brand);background:var(--brand-bg)}.cal-empty{margin-top:14px;text-align:center;color:var(--ink-3);font-size:var(--text-sm)}@media(max-width:900px){.cal{overflow-x:auto}.cal-head,.cal-grid{min-width:760px}.cal-day{min-height:96px}}@media print{.cal{box-shadow:none;border-color:#999}.cal-day{min-height:96px;break-inside:avoid}.cal-ev{box-shadow:none;transform:none}.cal-legend .hint{display:none}}.map-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:var(--text-xs)}.map-legend .lg{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink-2)}.map-legend .lg:before{content:"";width:10px;height:10px;border-radius:50%}.map-legend .lg.over:before{background:var(--red)}.map-legend .lg.soon:before{background:var(--amber)}.map-legend .lg.ok:before{background:var(--green)}.map-sum{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:var(--text-sm);color:var(--ink-3);margin-bottom:11px}.map-sum b{font-size:var(--text-lg);font-weight:800;color:var(--ink);margin-left:9px}.map-sum b:first-child{margin-left:0}.map-sum b.over{color:var(--red-fg)}.map-sum .warn{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--amber-fg);font-weight:600}.map-wrap{display:flex;gap:12px;align-items:stretch}.map-main{position:relative;flex:1;min-width:0;transition:flex-basis .2s ease}.map-box{height:calc(100dvh - 250px);min-height:430px;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh);overflow:hidden;z-index:1;contain:layout paint}.map-load{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:color-mix(in srgb,var(--card) 78%,transparent);border-radius:var(--r-lg);color:var(--ink-3);font-size:var(--text-sm);text-align:center;padding:20px}.map-pin{display:grid;place-items:center;border-radius:50%;color:#fff;font-size:var(--text-sm);font-weight:800;line-height:1;cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #00000059;transition:transform .12s}.map-pin:hover{transform:scale(1.14)}.leaflet-zoom-anim .map-pin{transition:none}.map-pin.on{transform:scale(1.2);border-color:#fff;box-shadow:0 0 0 4px rgba(var(--brand-rgb),.45),0 3px 8px #0006}.map-pin.over{background:var(--red)}.map-pin.soon{background:var(--amber)}.map-pin.ok{background:var(--green)}.map-pin.approx{border-color:#ffffff73}.map-kpi{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:12px;font-size:var(--text-sm);color:var(--ink-3)}.map-kpi b{font-size:var(--text-xl);font-weight:800;color:var(--ink);margin-right:5px}.map-kpi .over b{color:var(--red-fg)}.map-note{display:flex;gap:7px;align-items:flex-start;margin-bottom:12px;padding:9px 11px;background:var(--amber-bg);border-radius:var(--r);font-size:var(--text-xs);color:var(--ink-2);line-height:1.6}.map-left{font-weight:700;white-space:nowrap}.map-left.over{color:var(--red-fg)}.map-left.soon{color:var(--amber-fg)}.map-left.ok{color:var(--ink-3);font-weight:500}.leaflet-container{background:var(--bg);font-family:inherit}.leaflet-bar a{background:var(--card);color:var(--ink-2);border-color:var(--line)}.leaflet-bar a:hover{background:var(--bg);color:var(--ink)}.leaflet-control-attribution{background:color-mix(in srgb,var(--card) 82%,transparent);color:var(--ink-3)}.leaflet-control-attribution a{color:var(--ink-2)}html[data-theme=dark] .leaflet-tile{filter:brightness(.72) saturate(.85)}.map-side{flex:0 0 396px;width:396px;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);overflow:hidden;animation:side-in .18s ease}@keyframes side-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.map-side{animation:none}}.map-side-h{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);background:var(--bg)}.map-side-h strong{display:block;font-size:var(--text-md);font-weight:700;letter-spacing:-.2px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-side-h span{display:block;font-size:var(--text-xs);color:var(--ink-3);margin-top:2px}.map-side-h .icon-btn{margin-left:auto}.map-side-b{flex:1;overflow-y:auto;padding:13px 14px}.map-jobs{display:flex;flex-direction:column;gap:7px}.map-jobs>li{list-style:none}.map-jobs button{width:100%;text-align:left;padding:9px 10px;border-radius:var(--r);border:1px solid var(--line);background:var(--card);transition:all .12s;cursor:pointer}.map-jobs button:hover{border-color:var(--brand);background:var(--brand-bg)}.map-jobs .r1{display:flex;align-items:center;gap:7px;margin-bottom:4px}.map-jobs .k{font-size:var(--text-xs);font-weight:800;padding:1px 6px;border-radius:var(--r-pill);background:var(--blue-bg);color:var(--blue-fg);white-space:nowrap}.map-jobs .k.pm{background:var(--violet-bg);color:var(--violet-fg)}.map-jobs .id{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--text-xs);font-weight:700;color:var(--ink-2)}.map-jobs .left{margin-left:auto;font-size:var(--text-xs);font-weight:700;white-space:nowrap}.map-jobs .left.over{color:var(--red-fg)}.map-jobs .left.soon{color:var(--amber-fg)}.map-jobs .left.ok{color:var(--ink-3);font-weight:500}.map-jobs .r2{font-size:var(--text-xs);line-height:1.5;color:var(--ink);margin-bottom:3px}.map-jobs .r3{display:flex;gap:10px;justify-content:space-between;font-size:var(--text-xs);color:var(--ink-3)}@media(max-width:1100px){.map-wrap{flex-direction:column}.map-side{flex:1 1 auto;width:100%;max-height:420px}.map-wrap.with-side .map-box{height:52vh;min-height:280px}}@media(max-width:900px){.map-box{height:calc(100dvh - 300px);min-height:340px}}@media print{.map-box{height:460px;box-shadow:none}.map-side,.leaflet-control-container{display:none}}.tw tfoot tr.sum td{border-top:2px solid var(--line-2);background:var(--bg);font-weight:600;color:var(--ink-2);padding-top:10px;padding-bottom:10px}.tw tfoot tr.sum td b{font-size:var(--text-md);color:var(--ink)}.cost-total-m{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;padding:11px 13px;border-radius:var(--r-lg);background:var(--bg);border:1px solid var(--line-2);font-size:var(--text-sm);color:var(--ink-2)}.cost-total-m b{font-size:var(--text-lg);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.cost-split{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.cost-split>span{display:inline-flex;align-items:baseline;gap:7px;padding:6px 11px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--text-xs)}.cost-split em{font-style:normal;color:var(--ink-3)}.cost-split b{font-weight:700;color:var(--ink)}.budget-bar{margin:10px 0 4px}.budget-bar .track{height:10px;border-radius:var(--r-pill);background:var(--line);overflow:hidden}.budget-bar .fill{height:100%;width:100%;transform-origin:left center;background:var(--green);transition:transform .25s ease}.budget-bar .fill.warn{background:var(--amber)}.budget-bar .fill.over{background:var(--red)}.budget-bar .cap{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:var(--text-xs);color:var(--ink-3)}.budget-bar .cap b{color:var(--ink);font-weight:700}.budget-bar .cap .over{color:var(--red-fg)}@media(prefers-reduced-motion:reduce){.budget-bar .fill{transition:none}}.kpi-rank{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:var(--r-ctl);font-size:var(--text-sm);font-weight:800;background:var(--line);color:var(--ink-2)}.kpi-rank.r1{background:var(--amber);color:#fff}.kpi-rank.r2{background:var(--line-2);color:var(--ink)}.kpi-rank.r3{background:color-mix(in srgb,var(--amber) 45%,var(--card));color:var(--ink)}.kpi-rank.thin{background:transparent;color:var(--ink-4);font-weight:600}.kpi-sub{font-size:var(--text-xs);color:var(--ink-4);margin-top:2px}.kpi-th-sub{font-size:var(--text-xs);font-weight:500;color:var(--ink-4);margin-top:2px}.kpi-bar{height:7px;border-radius:var(--r-pill);background:var(--line);overflow:hidden}.kpi-bar .fill{height:100%;width:100%;transform-origin:left center;transition:transform .25s ease}.kpi-bar .fill.green{background:var(--green)}.kpi-bar .fill.teal{background:var(--teal)}.kpi-bar .fill.amber{background:var(--amber)}.kpi-bar .fill.red{background:var(--red)}.kpi-bar .fill.gray{background:var(--line-2)}.kpi-score{display:flex;align-items:baseline;gap:8px;margin-top:5px}.kpi-score b{font-size:var(--text-md);font-weight:800;color:var(--ink)}.kpi-score span{font-size:var(--text-xs);color:var(--ink-4)}.kpi-cell{display:flex;flex-direction:column;align-items:flex-end;gap:1px;width:100%;padding:3px 5px;border-radius:var(--r-sm);text-align:right;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.kpi-cell b{font-size:var(--text-md);font-weight:700;color:var(--ink)}.kpi-cell span{font-size:var(--text-xs);color:var(--ink-4);font-variant-numeric:tabular-nums}.kpi-cell.pass b{color:var(--green-fg)}.kpi-cell.fail b{color:var(--red-fg)}.kpi-cell:not(:disabled){cursor:pointer}.kpi-cell:not(:disabled):hover{background:var(--bg);border-color:var(--line)}.kpi-cell:disabled{opacity:.75}.kpi-cell:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.kpi-tw tbody tr.kpi-group td{background:var(--bg);color:var(--ink-3);font-size:var(--text-xs);font-weight:600;padding:8px 12px;border-top:1px solid var(--line-2)}.kpi-tw tbody tr.kpi-group td .ic{vertical-align:-2px;margin-right:6px}.kpi-tw tfoot tr.sum td{background:var(--bg);border-top:2px solid var(--line-2);padding:11px 12px;font-size:var(--text-sm);color:var(--ink-2)}.kpi-tw tfoot tr.sum td b{color:var(--ink)}.kpi-tw .link-btn{display:inline-flex;align-items:center;gap:5px;text-align:left}@media(prefers-reduced-motion:reduce){.kpi-bar .fill,.kpi-cell{transition:none}}@media(max-width:820px){.kpi-cell b{font-size:var(--text-sm)}.kpi-score b{font-size:var(--text-md)}}.print-only{display:none}.workform{color:#000;font-size:10px;line-height:1.4;width:100%}.workform *{box-sizing:border-box}.wf-t{width:100%;border-collapse:collapse;margin-bottom:4px;break-inside:avoid}.wf-t td,.wf-t th{border:1px solid #000;padding:3px 5px;vertical-align:top;text-align:left}.wf-t .c{text-align:center}.wf-head td{padding:5px 7px}.wf-logo{width:36mm;height:auto;display:block;margin-bottom:3px}.wf-co{font-weight:700;font-size:11px}.wf-ad{font-size:8.5px;line-height:1.35;color:#222}.wf-no{width:52mm;font-size:10px;line-height:2}.wf-no .wf-idv{font-family:ui-monospace,monospace;font-weight:700}.wf-no .wf-u{border-bottom:1px dotted #666;padding:0 4px}.wf-bar{border:1px solid #000;background:#e9e9e9;text-align:center;font-weight:700;font-size:12px;padding:4px;margin-bottom:4px}.wf-bar{break-after:avoid}.wf-prod{break-inside:auto}.wf-info{width:63%}.wf-svc{width:37%}.wf-h{font-weight:700;margin:1px 0 3px;text-decoration:underline}.wf-info .wf-h:not(:first-child){margin-top:6px}.wf-line{display:flex;align-items:flex-end;gap:5px;margin-bottom:3.5px}.wf-lb{white-space:nowrap}.wf-val{flex:1;border-bottom:1px dotted #555;min-height:13px;padding:0 3px}.wf-cb{margin-bottom:4.5px;display:flex;align-items:flex-start;gap:5px}.wf-oth{font-weight:600}.bx{display:inline-block;width:11px;height:11px;min-width:11px;border:1px solid #000;text-align:center;line-height:9px;font-size:9px;margin-right:2px}.bx.on{font-weight:700}.wf-prod th{background:#eee;text-align:center;font-weight:700;font-size:9px;line-height:1.25}.wf-prod td{height:17px;font-size:9.5px}.wf-th{background:#eee;font-weight:700}.wf-area{height:46px;white-space:pre-wrap}.wf-note{font-size:9px;margin:2px 0 4px}.wf-csat th{background:#eee;text-align:center;font-weight:700;font-size:9px}.wf-csat td{font-size:9.5px;height:16px}.wf-ask{margin:5px 0}.wf-sug{margin-bottom:8px}.wf-sign th{background:#eee;text-align:center;font-weight:700}.wf-sign td{width:50%}.wf-sign .wf-sp{height:46px;text-align:center;vertical-align:middle}.wf-sign .wf-sp img{max-height:44px;max-width:90%}.wf-foot{font-size:8px;text-align:center;color:#333;margin-top:3px}@media print{.print-only{display:block!important}.has-workform .m-h,.has-workform .screen-only{display:none!important}.has-workform{width:100%!important}.has-workform .m-b{padding:0;max-height:none;overflow:visible}.workform{font-family:TH Niramit AS,TH SarabunPSK,Sarabun,sans-serif}}