@font-face{font-display:swap;font-family:Sarabun;font-weight:400;src:url(/static/media/sarabun-400.7f9f38eec4942d763fa1.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun;font-weight:500;src:url(/static/media/sarabun-500.b7152f7b86b43f62732b.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun;font-weight:600;src:url(/static/media/sarabun-600.3faced5f552ed2f4b268.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun;font-weight:700;src:url(/static/media/sarabun-700.8ea3c53e8f200c5a3903.ttf) format("truetype")}:root{--bg:#faf8f4;--surface:#fff;--surface-2:#faf8f4;--line:#e7e2d8;--line-soft:#efece4;--line-input:#ddd6c8;--ink:#1a1815;--text:#211f1c;--text-2:#4a4536;--muted:#7d7666;--accent:#8a3b22;--accent-hover:#722f1a;--accent-soft:#f4ece4;--accent-line:#d9c3ae;--accent-ink:#faf6f0;--danger:#a5301f;--danger-soft:#fbeceb;--success:#3f6b4a;--success-soft:#e9f0ea;--warn:#8a6512;--warn-soft:#f8f0dc;--pdf:#5b4a7a;--row-hover:#f6f3ee;--chip-bg:#f3f1ec;--grid-line:#ece8de;--overlay:#1a181573;--shadow-pop:0 10px 28px #281e0f24;--font-sans:"Sarabun","Segoe UI",Tahoma,sans-serif;--font-serif:Cambria,Georgia,"Sarabun","Times New Roman",serif;--font-mono:Consolas,"Cascadia Mono","Courier New",monospace;color-scheme:light}:root[data-theme=dark]{--bg:#171512;--surface:#201e1a;--surface-2:#26231e;--line:#37332c;--line-soft:#2c2924;--line-input:#4a453c;--ink:#f3efe6;--text:#e7e2d6;--text-2:#cfc8b8;--muted:#a59e8d;--accent:#e08a66;--accent-hover:#eba184;--accent-soft:#33261f;--accent-line:#6b4a3a;--accent-ink:#1a1210;--danger:#ef8f80;--danger-soft:#3a2320;--success:#86b590;--success-soft:#1f2b22;--warn:#e2b45a;--warn-soft:#332a17;--pdf:#b4a3d6;--row-hover:#27241f;--chip-bg:#2a2722;--grid-line:#302c26;--overlay:#0009;--shadow-pop:0 10px 28px #00000080;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#faf8f4;background:var(--bg);color:#211f1c;color:var(--text);font-family:Sarabun,Segoe UI,Tahoma,sans-serif;font-family:var(--font-sans);font-size:15px;line-height:1.45}button{color:inherit;cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:#8a3b22;color:var(--accent)}:focus-visible{outline:2px solid #8a3b22;outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono)}.muted{color:#7d7666;color:var(--muted)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.strong{color:#1a1815;color:var(--ink);font-weight:600}.nowrap{white-space:nowrap}.spacer{flex:1 1}svg.i{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;height:16px;width:16px}.topbar{background:#fff;background:var(--surface);border-bottom:1px solid #e7e2d8;border-bottom:1px solid var(--line);height:60px;padding:0 32px;position:sticky;top:0;z-index:50}.topbar-inner{align-items:center;display:flex;gap:24px;height:100%;justify-content:space-between;margin:0 auto;max-width:1440px}.brand{align-items:baseline;display:flex;gap:12px;text-decoration:none;white-space:nowrap}.wordmark{color:#1a1815;color:var(--ink);font-family:Cambria,Georgia,Sarabun,Times New Roman,serif;font-family:var(--font-serif);font-size:23px;font-weight:700;letter-spacing:.2px}.brand-sub{font-size:12px;letter-spacing:.6px;text-transform:uppercase}.brand-sub,.ver{color:#7d7666;color:var(--muted)}.ver{border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:3px;font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:11px;padding:1px 6px}.topbar-right{align-items:center;gap:18px}.tabs,.topbar-right{display:flex;height:100%}.tabs{gap:22px}.tab{align-items:center;border-bottom:2px solid #0000;color:#7d7666;color:var(--muted);display:flex;font-size:14px;gap:6px;height:100%;margin-bottom:-1px;text-decoration:none;white-space:nowrap}.tab:hover{color:#211f1c;color:var(--text)}.tab.active{border-bottom-color:#8a3b22;border-bottom-color:var(--accent);color:#8a3b22;color:var(--accent);font-weight:600}.tab .badge{background:#8a6512;background:var(--warn);border-radius:9px;color:#fff;color:var(--surface);font-size:11px;font-weight:700;line-height:17px;padding:0 6px}.vsep{background:#e7e2d8;background:var(--line);height:24px;width:1px}.user{color:#4a4536;color:var(--text-2);font-size:14px;gap:8px}.avatar,.user{align-items:center;display:flex}.avatar{background:#1a1815;background:var(--ink);border-radius:50%;color:#faf8f4;color:var(--bg);font-size:12px;font-weight:600;height:28px;text-transform:uppercase;width:28px}.avatar,.icon-btn{justify-content:center}.icon-btn{align-items:center;background:none;border:1px solid #0000;border-radius:3px;color:#7d7666;color:var(--muted);display:inline-flex;height:32px;width:32px}.icon-btn:hover{background:#f6f3ee;background:var(--row-hover);border-color:#e7e2d8;border-color:var(--line);color:#211f1c;color:var(--text)}.logout-btn{background:none;border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:3px;color:#4a4536;color:var(--text-2);font-size:13px;padding:5px 10px;white-space:nowrap}.logout-btn:hover{border-color:#a5301f;border-color:var(--danger);color:#a5301f;color:var(--danger)}.page{margin:0 auto;max-width:1440px;padding:22px 32px 40px}.page-head{gap:16px;justify-content:space-between;margin-bottom:16px}.page-head,.page-title{align-items:baseline;display:flex;flex-wrap:wrap}.page-title{gap:12px}.page-title h1{color:#1a1815;color:var(--ink);font-family:Cambria,Georgia,Sarabun,Times New Roman,serif;font-family:var(--font-serif);font-size:28px;font-weight:700}.page-title .meta{color:#7d7666;color:var(--muted);font-size:13px}.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.live{align-items:center;color:#7d7666;color:var(--muted);display:inline-flex;font-size:13px;gap:7px;white-space:nowrap}.live i{animation:pulse 2s ease-in-out infinite;background:#3f6b4a;background:var(--success);border-radius:50%;height:7px;width:7px}.live.off i{animation:none;background:#7d7666;background:var(--muted)}.live.bad i{animation:none;background:#a5301f;background:var(--danger)}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.live i{animation:none}}.page-foot{font-size:12px;margin-top:24px;text-align:center}.loading-screen,.page-foot{color:#7d7666;color:var(--muted)}.loading-screen{display:flex;min-height:100vh}.btn,.loading-screen{align-items:center;justify-content:center}.btn{background:none;border:1px solid #0000;border-radius:3px;display:inline-flex;font-size:14px;font-weight:600;gap:7px;line-height:1.3;padding:8px 16px;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:#8a3b22;background:var(--accent);color:#faf6f0;color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:#722f1a;background:var(--accent-hover)}.btn-outline{background:#fff;background:var(--surface);border-color:#ddd6c8;border-color:var(--line-input);color:#4a4536;color:var(--text-2);font-weight:500}.btn-outline:hover:not(:disabled){border-color:#8a3b22;border-color:var(--accent);color:#8a3b22;color:var(--accent)}.btn-danger{background:#0000;border-color:#ddd6c8;border-color:var(--line-input);color:#a5301f;color:var(--danger);font-weight:500}.btn-danger:hover:not(:disabled){background:#fbeceb;background:var(--danger-soft);border-color:#a5301f;border-color:var(--danger)}.btn-danger-solid{background:#a5301f;background:var(--danger);color:#fff}.btn-danger-solid:hover:not(:disabled){filter:brightness(.92)}.btn-ghost{background:none;border:0;color:#7d7666;color:var(--muted);font-weight:500;padding:4px 2px;text-decoration:underline}.btn-ghost:hover{color:#8a3b22;color:var(--accent)}.btn-sm{font-size:12.5px;padding:4px 10px}.notice{background:#fff;background:var(--surface);border:1px solid #e7e2d8;border-left:3px solid #8a6512;border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:4px;margin-bottom:16px;overflow:hidden}.notice.info{border-left-color:#3f6b4a;border-left-color:var(--success)}.notice-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.notice-head h3{color:#1a1815;color:var(--ink);font-size:14.5px;font-weight:600}.notice-head p{color:#4a4536;color:var(--text-2);font-size:13px;margin-top:2px;max-width:75ch}.tag{background:#f8f0dc;background:var(--warn-soft);border-radius:2px;color:#8a6512;color:var(--warn);font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:11.5px;margin-right:6px;padding:1px 6px}.notice table td{font-size:13px;padding:8px 16px}.notice .msg{color:#4a4536;color:var(--text-2);font-size:13px;padding:0 16px 12px}.alert{border:1px solid;border-radius:3px;font-size:13.5px;padding:9px 12px}.alert-error{background:#fbeceb;background:var(--danger-soft);border-color:#a5301f;border-color:var(--danger);color:#a5301f;color:var(--danger)}.alert-ok{background:#e9f0ea;background:var(--success-soft);border-color:#3f6b4a;border-color:var(--success);color:#3f6b4a;color:var(--success)}.alert-warn{background:#f8f0dc;background:var(--warn-soft);border-color:#8a6512;border-color:var(--warn);color:#8a6512;color:var(--warn)}.inline-msg{font-size:13px}.inline-msg.ok{color:#3f6b4a;color:var(--success)}.inline-msg.err{color:#a5301f;color:var(--danger)}.summary{background:#fff;background:var(--surface);border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.summary-cell{align-items:flex-end;border-right:1px solid #efece4;border-right:1px solid var(--line-soft);display:flex;gap:12px;justify-content:space-between;min-width:0;padding:14px 20px}.summary-cell:last-child{border-right:0}.summary-label{color:#7d7666;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.summary-value{font-feature-settings:"tnum";color:#1a1815;color:var(--ink);font-family:Cambria,Georgia,Sarabun,Times New Roman,serif;font-family:var(--font-serif);font-size:32px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.15;margin-top:2px}.summary-value.bad{color:#a5301f;color:var(--danger)}.summary-sub{color:#7d7666;color:var(--muted);font-size:12.5px;margin-top:2px}.summary-sub.ok{color:#3f6b4a;color:var(--success)}.summary-cell.wide{align-items:stretch;flex-direction:column;gap:8px;justify-content:center}.summary-cell.wide .head{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.stackbar{background:#f3f1ec;background:var(--chip-bg);border-radius:2px;display:flex;gap:2px;height:10px;overflow:hidden}.stackbar span{display:block;min-width:3px}.legend{color:#4a4536;color:var(--text-2);display:flex;flex-wrap:wrap;font-size:12px;gap:4px 12px}.dot{border-radius:50%;display:inline-block;flex-shrink:0;height:7px;margin-right:5px;vertical-align:1px;width:7px}.c-int{background:#8a3b22;background:var(--accent)}.c-pdf{background:#5b4a7a;background:var(--pdf)}.c-hand{background:#7d7666;background:var(--muted)}.c-err{background:#a5301f;background:var(--danger)}.c-ok{background:#3f6b4a;background:var(--success)}.grid-2{grid-gap:16px;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.grid-2,.grid-files{display:grid;gap:16px;margin-bottom:16px}.grid-files{grid-gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.card{background:#fff;background:var(--surface);border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:4px;margin-bottom:16px;min-width:0}.grid-2>.card,.grid-files>.card{margin-bottom:0}.card-head{align-items:center;border-bottom:1px solid #e7e2d8;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:13px 18px}.card-head h3{color:#1a1815;color:var(--ink);font-size:14px;font-weight:600}.card-head .sub{font-weight:400;margin-left:8px}.card-head .sub,.card-note{color:#7d7666;color:var(--muted);font-size:12.5px}.card-body{padding:14px 18px}.chart{display:block;height:auto;width:100%}.chart text{fill:#7d7666;fill:var(--muted);font-family:Sarabun,Segoe UI,Tahoma,sans-serif;font-family:var(--font-sans);font-size:10.5px}.chart .val{fill:#4a4536;fill:var(--text-2);font-weight:600}.chart-empty{color:#7d7666;color:var(--muted);font-size:13px;padding:4px 0 8px;text-align:center}.health{grid-gap:1px;background:#efece4;background:var(--line-soft);display:grid;gap:1px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.health div{background:#fff;background:var(--surface);display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:9px 14px}.health .name{color:#4a4536;color:var(--text-2);font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis}.health .age,.health .name{font-size:12px;white-space:nowrap}.health .age{color:#3f6b4a;color:var(--success)}.health .age.stale{color:#a5301f;color:var(--danger);font-weight:600}.toolbar{align-items:center;border-bottom:1px solid #e7e2d8;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:12px 18px}.seg,.toolbar{flex-wrap:wrap}.seg{border:1px solid #ddd6c8;border:1px solid var(--line-input);border-radius:3px;display:inline-flex;overflow:hidden}.seg button{background:#fff;background:var(--surface);border:0;border-right:1px solid #ddd6c8;border-right:1px solid var(--line-input);color:#4a4536;color:var(--text-2);font-size:13px;padding:6px 12px;white-space:nowrap}.seg button:last-child{border-right:0}.seg button.on{background:#f4ece4;background:var(--accent-soft);color:#8a3b22;color:var(--accent);font-weight:600}.seg .n{color:#7d7666;color:var(--muted);font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:11.5px;margin-left:5px}.search{flex:1 1 220px;margin-left:auto;max-width:320px;position:relative}.search svg{color:#7d7666;color:var(--muted);left:10px;position:absolute;top:50%;transform:translateY(-50%)}.search input{padding-left:32px!important}.input{background:#fff;background:var(--surface);border:1px solid #ddd6c8;border:1px solid var(--line-input);border-radius:3px;color:#211f1c;color:var(--text);font-size:14px;padding:7px 11px;width:100%}.input:focus{border-color:#8a3b22;border-color:var(--accent);box-shadow:0 0 0 3px #f4ece4;box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input:disabled{opacity:.6}select.input{cursor:pointer;width:auto}textarea.input{min-height:80px;resize:vertical}.input.mono{font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:13px}.check-label{align-items:center;color:#4a4536;color:var(--text-2);cursor:pointer;display:inline-flex;font-size:13.5px;gap:7px;white-space:nowrap}input[type=checkbox]{cursor:pointer;height:15px;vertical-align:middle;width:15px}input[type=checkbox],input[type=radio]{accent-color:#8a3b22;accent-color:var(--accent)}.lbl{color:#4a4536;color:var(--text-2);display:block;font-size:13px;font-weight:600;margin-bottom:5px}.hint{font-size:12px;margin-top:4px}.field-label,.hint{color:#7d7666;color:var(--muted)}.field-label{display:block;font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.field{margin-bottom:14px}.row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:#faf8f4;background:var(--surface-2);border-bottom:1px solid #e7e2d8;border-bottom:1px solid var(--line);color:#7d7666;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.6px;padding:9px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}td{border-bottom:1px solid #efece4;border-bottom:1px solid var(--line-soft);color:#4a4536;color:var(--text-2);font-size:14px;padding:10px 14px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f6f3ee;background:var(--row-hover)}td.r,th.r{text-align:right}td.check,th.check{padding-right:0;width:36px}td.empty{color:#7d7666;color:var(--muted);padding:32px 14px;text-align:center}.code{background:#f3f1ec;background:var(--chip-bg);border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:2px;color:#4a4536;color:var(--text-2);display:inline-block;font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:12px;padding:1px 6px;white-space:nowrap}a.code,button.code{border-color:#d9c3ae;border-color:var(--accent-line);color:#8a3b22;color:var(--accent);cursor:pointer;text-decoration:none}a.code:hover,button.code:hover{background:#f4ece4;background:var(--accent-soft)}.codes{display:flex;flex-wrap:wrap;gap:4px}.kind{gap:6px}.kind,.st{align-items:center;display:inline-flex;font-size:13px;white-space:nowrap}.st{font-weight:600;gap:5px}.st.ok{color:#3f6b4a;color:var(--success)}.st.err{color:#a5301f;color:var(--danger)}.st.wait{color:#8a6512;color:var(--warn)}.file,.st.mute{color:#7d7666;color:var(--muted)}.file{display:block;font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:12px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file.ink{color:#1a1815;color:var(--ink);max-width:460px}.ext{border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:2px;color:#4a4536;color:var(--text-2);font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.4px;padding:1px 5px}.ext.pdf{border-color:currentColor;color:#5b4a7a;color:var(--pdf)}.ext.csv,.ext.mfd,.ext.txt{border-color:#d9c3ae;border-color:var(--accent-line);color:#8a3b22;color:var(--accent)}.foot{align-items:center;background:#faf8f4;background:var(--surface-2);border-top:1px solid #e7e2d8;border-top:1px solid var(--line);color:#7d7666;color:var(--muted);font-size:13px;gap:12px;justify-content:space-between;padding:9px 16px}.foot,.pager{display:flex;flex-wrap:wrap}.pager{gap:4px}.pager button{background:#fff;background:var(--surface);border:1px solid #ddd6c8;border:1px solid var(--line-input);border-radius:3px;color:#4a4536;color:var(--text-2);font-size:13px;height:28px;min-width:28px;padding:0 6px}.pager button:hover:not(:disabled):not(.on){border-color:#8a3b22;border-color:var(--accent);color:#8a3b22;color:var(--accent)}.pager button.on{background:#8a3b22;background:var(--accent);border-color:#8a3b22;border-color:var(--accent);color:#faf6f0;color:var(--accent-ink)}.pager button:disabled{cursor:default;opacity:.45}.pager span{line-height:28px;padding:0 4px}.row-actions{display:flex;gap:2px;justify-content:flex-end}.row-act{align-items:center;background:none;border:1px solid #0000;border-radius:3px;color:#7d7666;color:var(--muted);display:inline-flex;height:30px;justify-content:center;width:30px}.row-act:hover{background:#fff;background:var(--surface);border-color:#e7e2d8;border-color:var(--line);color:#8a3b22;color:var(--accent)}.row-act.danger:hover{background:#fbeceb;background:var(--danger-soft);border-color:#a5301f;border-color:var(--danger);color:#a5301f;color:var(--danger)}.selbar{align-items:center;background:#f4ece4;background:var(--accent-soft);border-bottom:1px solid #d9c3ae;border-bottom:1px solid var(--accent-line);color:#8a3b22;color:var(--accent);display:flex;flex-wrap:wrap;font-size:13.5px;gap:8px;padding:10px 16px}.selbar.idle{border-bottom-color:#e7e2d8;border-bottom-color:var(--line);color:#7d7666;color:var(--muted)}.callout,.selbar.idle{background:#faf8f4;background:var(--surface-2)}.callout{border-bottom:1px solid #e7e2d8;border-bottom:1px solid var(--line);color:#4a4536;color:var(--text-2);font-size:13px;padding:10px 18px}.callout b{color:#a5301f;color:var(--danger);font-weight:600}.drop{background:#faf8f4;background:var(--surface-2);border:1px dashed #ddd6c8;border:1px dashed var(--line-input);border-radius:4px;color:#7d7666;color:var(--muted);cursor:pointer;font-size:14px;padding:22px;text-align:center;transition:border-color .15s,background .15s}.drop.over,.drop:hover{background:#f4ece4;background:var(--accent-soft);border-color:#8a3b22;border-color:var(--accent)}.drop b{color:#8a3b22;color:var(--accent);font-weight:600}.drop small{display:block;font-size:12.5px;margin-top:4px}.flow{align-items:center;color:#7d7666;color:var(--muted);display:flex;flex-wrap:wrap;font-size:12.5px;gap:6px;justify-content:center;margin-top:10px}.flow .code{font-size:11.5px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chipbtn{align-items:center;background:#fff;background:var(--surface);border:1px solid #ddd6c8;border:1px solid var(--line-input);border-radius:3px;color:#4a4536;color:var(--text-2);display:inline-flex;font-size:13px;gap:6px;padding:5px 11px;white-space:nowrap}.chipbtn:hover{border-color:#8a3b22;border-color:var(--accent)}.chipbtn .n{color:#7d7666;color:var(--muted);font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:11.5px}.chipbtn.on{background:#f4ece4;background:var(--accent-soft);border-color:#d9c3ae;border-color:var(--accent-line);font-weight:600}.chipbtn.on,.chipbtn.on .n{color:#8a3b22;color:var(--accent)}.controls{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.tunpick{position:relative}.tunpick-box{align-items:center;background:#fff;background:var(--surface);border:1px solid #ddd6c8;border:1px solid var(--line-input);border-radius:3px;cursor:text;display:flex;flex-wrap:wrap;gap:6px;min-height:38px;padding:5px 8px}.tunpick-box:focus-within{border-color:#8a3b22;border-color:var(--accent);box-shadow:0 0 0 3px #f4ece4;box-shadow:0 0 0 3px var(--accent-soft)}.tunpick .t{align-items:center;background:#f3f1ec;background:var(--chip-bg);border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:2px;display:inline-flex;font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:12px;gap:3px;padding:1px 3px 1px 7px}.tunpick .t button{background:none;border:0;color:#7d7666;color:var(--muted);font-size:14px;line-height:1;padding:0 3px}.tunpick .t button:hover{color:#a5301f;color:var(--danger)}.tunpick input{background:#0000;border:0;color:#211f1c;color:var(--text);flex:1 1;font-size:13.5px;min-width:110px;outline:0;padding:2px 0}.tunpick-list{background:#fff;background:var(--surface);border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 28px #281e0f24;box-shadow:var(--shadow-pop);left:0;max-height:260px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:60}.tunpick-list button{background:none;border:0;color:#211f1c;color:var(--text);display:block;font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:12.5px;padding:6px 12px;text-align:left;width:100%}.tunpick-list button.hl,.tunpick-list button:hover{background:#f6f3ee;background:var(--row-hover);color:#8a3b22;color:var(--accent)}.tunpick-list .more{color:#7d7666;color:var(--muted);font-size:12px;padding:6px 12px}.switch{display:inline-block;flex-shrink:0;height:19px;position:relative;width:34px}.switch input{height:0;opacity:0;position:absolute;width:0}.switch span{background:#ddd6c8;background:var(--line-input);border-radius:10px;cursor:pointer;inset:0}.switch span,.switch span:after{position:absolute;transition:.15s}.switch span:after{background:#fff;background:var(--surface);border-radius:50%;content:"";height:15px;left:2px;top:2px;width:15px}.switch input:checked+span{background:#8a3b22;background:var(--accent)}.switch input:checked+span:after{transform:translateX(15px)}.switch input:focus-visible+span{outline:2px solid #8a3b22;outline:2px solid var(--accent);outline-offset:2px}.switch-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.switch-row .t{color:#1a1815;color:var(--ink);font-size:14px;font-weight:600}.switch-row .d{color:#7d7666;color:var(--muted);font-size:12.5px}.settings{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:200px minmax(0,1fr)}.snav{border-left:1px solid #e7e2d8;border-left:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:84px}.snav a{border-left:2px solid #0000;color:#7d7666;color:var(--muted);font-size:14px;margin-left:-1px;padding:6px 14px;text-decoration:none}.snav a:hover{color:#211f1c;color:var(--text)}.snav a.on{border-left-color:#8a3b22;border-left-color:var(--accent);color:#8a3b22;color:var(--accent);font-weight:600}.sec{background:#fff;background:var(--surface);border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:4px;margin-bottom:16px;scroll-margin-top:80px}.sec-head{align-items:flex-start;border-bottom:1px solid #e7e2d8;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:14px 20px}.sec-head h2{color:#1a1815;color:var(--ink);font-family:Cambria,Georgia,Sarabun,Times New Roman,serif;font-family:var(--font-serif);font-size:19px;font-weight:700}.sec-head p{color:#7d7666;color:var(--muted);font-size:13px;margin-top:2px;max-width:72ch}.sec-body{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 20px}.sec-body .full{grid-column:1/-1}.sec-foot{background:#faf8f4;background:var(--surface-2);border-top:1px solid #e7e2d8;border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:12px 20px}.inline-num,.sec-foot{align-items:center;display:flex}.inline-num{color:#4a4536;color:var(--text-2);font-size:14px;gap:8px}.inline-num .input{text-align:right;width:100px}.status-line{align-items:center;color:#4a4536;color:var(--text-2);display:flex;flex-wrap:wrap;font-size:14px;gap:10px}.pill{border:1px solid;border-radius:10px;font-size:12px;font-weight:600;padding:2px 9px;white-space:nowrap}.pill.ok{color:#3f6b4a;color:var(--success)}.pill.off{color:#7d7666;color:var(--muted)}.qr{background:#fff;border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:4px;display:inline-block;padding:12px}.backup-codes{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.backup-codes span{background:#f3f1ec;background:var(--chip-bg);border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:3px;color:#1a1815;color:var(--ink);font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:14px;padding:6px 10px;text-align:center}.attach{align-items:center;background:#faf8f4;background:var(--surface-2);border:1px dashed #ddd6c8;border:1px dashed var(--line-input);border-radius:3px;color:#7d7666;color:var(--muted);cursor:pointer;display:flex;font-size:13.5px;gap:10px;padding:10px 12px}.attach:hover{border-color:#8a3b22;border-color:var(--accent)}ol.steps{color:#4a4536;color:var(--text-2);font-size:14px;line-height:1.7;padding-left:20px}.login-wrap{align-items:center;background:#faf8f4;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.login-card{background:#fff;background:var(--surface);border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 28px #281e0f24;box-shadow:var(--shadow-pop);max-width:400px;padding:34px 32px 26px;width:100%}.login-card .wordmark{display:block;font-size:34px;margin-bottom:22px}.login-card .lbl{margin-top:14px}.login-card .input{font-size:15px;padding:10px 12px}.login-card .btn-primary{font-size:15px;margin-top:20px;padding:11px;width:100%}.login-card .alert{margin-bottom:4px}.otp{display:flex;gap:8px;justify-content:space-between;margin-top:10px}.otp input{background:#fff;background:var(--surface);border:1px solid #ddd6c8;border:1px solid var(--line-input);border-radius:3px;color:#1a1815;color:var(--ink);font-family:Consolas,Cascadia Mono,Courier New,monospace;font-family:var(--font-mono);font-size:20px;min-width:0;padding:10px 0;text-align:center;width:100%}.otp input:focus{border-color:#8a3b22;border-color:var(--accent);box-shadow:0 0 0 3px #f4ece4;box-shadow:0 0 0 3px var(--accent-soft);outline:none}.login-foot{display:flex;flex-wrap:wrap;font-size:12px;gap:16px;justify-content:center;margin-top:18px;text-align:center}.login-foot,.login-foot button{color:#7d7666;color:var(--muted)}.login-foot button{background:none;border:0;font-size:12.5px;text-decoration:underline}.login-foot button:hover{color:#8a3b22;color:var(--accent)}.modal{align-items:center;background:#1a181573;background:var(--overlay);display:flex;inset:0;justify-content:center;padding:24px 16px;position:fixed;z-index:200}.modal-box{background:#fff;background:var(--surface);border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 28px #281e0f24;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;max-height:92vh;max-width:460px;width:100%}.modal-box.wide{max-width:640px}.modal-head{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:16px 22px 0}.modal-head h2{color:#1a1815;color:var(--ink);font-family:Cambria,Georgia,Sarabun,Times New Roman,serif;font-family:var(--font-serif);font-size:20px;font-weight:700}.modal-body{color:#4a4536;color:var(--text-2);font-size:14px;line-height:1.55;overflow-y:auto;padding:12px 22px 4px}.modal-body p+p{margin-top:8px}.modal-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:16px 22px 18px}.toast-stack{bottom:20px;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 40px);position:fixed;right:20px;z-index:300}.toast{animation:toast-in .18s ease-out;background:#1a1815;background:var(--ink);border-radius:3px;box-shadow:0 10px 28px #281e0f24;box-shadow:var(--shadow-pop);color:#faf8f4;color:var(--bg);font-size:14px;max-width:440px;padding:10px 16px}.toast.error{background:#a5301f;background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.radio-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.radio-row label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.days{display:flex;flex-wrap:wrap;gap:4px}.form-grid{grid-gap:12px 14px;display:grid;gap:12px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.divider{border:0;border-top:1px solid #e7e2d8;border-top:1px solid var(--line);margin:14px 0}@media (max-width:1100px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-cell:nth-child(2){border-right:0}.summary-cell:nth-child(-n+2){border-bottom:1px solid #efece4;border-bottom:1px solid var(--line-soft)}.controls,.grid-2,.grid-files{grid-template-columns:1fr}}@media (max-width:900px){.topbar{height:auto;padding:0 16px}.topbar-inner{align-items:center;flex-wrap:wrap;gap:4px 10px;padding:10px 0 0}.topbar-right{display:contents}.brand{margin-right:auto}.tabs{height:42px;order:3;overflow-x:auto;width:100%}.brand-sub,.user .name,.vsep{display:none}.page{padding:18px 16px 32px}.settings{grid-template-columns:1fr}.snav{display:none}.form-grid,.sec-body{grid-template-columns:1fr}}@media (max-width:560px){.summary{grid-template-columns:1fr}.summary-cell{border-bottom:1px solid #efece4;border-bottom:1px solid var(--line-soft);border-right:0!important}.summary-cell:last-child{border-bottom:0}.search{margin-left:0;max-width:none}.tabs{gap:14px}}:root{--fl-ok:#2f7d5b;--fl-txt:#3d6fa8;--fl-van:#5b5fa8;--fl-unk:#c58a1b;--fl-err:#c0392b;--fl-bg:#faf8f4}:root[data-theme=dark]{--fl-ok:#5bb38a;--fl-txt:#6f9fd8;--fl-van:#8f93e0;--fl-unk:#e0a84a;--fl-err:#e86a5a;--fl-bg:#171512}.flow-ctl{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.flow-ctl .seg button{font-size:12.5px;padding:4px 10px}.flow-wrap{background:#faf8f4;background:var(--fl-bg);border-radius:0 0 4px 4px;height:600px;overflow:hidden;position:relative}.flow-canvas,.flow-host{inset:0;position:absolute}.flow-canvas{cursor:grab;display:block;height:100%;touch-action:none;width:100%}.flow-canvas.drag{cursor:grabbing}.flow-labels{inset:0;overflow:hidden;pointer-events:none;position:absolute}.flbl{cursor:pointer;left:0;pointer-events:auto;position:absolute;text-align:center;top:0;white-space:nowrap;will-change:transform}.flbl .n{border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:6px;color:#1a1815;color:var(--ink);display:inline-block;font-size:12px;padding:1px 7px}.flbl .c,.flbl .n{background:#fff;background:var(--surface);font-weight:600}.flbl .c{border:1px solid #ddd6c8;border:1px solid var(--line-input);border-radius:9px;box-shadow:0 1px 2px #0000001f;color:#211f1c;color:var(--text);display:table;font-size:11px;line-height:1.35;margin:2px auto 0;padding:0 7px}.flbl .c:empty{display:none}.flbl.errn .c{border-color:#c0392b;border-color:var(--fl-err);color:#c0392b;color:var(--fl-err)}.flbl.unkn .c{border-color:#c58a1b;border-color:var(--fl-unk);color:#c58a1b;color:var(--fl-unk)}.flbl:after{background:#7d7666;background:var(--muted);content:"";display:block;height:9px;margin:0 auto;opacity:.6;width:1px}.flbl.stage .n{border-color:#7d7666;border-color:var(--muted)}.flbl.van .n{border-color:#5b5fa8;border-color:var(--fl-van);color:#5b5fa8;color:var(--fl-van)}.flbl.errn .n{border-color:#c0392b;border-color:var(--fl-err);color:#c0392b;color:var(--fl-err)}.flbl.unkn .n{border-color:#c58a1b;border-color:var(--fl-unk);color:#c58a1b;color:var(--fl-unk)}.flbl.sel .n{background:#8a3b22;background:var(--accent);border-color:#8a3b22;border-color:var(--accent);color:#faf6f0;color:var(--accent-ink)}.flbl.hub{pointer-events:none}.flbl.hub .n{background:#0000;border:0;color:#7d7666;color:var(--muted);font-size:12.5px;letter-spacing:2px}.flbl.hub.zone .n{color:#4a4536;color:var(--text-2);letter-spacing:.5px}.flbl.hub.main .n{background:#33406a;border:1px solid #6f86e8;box-shadow:0 0 0 3px #6f86e82e;color:#fff;font-size:13px;letter-spacing:3px;padding:3px 12px}:root[data-theme=dark] .flbl.hub.main .n{background:#222a44;border-color:#9fb2ff;color:#e6ebff}.flbl.hub:after,.hide-names .flbl:not(.stage):not(.sel):not(.hub){display:none}.flow-leaders{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%}.flow-leaders line{stroke:#6f86e8;stroke-width:1.2;stroke-dasharray:3 2;opacity:.85}:root[data-theme=dark] .flow-leaders line{stroke:#9fb2ff}.flbl.moved:after{display:none}.flbl.fixed{align-items:center;display:flex;gap:0;white-space:nowrap}.flbl.fixed:after{display:none}.flbl.fixed .n{border-radius:6px 0 0 6px;font-size:11.5px;padding:1px 6px}.flbl.fixed .c{border-left:0;border-radius:0 6px 6px 0;box-shadow:none;font-size:11px;line-height:1.45;margin:0;padding:1px 6px}.flbl.fixed .c,.flbl.fixed .c:empty{display:inline-block}.flbl.fixed.flip{flex-direction:row-reverse}.flbl.fixed.flip .n{border-radius:0 6px 6px 0}.flbl.fixed.flip .c{border-left:1px solid #ddd6c8;border-left:1px solid var(--line-input);border-radius:6px 0 0 6px;border-right:0}.fpop{left:0;pointer-events:none;position:absolute;top:0;will-change:transform,opacity;z-index:4}.fpop .b{background:#2f7d5b;background:var(--fl-ok);border-radius:12px;box-shadow:0 2px 6px #00000040;color:#fff;display:inline-block;font:700 15px/1.2 Sarabun,Segoe UI,Tahoma,sans-serif;font:700 15px/1.2 var(--font-sans);padding:1px 9px;transform-origin:50% 100%}.fpop .b.van{background:#5b5fa8;background:var(--fl-van)}.fpop .b.go{animation:fpop-bounce .45s cubic-bezier(.3,1.8,.5,1)}@keyframes fpop-bounce{0%{scale:.3}60%{scale:1.35}to{scale:1}}.fpk{background:#fff;background:var(--surface);border:1px solid #e7e2d8;border-left:3px solid #2f7d5b;border:1px solid var(--line);border-left:3px solid var(--fl-ok);border-radius:5px;color:#211f1c;color:var(--text);cursor:pointer;font:500 10.5px/1 Consolas,Cascadia Mono,Courier New,monospace;font:500 10.5px/1 var(--font-mono);left:0;margin-top:-6px;opacity:.9;padding:3px 6px;pointer-events:auto;position:absolute;top:0;white-space:nowrap;will-change:transform}.fpk:hover{opacity:1;z-index:3}.fpk.txt{border-left-color:#3d6fa8;border-left-color:var(--fl-txt)}.fpk.van{border-left-color:#5b5fa8;border-left-color:var(--fl-van)}.fpk.unk{border-left-color:#c58a1b;border-left-color:var(--fl-unk);color:#c58a1b;color:var(--fl-unk)}.fpk.err{border-left-color:#c0392b;border-left-color:var(--fl-err);color:#c0392b;color:var(--fl-err)}.fpk.mail{border-left-color:#7d7666;border-left-color:var(--muted)}.hide-pk .fpk{display:none}.flow-panel{background:#fff;background:var(--surface);border:1px solid #e7e2d8;border:1px solid var(--line);border-radius:4px;bottom:12px;font-size:13px;overflow:auto;padding:14px;position:absolute;right:12px;top:12px;width:296px}.fp-head{align-items:center;display:flex;font-size:12px;justify-content:space-between}.fp-head,.fp-x{color:#7d7666;color:var(--muted)}.fp-x{background:none;border:0;font-size:18px;line-height:1}.fp-title{color:#1a1815;color:var(--ink);font-size:18px;font-weight:700;margin:2px 0;word-break:break-all}.fp-sub{color:#7d7666;color:var(--muted);font-size:12px}.fp-grid{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:1fr 1fr;margin:12px 0}.fp-grid small{color:#7d7666;color:var(--muted);display:block;font-size:11.5px}.fp-grid b{color:#1a1815;color:var(--ink);font-size:16px}.fp-sec{border-top:1px solid #efece4;border-top:1px solid var(--line-soft);color:#7d7666;color:var(--muted);font-size:12px;font-weight:600;margin:12px 0 6px;padding-top:10px}.fp-tags{display:flex;flex-wrap:wrap;gap:6px}.fp-tags .code{cursor:pointer}.fp-row{border-bottom:1px solid #efece4;border-bottom:1px solid var(--line-soft);display:flex;flex-direction:column;font-size:12.5px;gap:1px;padding:5px 0}.fp-row .code{cursor:pointer}.fp-note{background:#faf8f4;background:var(--surface-2);border:1px solid #efece4;border:1px solid var(--line-soft);border-radius:3px;color:#7d7666;color:var(--muted);padding:8px 9px}.fp-legend,.fp-note{font-size:12px;margin-top:12px}.fp-legend{color:#4a4536;color:var(--text-2);display:flex;flex-wrap:wrap;gap:6px 12px}.fp-legend i{border-radius:2px;display:inline-block;height:9px;margin-right:5px;vertical-align:-1px;width:9px}.fp-go{justify-content:center;margin-top:10px;width:100%}.flow-hint{background:#fff;background:var(--surface);border:1px solid #efece4;border:1px solid var(--line-soft);border-radius:3px;bottom:10px;color:#7d7666;color:var(--muted);font-size:11.5px;left:12px;padding:2px 8px;pointer-events:none;position:absolute}@media (max-width:900px){.flow-wrap{height:auto}.flow-host{height:440px;position:relative}.flow-panel{border:0;border-radius:0;border-top:1px solid #e7e2d8;border-top:1px solid var(--line);position:static;width:auto}.flow-hint{display:none}}
/*# sourceMappingURL=main.385b650f.css.map*/