:root{--orange:#ff8e24;--orange-dk:#8f5014;--navy:#0d1b2a;--coral:#f75c40;--coral-dk:#b2422e;--surface:#fff;--surface-alt:#f4f5f6;--border:#e3e5e8;--muted:#5b6b7d;--success:#15803d;--warning:#b45309;--error:#dc2626;--info:#1d6fd1;--th:"Sarabun", "Noto Sans Thai", system-ui, sans-serif;--en:"Manrope", "Sarabun", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface);color:var(--navy);font-family:var(--th);-webkit-text-size-adjust:100%;font-size:15px;line-height:1.55}.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.wrap{width:100%;max-width:none;margin:0}header.bar{z-index:30;background:var(--navy);color:#fff;position:sticky;top:0}.bar .wrap{flex-wrap:wrap;align-items:center;gap:14px;padding-block:12px;display:flex}.mark{align-items:center;gap:10px;min-width:0;display:flex}.mark .tick{background:var(--orange);border-radius:1px;flex:none;width:6px;height:26px}.mark b{font-family:var(--en);letter-spacing:.2px;white-space:nowrap;font-size:16px;font-weight:700;display:block}.mark span{color:#c3ccd6;font-size:12px;display:block}.bar .sp{flex:auto}.chip{color:#e7ecf1;white-space:nowrap;border:1px solid #ffffff47;border-radius:999px;padding:4px 10px;font-size:12px}.chip.ok{border-color:var(--orange);color:var(--orange)}.chip.warn{color:#f3b27a;border-color:#f3b27a}nav.tabs{background:var(--navy);z-index:29;border-top:1px solid #ffffff1f;position:sticky;top:58px}nav.tabs .wrap{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}nav.tabs .wrap::-webkit-scrollbar{display:none}nav.tabs button{appearance:none;color:#c3ccd6;font-family:var(--th);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:11px 16px;font-size:14px;font-weight:600}nav.tabs button[aria-selected=true]{color:#fff;border-bottom-color:var(--orange)}nav.tabs button:hover{color:#fff}nav.tabs button:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}main{padding-block:20px 56px}section.tabpane{flex-direction:column;gap:18px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px}.card>h2{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.card>h2 .sub{color:var(--muted);font-size:12.5px;font-weight:400}.card .body{flex-direction:column;gap:14px;padding:16px;display:flex}.rule{background:var(--orange);border-radius:2px;height:3px}.lead{color:var(--muted);max-width:68ch;margin:0;font-size:13.5px}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:700}.field.check{flex-direction:row;align-items:center;gap:6px}.field.check label{text-transform:none;letter-spacing:0;color:var(--navy);font-size:13px}input,select,textarea{font-family:var(--th);color:var(--navy);background:var(--surface);border:1px solid var(--border);border-radius:7px;min-width:0;max-width:100%;padding:7px 9px;font-size:14px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a.btn:focus-visible{outline:2px solid var(--orange-dk);outline-offset:1px}input[type=file]{background:var(--surface-alt);padding:6px}.btn{appearance:none;font-family:var(--th);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--navy);white-space:nowrap;border-radius:7px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:var(--surface-alt)}.btn.pri{background:var(--orange);border-color:var(--orange);color:var(--navy)}.btn.pri:hover{background:var(--orange);filter:saturate(1.15)}.btn.danger{color:var(--error)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.sm{padding:4px 9px;font-size:12.5px}.tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:12px 14px}.tile.fill{background:var(--orange);border-color:var(--orange)}.tile .k{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:700}.tile.fill .k,.tile.fill .n{color:var(--navy)}.tile .v{font-family:var(--en);font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:700}.tile .n{color:var(--muted);font-size:12px}.tablewrap{border:1px solid var(--border);border-radius:9px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 10px}thead th{background:var(--navy);color:#fff;letter-spacing:.03em;z-index:1;font-size:12px;font-weight:600;position:sticky;top:0}tbody tr:nth-child(2n){background:var(--surface-alt)}tbody tr.untagged{box-shadow:inset 3px 0 0 var(--coral)}tbody tr.done{box-shadow:inset 3px 0 0 var(--success)}td.num,th.num{text-align:right;font-family:var(--en);font-variant-numeric:tabular-nums}td.wrapc{white-space:normal;min-width:220px;max-width:340px}td input,td select{padding:5px 7px;font-size:13px}td.alloccell{min-width:430px}.allocrow{flex-wrap:nowrap;align-items:center;gap:4px;margin-bottom:3px;display:flex}.aseq{font-family:var(--en);color:var(--muted);text-align:right;flex:none;width:12px;font-size:11px}.allocrow .amt{font-family:var(--en);text-align:right}.adate{color:var(--muted);white-space:nowrap;font-size:11px}.rmA{color:var(--coral-dk);padding:2px 7px;line-height:1.2}.addA{margin-top:1px}.suggest{color:var(--info);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.pill{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-block}.pill.ok{color:var(--success);border-color:var(--success)}.pill.no{color:var(--coral-dk);border-color:var(--coral-dk)}.pill.ex{color:var(--error);border-color:var(--error)}.pill.out{color:var(--info);border-color:var(--info)}.note{border-left:3px solid var(--orange);background:var(--surface-alt);border-radius:0 7px 7px 0;padding:10px 14px;font-size:13px}.note.bad{border-left-color:var(--error)}.note.good{border-left-color:var(--success)}.note ul{margin:6px 0 0;padding-left:18px}.empty{text-align:center;color:var(--muted);padding:34px 16px}.empty h3{color:var(--navy);margin:0 0 6px;font-size:16px}.steps{text-align:left;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:18px;display:grid}.step{border:1px solid var(--border);border-radius:9px;padding:12px 14px}.step b{font-family:var(--en);color:var(--orange-dk);letter-spacing:.08em;font-size:12px;display:block}.step span{color:var(--navy);margin-top:3px;font-size:14px;font-weight:600;display:block}.step i{color:var(--muted);margin-top:3px;font-size:12.5px;font-style:normal;display:block}.bar-progress{background:var(--border);border-radius:4px;height:7px;overflow:hidden}.bar-progress>i{background:var(--orange);height:100%;display:block}.muted{color:var(--muted);margin:0;font-size:12.5px}.grid2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toast{z-index:60;background:var(--navy);color:#fff;border-radius:999px;padding:9px 16px;font-size:13.5px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0d1b2a40}@media (width<=640px){.card .body{padding:12px}.mark span{display:none}}.loginCard{max-width:420px;margin:48px auto}nav.tabs .sp{flex:auto}nav.tabs .navuser{color:#c3ccd6;white-space:nowrap;align-self:center;padding:0 8px;font-size:13px}.rolechk{white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:inline-flex}