@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/47faf0e9117ce2e3-s.270md_-rr62el.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/660acf689794c992-s.p.0lsanbtneewqp.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:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.Viadka_className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.Viadka_variable{--f-dm:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/e549de664830460e-s.p.3i-m22b4jynti.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/6fe892d8546146c9-s.1h9eubhpkfzvo.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/d40c6b07bf0ee33a-s.p.0_bxzqld7tqed.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:Noto Serif Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/e549de664830460e-s.p.3i-m22b4jynti.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/6fe892d8546146c9-s.1h9eubhpkfzvo.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/d40c6b07bf0ee33a-s.p.0_bxzqld7tqed.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:Noto Serif Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/e549de664830460e-s.p.3i-m22b4jynti.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/6fe892d8546146c9-s.1h9eubhpkfzvo.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/d40c6b07bf0ee33a-s.p.0_bxzqld7tqed.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:Noto Serif Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/e549de664830460e-s.p.3i-m22b4jynti.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/6fe892d8546146c9-s.1h9eubhpkfzvo.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/d40c6b07bf0ee33a-s.p.0_bxzqld7tqed.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:Noto Serif Thai Fallback;src:local(Times New Roman);ascent-override:89.86%;descent-override:45.1%;line-gap-override:0.0%;size-adjust:118.4%}.UeeDvG_className{font-family:Noto Serif Thai,Noto Serif Thai Fallback;font-style:normal}.UeeDvG_variable{--f-thai:"Noto Serif Thai", "Noto Serif Thai Fallback"}
@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7081c0a9d77d68b2-s.1iie40g0-cbk2.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/707978d2a38e183d-s.p.3jvga4rcv46fc.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:Bebas Neue Fallback;src:local(Arial);ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.0%;size-adjust:76.72%}.vcTR8a_className{font-family:Bebas Neue,Bebas Neue Fallback;font-style:normal;font-weight:400}.vcTR8a_variable{--f-bebas:"Bebas Neue", "Bebas Neue Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}:root{--br-green:#44c45a;--br-green-dark:#459a54;--br-green-deep:#1b5e2c;--br-blue:#2a6eff;--br-gradient:linear-gradient(90deg, #44c45a, #00b8aa, #2a6eff);--br-divider:linear-gradient(90deg, #44c45a, transparent);--br-paper:#f8fbf8;--br-white:#fff;--br-tint:#f1f5f2;--br-tint-strong:#e7ede8;--br-ink:#1a1a1a;--br-chrome:#c8cdd4;--br-steel:#8a9099;--br-gunmetal:#4a5058;--br-warn:#f5c518;--br-warn-bg:#fff7d6;--br-warn-text:#7a5a00;--br-red:#d63c3c;--br-orange:#d9730d;--br-font:var(--f-dm), var(--f-thai), sans-serif;--br-font-title:var(--f-bebas), var(--f-thai), sans-serif;--br-font-num:var(--f-thai), var(--f-dm), serif;--br-r-control:10px;--br-r-tile:12px;--br-r-panel:18px;--br-r-pill:999px;--br-fast:.15s;--br-ease:cubic-bezier(.2, .8, .2, 1)}.title{font-family:var(--br-font-title);text-transform:uppercase;letter-spacing:.04em}.panel{background:var(--br-white);border-radius:var(--br-r-panel);border:1px solid #c8cdd480;padding:20px}.tile{background:var(--br-tint);border-radius:var(--br-r-tile);padding:12px}.field{background:var(--br-tint);border-radius:var(--br-r-control);font:inherit;border:0;padding:10px 12px}.label{color:var(--br-gunmetal);font-size:12.5px;font-weight:500}.label .en{color:var(--br-steel);font-size:.89em;font-weight:400}.btn{border-radius:var(--br-r-control);font:600 14px var(--br-font);cursor:pointer;transition:transform var(--br-fast) var(--br-ease), background var(--br-fast);border:0;padding:10px 16px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--br-green);color:#fff}.btn-primary:hover{background:var(--br-green-dark)}.btn-dark{background:var(--br-ink);color:#fff}.btn-soft{background:var(--br-tint);color:var(--br-ink)}@media print{:root{--br-steel:#4a5058;--br-gunmetal:#24282d;--br-chrome:#8a9099}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff}}.chip{border-radius:var(--br-r-pill);padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.chip-ok{color:var(--br-green-deep);background:#e3f6e6}.chip-pending{color:var(--br-gunmetal);background:#eef0f2}.chip-void{background:var(--br-gunmetal);color:#fff}.chip-info{color:#1e4fcc;background:#e0eaff}.chip-warn{background:var(--br-warn-bg);color:var(--br-warn-text)}.chip-bad{color:var(--br-red);background:#fde6e6}@layer theme{:root,:host{--font-sans:var(--f-dm), var(--f-thai), sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.min-h-dvh{min-height:100dvh}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}}body{background:var(--br-paper);color:var(--br-ink);font-family:var(--br-font)}.num{font-family:var(--br-font-num);font-variant-numeric:tabular-nums}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
:root{--green:#44c45a;--green-dark:#459a54;--green-deep:#1b5e2c;--blue:#2a6eff;--g-mid:#3d8c5e;--g-mid2:#2e7d40;--g-light:#eaf5ef;--g-light2:#eef3ee;--live:#5ed17a;--paper:#f8fbf8;--white:#fff;--tint:#f1f5f2;--tint2:#e7ede8;--ink:#1a1a1a;--chrome:#c8cdd4;--steel:#8a9099;--gun:#4a5058;--warn:#f5c518;--warn-bg:#fff7d6;--warn-text:#7a5a00;--red:#d63c3c;--orange:#d9730d;--font:var(--f-dm), var(--f-thai), sans-serif;--num:var(--f-thai), var(--f-dm), serif;--title:var(--f-bebas), var(--f-thai), sans-serif;--r10:10px;--r12:12px;--r18:18px;--line:#c8cdd48c}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}.num{font-family:var(--num);font-variant-numeric:tabular-nums}.en{color:var(--steel);font-size:.89em;font-weight:400}button{font:inherit;cursor:pointer}svg.lucide{stroke-width:1.8px;flex:none;width:18px;height:18px}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{background:var(--ink);color:#fff;flex-direction:column;gap:4px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.side .logo{align-items:center;gap:10px;padding:4px 10px 18px;display:flex}.side .logo img{width:auto;height:30px}.side .logo .tag{font:12px var(--font);color:#9aa1a9;border-left:1px solid #3a3f45;padding-left:10px;line-height:1.2}.nav-h{color:#7d848c;padding:14px 12px 6px;font-size:11.5px}.nav a{border-radius:var(--r10);color:#d5d9dd;align-items:center;gap:11px;padding:9px 12px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.nav a:hover{background:#26292d}.nav a.on{color:#fff;background:#2b2f33}.nav a.on svg{color:var(--green)}.nav a .th{color:#868d95;margin-left:auto;font-size:12px}.nav a .badge{background:var(--green);color:#0d2a14;font:700 11px var(--num);border-radius:999px;margin-left:auto;padding:1px 8px}.side .foot{gap:8px;margin-top:auto;padding-top:14px;display:grid}.printer{border-radius:var(--r12);color:#c5cad0;background:#24272b;align-items:center;gap:10px;padding:12px;font-size:12.5px;display:flex}.printer .dot{background:var(--live);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #5ed17a26}.lockbtn{color:#c5cad0;border-radius:var(--r10);background:0 0;border:1px solid #3a3f45;justify-content:center;align-items:center;gap:8px;padding:9px;display:flex}.main{min-width:0;padding:26px 30px 60px}.top{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.hello h1{font:34px/1 var(--title);letter-spacing:.03em;margin:0}.hello p{color:var(--gun);margin:6px 0 0}.top .grow{flex:1}.search{background:var(--white);border:1px solid var(--line);border-radius:var(--r12);min-width:340px;color:var(--steel);align-items:center;gap:10px;padding:10px 14px;display:flex}.search kbd{font:11px var(--font);background:var(--tint);color:var(--gun);border-radius:6px;margin-left:auto;padding:2px 6px}.btn{border-radius:var(--r10);white-space:nowrap;border:0;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-dark)}.btn-dark{background:var(--ink);color:#fff}.btn-soft{background:var(--tint);color:var(--ink)}.btn-soft:hover{background:var(--tint2)}.btn-sm{padding:7px 12px;font-size:13px}.iconbtn{border-radius:var(--r12);border:1px solid var(--line);background:var(--white);place-items:center;width:42px;height:42px;display:grid;position:relative}.iconbtn .pip{background:var(--red);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--r18);min-width:0;padding:20px}.ph{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ph h2{margin:0;font-size:17px;font-weight:600}.ph h2 .en{margin-left:4px;font-weight:400}.ph .more{color:var(--green-deep);align-items:center;gap:4px;margin-left:auto;font-size:13px;font-weight:600;text-decoration:none;display:flex}.why{background:var(--warn-bg);color:var(--warn-text);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:none}body.notes .why{align-items:center;gap:6px;display:inline-flex}.why svg{width:13px;height:13px}.row{gap:18px;margin-bottom:18px;display:grid}.r-2-1{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.c-ok{color:var(--green-deep);background:#e3f6e6}.c-wait{color:var(--gun);background:#eef0f2}.c-info{color:#1e4fcc;background:#e0eaff}.c-warn{background:var(--warn-bg);color:var(--warn-text)}.c-bad{color:var(--red);background:#fde6e6}.c-dark{background:var(--ink);color:#fff}.kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.kpi{background:var(--white);border:1px solid var(--line);border-radius:var(--r18);flex-direction:column;gap:6px;padding:16px;display:flex}.kpi .k-top{color:var(--gun);align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.kpi .k-ic{background:var(--tint);width:30px;height:30px;color:var(--g-mid);border-radius:9px;place-items:center;display:grid}.kpi .big{font:600 30px/1.1 var(--num);font-variant-numeric:tabular-nums}.kpi .big small{color:var(--steel);font-size:15px;font-weight:400}.kpi .sub{color:var(--steel);font-size:12px}.kpi.hot{background:var(--green);border-color:var(--green);color:#fff}.kpi.hot .k-top,.kpi.hot .sub{color:#eafbee}.kpi.hot .k-ic{color:#fff;background:#fff3}.drafts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.draft{border:1px solid var(--line);border-radius:var(--r18);background:var(--white);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.draft:hover{transform:translateY(-2px);box-shadow:0 10px 28px -14px #1a1a1a40}.draft .thumb{height:150px}.draft .body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.draft h3{margin:0;font-size:15px;font-weight:600;line-height:1.3}.draft .src{flex-wrap:wrap;gap:6px;display:flex}.draft .meta{color:var(--gun);font-size:12.5px}.draft .acts{gap:8px;margin-top:auto;padding-top:6px;display:flex}.draft .acts .btn{flex:1;justify-content:center}.thumb{background:var(--tint);place-items:center;display:grid;position:relative;overflow:hidden}.thumb.g{background:linear-gradient(160deg, var(--g-light) 0%, var(--tint) 100%)}.thumb.d{background:linear-gradient(160deg, #2b2f33, var(--ink))}.thumb.b{background:linear-gradient(160deg, #e8efff, var(--tint))}.sheet{aspect-ratio:210/297;background:#fff;border-radius:4px;flex-direction:column;gap:5%;width:46%;padding:8%;display:flex;transform:rotate(-3deg)translateY(10%);box-shadow:0 8px 22px -8px #1a1a1a59}.sheet.back{opacity:.7;position:absolute;transform:rotate(5deg)translate(18%,12%)}.sheet .lh{align-items:center;gap:6%;display:flex}.sheet .lh i{aspect-ratio:1;background:var(--green);border-radius:3px;width:18%;display:block}.sheet .lh b{background:var(--ink);border-radius:2px;flex:1;height:4px;display:block}.sheet .t{font:600 7px/1.2 var(--font);color:var(--ink)}.sheet .ln{background:var(--tint2);border-radius:2px;height:3px}.sheet .ln.s{width:60%}.sheet .ln.m{width:80%}.sheet .tbl{gap:2px;display:grid}.sheet .tbl span{background:var(--tint);border-radius:1px;height:5px}.sheet .tbl span:first-child{background:var(--g-light)}.sheet .sig{gap:10%;margin-top:auto;display:flex}.sheet .sig span{border-top:1px solid var(--chrome);flex:1;height:6px}.sheet .bars{align-items:flex-end;gap:6%;height:30%;padding-top:4%;display:flex}.sheet .bars span{background:var(--g-mid);border-radius:2px 2px 0 0;flex:1}.sheet .bars span:nth-child(2n){background:var(--green)}.sheet .cal{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.sheet .cal span{aspect-ratio:1;background:var(--tint);border-radius:1px}.sheet .cal span.l{background:#bfd3ff}.sheet .cal span.s{background:var(--g-light)}.sheet .cal span.x{background:#f8c9c9}.sheet .donut{aspect-ratio:1;background:conic-gradient(var(--green) 0 46%, var(--g-mid) 0 72%, var(--chrome) 0 100%);border-radius:50%;align-self:center;width:46%;-webkit-mask:radial-gradient(circle,#0000 42%,#000 43%);mask:radial-gradient(circle,#0000 42%,#000 43%)}.sheet .stamp{aspect-ratio:1;border:1.5px solid var(--green);opacity:.8;border-radius:50%;width:22%;position:absolute;bottom:18%;right:10%}.sheet .truck{background:var(--g-light2);border-radius:2px;place-items:center;height:18%;display:grid}.sheet .truck svg{width:70%;height:80%;color:var(--g-mid)}.corner{z-index:3;position:absolute;top:12px;left:12px}.fmt{z-index:3;font:700 10.5px var(--font);color:var(--gun);background:#fff;border-radius:8px;padding:3px 7px;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #0000000f}.fmt.pdf{color:var(--red)}.fmt.xls{color:var(--g-mid2)}.fmt.doc{color:var(--blue)}.inbox-g{color:var(--steel);align-items:center;gap:8px;margin:12px 0 6px;font-size:12px;font-weight:600;display:flex}.inbox-g:first-of-type{margin-top:0}.inbox-g .n{font-family:var(--num);background:var(--tint);color:var(--gun);border-radius:999px;padding:0 7px}.item{border-radius:var(--r12);align-items:center;gap:12px;padding:10px;transition:background .15s;display:flex}.item:hover{background:var(--tint)}.item .av{background:var(--tint);width:38px;height:38px;color:var(--gun);border-radius:11px;flex:none;place-items:center;display:grid}.item .av.gr{background:var(--g-light);color:var(--green-deep)}.item .av.bl{color:#1e4fcc;background:#e0eaff}.item .av.ye{background:var(--warn-bg);color:var(--warn-text)}.item .av.re{color:var(--red);background:#fde6e6}.item .tx{flex:1;min-width:0}.item .tx b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.item .tx span{color:var(--steel);font-size:12px}.item .go{flex:none}.tl{grid-template-columns:180px minmax(0,1fr);font-size:12.5px;display:grid}.tl-hours{color:var(--steel);font:11.5px var(--num);border-bottom:1px solid var(--line);grid-template-columns:repeat(8,minmax(0,1fr));padding-bottom:6px;display:grid;overflow:hidden}.tl-hours span{padding-left:4px}.tl-name{border-bottom:1px solid var(--g-light2);flex-direction:column;justify-content:center;padding:10px 8px 10px 0;display:flex}.tl-name b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.tl-name span{color:var(--steel);font-size:11.5px}.tl-lane{border-bottom:1px solid var(--g-light2);background-image:repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 1px), var(--g-light2) calc(12.5% - 1px) 12.5%);position:relative}.bar{white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:flex;position:absolute;top:9px;bottom:9px;overflow:hidden}.bar.g{background:var(--green);color:#fff}.bar.m{background:var(--g-light);color:var(--green-deep);border:1px solid #cfe9d6}.bar.k{background:var(--ink);color:#fff}.bar .faces{display:flex}.bar .faces i{background:var(--tint2);border:2px solid;border-radius:50%;width:18px;height:18px;margin-left:-6px;display:block}.bar .faces i:first-child{margin-left:0}.now{background:var(--red);z-index:2;width:2px;position:absolute;top:0;bottom:0;left:34%}.now:before{content:"09:42";background:var(--red);color:#fff;font:600 10.5px var(--num);border-radius:6px;padding:1px 6px;position:absolute;top:-20px;left:-18px}.cars{gap:10px;display:grid}.car{background:var(--tint);border-radius:var(--r12);grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.car svg.v{width:74px;height:34px}.car b{font-size:13.5px;font-weight:600;display:block}.car span{color:var(--gun);font-size:12px}.reports{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.15fr);gap:14px;display:grid}.rep{border:1px solid var(--line);border-radius:var(--r18);background:#fff;flex-direction:column;display:flex;overflow:hidden}.rep .thumb{height:128px}.rep .thumb .sheet{width:52%;transform:rotate(0)translateY(14%)}.rep .body{flex-direction:column;flex:1;gap:4px;padding:12px 14px 14px;display:flex}.rep b{font-size:14px;font-weight:600}.rep .who{color:var(--steel);font-size:12px}.rep .acts{gap:6px;margin-top:8px;display:flex}.pack{background:var(--ink);color:#fff;border-radius:var(--r18);flex-direction:column;gap:10px;padding:18px;display:flex;position:relative;overflow:hidden}.pack h3{font:26px/1 var(--title);letter-spacing:.03em;margin:0}.pack p{color:#b9bfc6;margin:0;font-size:13px}.pack .stack{flex-wrap:wrap;gap:6px;display:flex}.pack .stack span{color:#dfe3e6;background:#2b2f33;border-radius:999px;padding:3px 10px;font-size:12px}.pack .sched{color:#c5cad0;align-items:center;gap:8px;font-size:12.5px;display:flex}.pack .sched .tg{background:var(--green);border-radius:999px;width:34px;height:20px;position:relative}.pack .sched .tg:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;right:2px}.pack .btn{justify-content:center;margin-top:auto}.pack .glow{background:radial-gradient(circle,#44c45a59,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.folders{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.folder{background:var(--tint);border-radius:var(--r12);cursor:pointer;flex-direction:column;gap:10px;padding:14px;transition:background .15s;display:flex}.folder:hover{background:var(--tint2)}.folder .shape{width:52px;height:40px;position:relative}.folder .shape:before{content:"";background:var(--c,var(--green));filter:brightness(.88);border-radius:5px 5px 0 0;width:45%;height:10px;position:absolute;top:0;left:0}.folder .shape:after{content:"";background:var(--c,var(--green));border-radius:4px 8px 8px;position:absolute;inset:6px 0 0}.folder b{font-size:13.5px;font-weight:600;line-height:1.25}.folder span{color:var(--steel);font-size:12px}.tabs{background:var(--tint);border-radius:999px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.tabs button{color:var(--gun);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.tabs button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014}.lib{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.doc{border:1px solid var(--line);border-radius:var(--r18);background:#fff;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.doc:hover{transform:translateY(-2px);box-shadow:0 10px 28px -14px #1a1a1a40}.doc .thumb{height:170px}.doc .body{flex-direction:column;flex:1;gap:3px;padding:12px 14px 14px;display:flex}.doc b{font-size:14px;font-weight:600}.doc .th{color:var(--gun);font-size:12.5px}.doc .bot{align-items:center;gap:8px;margin-top:10px;display:flex}.doc .bot .code{font:11.5px var(--num);color:var(--steel)}.doc .bot .btn{margin-left:auto}.doc.hide{display:none}.apps{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.app-t{background:var(--tint);border-radius:var(--r12);color:inherit;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:background .15s;display:flex}.app-t:hover{background:var(--tint2)}.app-t .ic{width:42px;height:42px;color:var(--g-mid);background:#fff;border-radius:12px;flex:none;place-items:center;display:grid}.app-t .ic.dk{background:var(--ink);color:var(--green)}.app-t b{font-size:13.5px;font-weight:600;display:block}.app-t span{color:var(--steel);font-size:12px}.app-t .st{margin-left:auto}.lock-page{background:radial-gradient(circle at 20% 10%, var(--g-light), transparent 45%), var(--paper);place-items:center;min-height:100dvh;padding:16px;display:grid}.lock-card{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;gap:12px;width:min(400px,100%);padding:30px;display:flex;box-shadow:0 30px 80px -30px #1a1a1a59}.lock-logo{align-self:flex-start;width:auto;height:42px}.lock-card h1{font:32px/1 var(--title);letter-spacing:.03em;text-transform:uppercase;margin:8px 0 0}.lock-sub{color:var(--gun);margin:-4px 0 4px}.lock-card .lab{color:var(--gun);font-size:12.5px;font-weight:600}.lock-card .field{background:var(--tint);border-radius:var(--r10);font:15px var(--font);border:0;outline:none;width:100%;padding:12px 14px}.lock-card .field:focus{box-shadow:0 0 0 3px #44c45a4d}.rem{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.rem input{width:18px;height:18px;accent-color:var(--green)}.lock-err{color:var(--red);border-radius:var(--r10);background:#fde6e6;margin:0;padding:9px 12px;font-size:13px;font-weight:600}.lock-go{justify-content:center;padding:12px}.lock-go:disabled{opacity:.7}.lock-note{color:var(--steel);background:var(--tint);border-radius:var(--r12);margin:0;padding:10px 12px;font-size:12px}.sample{background:var(--warn-bg);color:var(--warn-text);border-radius:999px;align-items:center;gap:6px;margin-left:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.lockbtn{width:100%}.ptop,.ptabs{display:none}@media (max-width:1380px){.kpis,.reports,.apps,.folders{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.r-2-1{grid-template-columns:minmax(0,1fr)}.lib{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.app{grid-template-columns:1fr}.side{display:none}.ptop{z-index:20;background:var(--ink);color:#fff;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.ptop img{width:auto;height:24px}.ptop .sp{flex:1}.ptop button{color:#fff;background:#2b2f33;border:0;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;position:relative}.ptop button .pip{background:var(--red);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.ptabs{z-index:20;background:var(--ink);padding:8px 6px calc(8px + env(safe-area-inset-bottom));grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.ptabs a{color:#9aa1a9;flex-direction:column;align-items:center;gap:3px;font-size:11px;text-decoration:none;display:flex;position:relative}.ptabs a.on{color:#fff}.ptabs a.on svg{color:var(--green)}.ptabs a .badge{background:var(--green);color:#0d2a14;font:700 10px var(--num);border-radius:999px;padding:0 6px;position:absolute;top:-4px;left:55%}.main{padding:18px 16px 110px}.search{order:3;width:100%;min-width:0}.top .grow,.top .iconbtn{display:none}.top .btn-green{order:2}.hello h1{font-size:30px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi .big{font-size:26px}.drafts{grid-template-columns:minmax(0,1fr)}.reports{grid-template-columns:repeat(2,minmax(0,1fr))}.pack{grid-column:1/-1}.folders,.lib{grid-template-columns:repeat(2,minmax(0,1fr))}.doc .thumb{height:130px}.apps{grid-template-columns:minmax(0,1fr)}.tl{grid-template-columns:104px minmax(0,1fr)}.tl-hours span:nth-child(2n){visibility:hidden}.bar .faces,.bar .lbl-x{display:none}.panel{padding:16px}}.todo-h1{font-family:var(--f-bebas), sans-serif;letter-spacing:.02em;margin:0;font-size:34px;line-height:1}.todo-sub{color:var(--gun);margin-top:4px;font-size:13px}.todo-tools{gap:8px}.todo-tools .chip{text-decoration:none}.todo-search{background:var(--tint);border-radius:var(--r10);flex:1;align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}.todo-search svg{width:16px;height:16px;color:var(--gun)}.todo-search input{font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.todo-table{display:grid}.todo-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) 80px 110px 110px;align-items:center;gap:12px;padding:12px 4px;font-size:14px;display:grid}.todo-head{color:var(--gun);border-top:0;padding-top:0;font-size:12px;font-weight:600}.todo-item{flex-wrap:wrap;align-items:center;gap:6px 8px;font-weight:600;display:flex}.todo-where{width:100%;color:var(--gun);font-size:12px;font-weight:400;display:block}.todo-row .btn svg{width:14px;height:14px}.todo-empty{color:var(--gun);text-align:center;margin:0;padding:28px 0}.todo-err{color:var(--red)}@media (max-width:760px){.todo-head{display:none}.todo-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.todo-row>span:nth-child(2),.todo-row>span:nth-child(3),.todo-row>span:nth-child(4){color:var(--gun);font-size:12px}.todo-row>span:nth-child(5){grid-area:1/2}}.ptitle{flex-direction:column;gap:2px;min-width:0;display:flex}.pt-kicker{color:var(--steel);letter-spacing:.03em;margin-bottom:2px;font-size:11.5px;font-weight:600}.pt-en{font-family:var(--f-bebas), sans-serif;letter-spacing:.02em;color:var(--ink);margin:0;font-size:34px;font-weight:400;line-height:1}.pt-th{font-family:var(--f-thai), serif;color:var(--gun);font-size:15.5px;font-weight:500;line-height:1.4}.pt-sub{color:var(--steel);margin-top:4px;font-size:13px}@media (max-width:860px){.pt-en{font-size:30px}.pt-th{font-size:14.5px}}.pl-wrap{flex-direction:column;gap:14px;padding-top:4px;display:flex}.pl-bar,.pl-card{border-radius:var(--r12);background:linear-gradient(90deg, var(--tint) 25%, var(--tint2) 50%, var(--tint) 75%);background-size:200% 100%;animation:1.2s ease-in-out infinite pl-shine}.pl-bar{height:22px}.pl-bar.w40{width:40%;height:32px}.pl-bar.w25{width:25%}.pl-card{border-radius:var(--r18);height:160px}@keyframes pl-shine{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.pl-bar,.pl-card{animation:none}}