:root{--bg:#f6f7f9;--panel:#fff;--ink:#16181d;--ink-soft:#5c6270;--line:#e3e6eb;--accent:#0b5fff;--ok:#0f8b4c;--warn:#b4690e;--danger:#c02626;--info:#4a4fbf;--radius:10px;--sidebar:220px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Thai,Sarabun,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}h1{margin:0;font-size:22px}h2{margin:0 0 12px;font-size:16px}.boot{height:100%;color:var(--ink-soft);place-items:center;display:grid}.shell{min-height:100%;display:flex}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:20px;padding:18px 12px;display:flex}.brand{align-items:center;gap:9px;padding:0 6px;display:flex}.brand-mark{background:var(--ink);color:#fff;letter-spacing:.5px;border-radius:6px;padding:5px 7px;font-size:12px;font-weight:700}.brand-text{font-weight:600}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar nav a{color:var(--ink-soft);border-radius:8px;padding:9px 10px;font-weight:500;text-decoration:none}.sidebar nav a:hover{color:var(--ink);background:#f0f2f5}.sidebar nav a.active{color:var(--accent);background:#eaf0ff}.sidebar-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.who{flex-direction:column;padding:0 6px;display:flex}.who span{color:var(--ink-soft);font-size:12px}.content{flex:1;min-width:0;padding:26px 30px 60px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.sub{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}input,select{font:inherit;border:1px solid var(--line);color:inherit;background:#fff;border-radius:8px;padding:8px 10px}input:focus,select:focus{border-color:var(--accent);outline:2px solid #cfe0ff}.search{min-width:280px}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.grid{border-collapse:collapse;white-space:nowrap;width:100%}.grid th,.grid td{text-align:left;border-bottom:1px solid var(--line);padding:10px 14px}.grid th{color:var(--ink-soft);background:#fafbfc;font-size:12px;font-weight:600;position:sticky;top:0}.grid tr:last-child td{border-bottom:none}.grid tbody tr:hover{background:#fafbfd}.grid .num{text-align:right;font-variant-numeric:tabular-nums}.grid .strong{font-weight:600}.grid .mono{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13px}.empty{text-align:center;color:var(--ink-soft);padding:28px}.revealed{align-items:center;gap:8px;display:inline-flex}.pill{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:500;display:inline-block}.pill.ok{color:var(--ok);background:#e6f5ec}.pill.warn{color:var(--warn);background:#fdf1e0}.pill.info{color:var(--info);background:#ecedfb}.pill.mute{color:var(--ink-soft);background:#f0f1f4}.pill.danger{color:var(--danger);background:#fdeaea}.stat-row{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:2px;min-width:165px;padding:14px 18px;display:flex}.stat-label{color:var(--ink-soft);font-size:12px}.stat-value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:650}.stat-unit{color:var(--ink-soft);font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.roadmap{color:var(--ink-soft);margin:0;padding-left:20px}.roadmap li{margin:5px 0}.roadmap li.done{color:var(--ok);font-weight:500}button{font:inherit;cursor:pointer}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{border:1px solid var(--line);color:var(--ink-soft);background:0 0;border-radius:8px;padding:8px 12px}.btn-ghost:hover{color:var(--ink);background:#f0f2f5}.link{color:var(--accent);background:0 0;border:none;padding:0 0 0 8px;font-size:12px}.link:hover{text-decoration:underline}.login-wrap{place-items:center;height:100%;padding:20px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:350px;padding:30px 28px;display:flex;box-shadow:0 8px 30px #1418230f}.login-brand{justify-content:center;margin-bottom:6px}.login-card label{color:var(--ink-soft);flex-direction:column;gap:5px;font-size:13px;display:flex}.login-card input{width:100%}.form-error{color:var(--danger);background:#fdeaea;border-radius:8px;margin:0;padding:9px 12px;font-size:13px}@media (width<=780px){.shell{flex-direction:column}.sidebar{flex-direction:row;flex:none;align-items:center;gap:14px;width:100%;padding:12px}.sidebar nav{flex-direction:row;overflow-x:auto}.sidebar-foot{flex-direction:row;align-items:center;margin:0 0 0 auto}.who{display:none}.content{padding:18px 14px 50px}}.month-nav{align-items:center;gap:8px;display:flex}.month-label{text-align:center;min-width:110px;font-size:15px}.spacer{flex:1}.check{color:var(--ink-soft);align-items:center;gap:6px;display:flex}.check input{width:auto}.grid.board td{padding:8px 12px}.grid .tight{width:26px;padding-left:8px;padding-right:0}.grid tfoot td{border-top:2px solid var(--line);background:#fafbfc;font-weight:600}tr.row-critical td{background:#fef7f7}tr.row-warning td{background:#fffbf3}tr.row-open td{background:#eef3ff}.grid .neg{color:var(--danger)}.grid em{font-size:11px;font-style:normal}.grid em.late{color:var(--danger)}.grid em.soon{color:var(--warn)}.grid em.far{color:var(--ink-soft)}.alert-bar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.alert-bar.ok{color:var(--ok);padding:10px 16px}.alert-summary{text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;display:flex}.alert-summary:hover{background:#fafbfd}.caret{color:var(--ink-soft)}.alert-hint{color:var(--ink-soft);margin-left:auto;font-size:12px}.alert-list{border-top:1px solid var(--line);padding:6px 14px 14px}.alert-group h4{align-items:center;gap:8px;margin:12px 0 6px;font-size:13px;display:flex}.alert-group ul{margin:0;padding-left:18px}.alert-group li{margin:3px 0;font-size:13px}.alert-group .msg{color:var(--ink-soft);margin-left:8px}.muted{color:var(--ink-soft)}.detail-row td{background:#f8fafd;padding:0!important}.detail{padding:14px 18px 18px}.detail-issues{margin:0 0 12px;padding-left:18px}.detail-issues li{margin:2px 0;font-size:13px}.detail-issues li.critical{color:var(--danger)}.detail-issues li.warning{color:var(--warn)}.detail-issues li.info{color:var(--info)}.detail-cols{grid-template-columns:1fr 1fr;gap:22px;display:grid}.detail-cols h4{margin:0 0 8px;font-size:13px}.detail-cols section{min-width:0}table.mini{border-collapse:collapse;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%}table.mini th,table.mini td{border-bottom:1px solid var(--line);text-align:left;padding:6px 10px;font-size:13px}table.mini th{color:var(--ink-soft);background:#fafbfc;font-size:11px}table.mini tr:last-child td{border-bottom:none}table.mini .num{text-align:right;font-variant-numeric:tabular-nums}table.mini select{padding:3px 6px;font-size:12px}table.mini .empty{text-align:center;color:var(--ink-soft);padding:14px}.mini-form{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mini-form input,.mini-form select{padding:6px 8px;font-size:13px}.mini-form input[type=number]{width:120px}.mini-form input:not([type]){flex:1;min-width:160px}.link.danger{color:var(--danger)}.detail-formula{border-top:1px dashed var(--line);color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:14px 0 0;padding-top:12px;font-size:12px}@media (width<=900px){.detail-cols{grid-template-columns:1fr}}.pill.tiny{vertical-align:middle;margin-left:6px;padding:1px 6px;font-size:10px}.to{color:var(--ink-soft);align-self:center}.grid .daycont{color:#0000}.grid .in{color:var(--ok)}.grid .out{color:var(--danger)}.grid tr.is-forecast td{color:var(--ink-soft);background:#fcfcfd;font-style:italic}.grid tr.is-forecast td.strong{font-style:normal}.detail-cell{text-overflow:ellipsis;max-width:460px;overflow:hidden}.chart-panel{margin-bottom:16px}.balance-chart{width:100%;height:200px;display:block}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-zero{stroke:var(--danger);stroke-width:1px;stroke-dasharray:4 3;opacity:.7}.chart-split{stroke:var(--ink-soft);stroke-width:1px;stroke-dasharray:3 3;opacity:.5}.chart-line{stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.chart-hit{fill:#0000;cursor:crosshair}.chart-label{fill:var(--ink-soft);font-size:11px}.drop-panel{margin-bottom:8px}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--ink-soft);cursor:pointer;padding:30px}.dropzone:hover{border-color:var(--accent);color:var(--accent);background:#f7faff}.warn-box{background:#fdf1e0;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:13px}.warn-box p{margin:4px 0}.recon{margin-bottom:12px;padding:14px 18px}.recon.is-ambiguous{border-color:#f0c98a}.recon-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.recon-options{flex-direction:column;gap:4px;display:flex}.recon-opt{cursor:pointer;border:1px solid #0000;border-radius:8px;grid-template-columns:20px 92px 46px 130px 1fr auto;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:grid}.recon-opt:hover{background:#f6f8fc}.recon-opt.picked{border-color:var(--accent);background:#eaf0ff}.recon-opt.cancel{color:var(--ink-soft);grid-template-columns:20px 1fr}.recon-opt input{width:auto;margin:0}.opt-amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.opt-date,.opt-time{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.opt-detail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sticky-actions{background:linear-gradient(to top, var(--bg) 70%, transparent);gap:10px;padding:12px 0;display:flex;position:sticky;bottom:0}.sticky-actions input{flex:1;max-width:380px}.od-edit{align-items:center;gap:4px;display:inline-flex}.od-edit input{text-align:right;width:130px;padding:4px 8px}.field{color:var(--ink-soft);flex-direction:column;gap:5px;margin-bottom:14px;font-size:13px;display:flex}.field input{width:100%}.hint{font-size:12px}.hint.weak{color:var(--danger)}.hint.ok{color:var(--warn)}.hint.strong{color:var(--ok)}.who{color:inherit;border-radius:8px;padding:6px;text-decoration:none}.who:hover{background:#f0f2f5}.who.active{background:#eaf0ff}.who.active strong{color:var(--accent)}.login-card.wide{max-width:420px}.invite-role{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;display:flex}.invite-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px;display:grid}.invite-fresh{border-color:var(--accent);margin-bottom:18px}.invite-url{align-items:center;gap:10px;margin:10px 0;display:flex}.invite-url code{border:1px solid var(--line);white-space:nowrap;-webkit-user-select:all;user-select:all;background:#f4f6fa;border-radius:8px;flex:1;padding:10px 12px;font-size:13px;overflow-x:auto}.recon-total{font-variant-numeric:tabular-nums;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:13px}.recon-total.ok{color:var(--ok);background:#e6f5ec}.recon-total.off{color:var(--warn);background:#fdf1e0}.combo-list{flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.combo-btn{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.combo-btn:hover:not(:disabled){border-color:var(--accent);background:#f7faff}.combo-btn.picked{border-color:var(--accent);background:#eaf0ff}.combo-tag{color:var(--ink-soft);background:#f0f1f4;border-radius:999px;padding:2px 8px;font-size:11px}.combo-part{font-variant-numeric:tabular-nums;font-weight:600}.combo-part em{color:var(--ink-soft);margin-left:4px;font-size:11px;font-style:normal;font-weight:400}.combo-part+.combo-part:before{content:"+";color:var(--ink-soft);margin-right:8px;font-weight:400}.plan-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.plan-cols{grid-template-columns:1fr}}.stat.tone-danger .stat-value,.stat.tone-danger .stat-unit{color:var(--danger)}.stat.tone-warn .stat-value{color:var(--warn)}.stat.tone-ok .stat-value{color:var(--ok)}.editable-cell{cursor:pointer;border-bottom:1px dashed var(--line);padding-bottom:1px}.editable-cell:hover{border-bottom-color:var(--accent);color:var(--accent)}.cell-input{text-align:right;width:140px;padding:3px 6px;font-size:13px}.cell-hint{color:var(--warn);font-size:11px;font-style:normal}.progress-row{margin-bottom:14px}.progress-head{justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.progress-head .mono{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:12px}.progress-track{background:#eef0f4;border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .25s}.progress-fill.over{background:var(--warn)}