@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-thai-400-normal-C2DaJlKK.woff2) format("woff2"),url(/assets/sarabun-thai-400-normal-CH-UbWgg.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-vietnamese-400-normal-igdrzAGY.woff2) format("woff2"),url(/assets/sarabun-vietnamese-400-normal-DPfkSCMy.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-ext-400-normal-BbP7GpLL.woff2) format("woff2"),url(/assets/sarabun-latin-ext-400-normal-BsmTn0SS.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-display:swap;font-weight:400;src:url(/assets/sarabun-latin-400-normal-URPBxl-K.woff2) format("woff2"),url(/assets/sarabun-latin-400-normal-DmguIS-7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-display:swap;font-weight:700;src:url(/assets/sarabun-thai-700-normal-CbuDipM3.woff2) format("woff2"),url(/assets/sarabun-thai-700-normal-CP2-p8e-.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-vietnamese-700-normal-DrMy3BMX.woff2) format("woff2"),url(/assets/sarabun-vietnamese-700-normal-lN6N8XBT.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-ext-700-normal-CnQtP196.woff2) format("woff2"),url(/assets/sarabun-latin-ext-700-normal-ykw7DJpk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-display:swap;font-weight:700;src:url(/assets/sarabun-latin-700-normal-DQKyWxHq.woff2) format("woff2"),url(/assets/sarabun-latin-700-normal-DUuqj4Ju.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f2f2f7;--card: #fff;--ink: #111;--mute: #6b6b70;--mute2: #6b6b70;--line: #eee;--blue: #0a6cff;--green: #34c759;--deep: #0b3d2e;--seg: #e5e5ea;--red: #d70015;--ref: #0a7f6c}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}body{font-family:Sarabun,-apple-system,Sukhumvit Set,Noto Sans Thai,sans-serif;font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden}button,input,select{font:inherit;color:inherit}input,select,textarea{font-size:16px}button{cursor:pointer}.boot{padding:40px;text-align:center;color:var(--mute)}.screen{max-width:640px;margin:0 auto;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.ph-top{background:var(--card);padding:calc(14px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid #ddd}.ph-top .t{font-size:22px;font-weight:700}.seg{display:flex;background:var(--seg);border-radius:9px;padding:2px}.seg button{flex:1;border:0;background:none;text-align:center;font-size:13px;padding:6px 0;border-radius:7px}.seg button.on{background:#fff;font-weight:600;box-shadow:0 1px 2px #00000026}.ph-top .seg{margin-top:10px}.grp{margin:14px 12px 0;background:var(--card);border-radius:12px;overflow:hidden}.gt{font-size:12px;color:var(--mute2);margin:14px 24px -8px}.row{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line);font-size:15px;gap:10px}.row:last-child{border-bottom:none}.row.col{flex-direction:column;align-items:stretch;gap:6px}.row.col .seg button{padding:8px 2px;font-size:14px;line-height:1.2}.row .v{color:var(--blue);font-variant-numeric:tabular-nums;white-space:nowrap}.row .d,.d{color:var(--mute);font-size:12px}.fv{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap;justify-content:flex-end}.fv .ref{flex-basis:100%;min-width:0;text-align:right;color:var(--ref);font-variant-numeric:tabular-nums}.refv{color:var(--ref);font-variant-numeric:tabular-nums;white-space:nowrap}.rl{display:flex;flex-direction:column;gap:1px;min-width:0}.row>label{flex-shrink:0}.fv input{width:110px;text-align:right;border:0;background:none;color:var(--blue);font-variant-numeric:tabular-nums;outline:none;padding:2px 0;font-size:16px}.sfx{color:var(--mute2);white-space:nowrap}.note{font-size:12px;color:var(--mute);margin:6px 24px 0;line-height:1.35}.calc{color:var(--mute);font-size:12px;line-height:1.35}.tog{width:44px;height:26px;border-radius:13px;background:var(--seg);border:0;position:relative;padding:0;flex:none;transition:background .15s}.tog:after{content:"";position:absolute;left:2px;top:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:left .15s}.tog.on{background:var(--green)}.tog.on:after{left:20px}.res{margin:14px 12px;background:var(--deep);color:#fff;border-radius:14px;padding:14px 16px}.res .big{font-size:28px;font-weight:700}.res .r{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:3px 0;font-size:15px}.res .r .k{opacity:.8}.res .r .n{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.res .r .n b{font-weight:600}.res .r.big .n b{font-weight:700}.res .r.big{font-size:17px;margin-top:2px}.res .r.big .k{opacity:1;font-weight:600}.res .r.big .n{font-size:26px;font-weight:700}.res .sub{font-size:12px;opacity:.75;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.25)}.res .s{font-size:13px;opacity:.85}.btn{display:block;width:calc(100% - 24px);margin:14px 12px 16px;background:var(--blue);color:#fff;border:0;text-align:center;padding:13px;border-radius:12px;font-weight:600}.btn:disabled{opacity:.6}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;background:#fffffff5;border-top:1px solid #ddd;padding:8px 0 env(safe-area-inset-bottom)}.tabbar button{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mute);padding:2px 0 6px}.tabbar button.on{color:var(--blue);font-weight:600}.tabbar .ico{font-size:20px;line-height:1}.login{max-width:420px;margin:0 auto;padding:calc(60px + env(safe-area-inset-top)) 0 40px}.login h1{text-align:center;font-size:28px;margin:0 0 12px}.login .row input{flex:1;text-align:right;border:0;background:none;outline:none;font-size:16px;min-width:0}.err{color:var(--red);font-size:13px;margin:10px 24px 0}@media print{.tabbar{display:none}}.row .seg{min-width:150px}.row .h{display:flex;justify-content:space-between;gap:10px}.sel{-moz-appearance:none;appearance:none;-webkit-appearance:none;max-width:62%;border:0;border-radius:9px;background:none;color:var(--blue);text-align:right;text-align-last:right;font-size:16px;padding:4px 8px;margin-right:-8px;transition:background .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sel:focus,.sel:active,.sel.open{background:var(--seg);outline:none;font-weight:600}.res .s b{font-weight:700}@page{size:A4;margin:15mm}.print-wrap{min-height:100vh;background:#d8d8dc;padding:12px 0 24px}.print-bar{display:flex;justify-content:space-between;gap:10px;padding:0 12px 12px}.pbtn{border:0;background:#fff;color:var(--blue);font-size:15px;font-weight:600;padding:10px 16px;border-radius:10px}.pbtn.on{background:var(--blue);color:#fff}.print-scale{display:flex;justify-content:center;padding:0 12px}.print-page{width:100%;max-width:420px;min-height:480px;background:#fff;color:#000;box-sizing:border-box;padding:28px 24px;font-family:Sarabun,Noto Sans Thai,sans-serif;font-size:12px;box-shadow:0 6px 24px #0003}.print-page .title{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:17px;font-weight:700}.print-page .meta{color:#333;font-size:10.5px;margin:6px 0 14px}.print-page table{width:100%;border-collapse:collapse;margin-bottom:4px}.print-page td{padding:5px 2px;border-bottom:1px solid #ccc;vertical-align:top}.print-page td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:8px}.print-page .g,.print-page .calc{color:#333;font-size:10.5px}.print-page .sec td{font-weight:700;border-bottom:1.5px solid #000;padding-top:12px}.print-page .tot td{font-weight:700;border-top:1.5px solid #000;border-bottom:none}.print-page .tot .calc{font-weight:400}.frac{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-variant-numeric:tabular-nums}.grp .frac{font-size:17px;font-weight:600}.row.frac-head{justify-content:center;padding:12px 14px;background:#f7f7fa}.row.frac-head .frac{font-size:22px;font-weight:700}.row.frac-head:empty{display:none}.frac .fr{display:inline-flex;flex-direction:column;align-items:center;line-height:1.05}.frac .num{border-bottom:1.5px solid currentColor;padding:0 3px 1px}.frac .den{padding:1px 3px 0}@media print{html,body,#root{background:#fff!important}.print-bar,.tabbar{display:none!important}.print-wrap,.print-scale{background:#fff;padding:0;min-height:0;display:block}.print-page{width:100%;max-width:none;min-height:0;padding:0;margin:0;box-shadow:none;border-radius:0;background:#fff;font-size:11pt}.print-page tr{break-inside:avoid}.print-page .meta,.print-page .g,.print-page .calc{font-size:9.5pt}.print-page .title{font-size:15pt}}.back{background:none;border:0;color:var(--blue);font-size:16px;padding:0 0 6px;display:block}.grp button.item{width:100%;background:none;border:0;text-align:left}.item .chev{color:var(--mute2)}.mini{background:none;border:0;color:var(--blue);padding:4px 8px;font-size:15px}.mini:disabled{opacity:.4}.mini.red{color:var(--red)}.ok{color:var(--mute);font-size:13px;margin:10px 24px 0}.toast{position:fixed;left:50%;top:40%;transform:translate(-50%);background:#1e1e1ee6;color:#fff;padding:14px 22px;border-radius:12px;font-size:16px;z-index:60;pointer-events:none;animation:toast 2.2s ease forwards}.toast:before{content:"✓ "}@keyframes toast{0%{opacity:0}10%,75%{opacity:1}to{opacity:0;visibility:hidden}}.confirm input{display:block;width:calc(100% - 48px);margin:8px 24px 4px;padding:10px 12px;font-size:16px;border:1px solid var(--line, #d1d1d6);border-radius:10px;box-sizing:border-box}.confirm-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:50}.confirm{background:var(--card);width:100%;max-width:640px;border-radius:14px 14px 0 0;padding:16px 0 calc(12px + env(safe-area-inset-bottom))}.confirm p{margin:0 24px 4px;font-size:16px;text-align:center}.btn.alt{background:var(--seg);color:var(--blue);margin-top:0}@media print{.confirm-back{display:none}}.trend svg{display:block;width:100%;height:70px;padding:0 16px 12px;box-sizing:border-box;touch-action:pan-y}.trend polyline{fill:none;stroke:var(--ref);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.trend line{stroke:var(--mute2);stroke-width:1px;vector-effect:non-scaling-stroke}.trend-note{margin:12px 16px 0;font-size:12px}.trend .trend-note{margin:0;padding:0 16px 12px}
