@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap";:root{--primary:#07906e;--primary-60:#6abca8;--primary-20:#cde9e2;--success:#4caf50;--danger:#d64541;--danger-20:#fbe5e4;--warning:#b8860b;--black:#141414;--gray-100:#6b6b6b;--gray-50:#c1c1c1;--gray-20:#ededed;--gray-10:#f5f5f5;--white:#fff;--page:#f6f8f7;--surface:var(--white);--border:var(--gray-20);--border-strong:var(--gray-50);--text:var(--black);--text-muted:var(--gray-100);--text-on-primary:var(--white);--font:"Pentor Corporate","IBM Plex Sans Thai","IBM Plex Sans",system-ui,-apple-system,sans-serif;--body-1:16px;--body-2:14px;--value:20px;--radius:8px;--radius-sm:6px;--radius-pill:50px;--control-h:40px;--segment-h:36px;--card-pad:16px;--card-gap:12px;--header-h:56px;--sidebar-w:256px}:root[data-theme=dark]{--page:#101210;--surface:#181a18;--border:#2a2e2a;--border-strong:#3d423d;--text:#e9ece9;--text-muted:#9aa39a;--gray-10:#1f221f;--primary:#45ae94;--primary-20:#182a26;--primary-60:#387a6a;--danger-20:#2c1a19}*{box-sizing:border-box}body{background:var(--page);color:var(--text);font-size:var(--body-2);line-height:20px;margin:0;-webkit-font-smoothing:antialiased}body,button,input,select{font-family:var(--font)}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:2px}a{color:inherit;text-decoration:none}.card{border:1px solid var(--border);box-shadow:0 1px 2px #112e2309,0 8px 24px #112e2306;display:flex;flex-direction:column;gap:var(--card-gap);padding:var(--card-pad)}.btn,.card{background:var(--surface);border-radius:var(--radius)}.btn{align-items:center;border:1px solid var(--border-strong);color:var(--text);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--body-1);gap:8px;height:var(--control-h);justify-content:center;line-height:22px;padding:0 12px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.btn:hover:not(:disabled){background:var(--gray-10)}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.btn--primary:hover:not(:disabled){background:var(--primary);filter:brightness(.92)}.btn--primary{box-shadow:0 3px 8px #07906e2e}.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--white)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--sm{font-size:var(--body-2);height:var(--segment-h);line-height:20px}.field{display:flex;flex-direction:column;gap:4px}.field>label{color:var(--text);font-size:var(--body-2);line-height:1.2}.input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font:inherit;font-size:var(--body-1);height:var(--control-h);line-height:22px;padding:0 8px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-20);outline:none}.input--area{font-size:var(--body-2);height:auto;line-height:20px;min-height:84px;padding:8px;resize:vertical}.datefield{align-items:center;display:flex;position:relative}.datefield .input{padding-left:40px}.datefield__icon{background:var(--gray-20);border-radius:3px;display:grid;height:24px;left:8px;place-items:center;pointer-events:none;position:absolute;width:24px}.datefield__icon img{height:18px;width:18px}.segmented{border-radius:var(--radius-sm);display:inline-flex;flex-wrap:wrap;gap:1.5px;overflow:hidden}.segmented button{background:var(--primary-20);border:0;color:var(--primary);cursor:pointer;font:inherit;font-size:var(--body-2);height:var(--segment-h);line-height:20px;padding:0 12px;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--primary);color:var(--text-on-primary)}.segmented button:hover:not([aria-pressed=true]){filter:brightness(.96)}.switch{background:var(--gray-50);border-radius:var(--radius-pill);display:inline-block;flex:none;height:22px;position:relative;transition:background .15s ease;width:40px}.switch:after{background:var(--white);border-radius:50%;box-shadow:0 1px 2px #14141440;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .15s ease;width:16px}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true]:after{transform:translate(18px)}.pill{align-items:center;background:var(--primary-20);border:1px solid var(--primary-60);border-radius:var(--radius-pill);color:var(--primary);display:inline-flex;font-size:var(--body-2);font-weight:600;height:var(--segment-h);line-height:1.2;padding:0 10px;white-space:nowrap}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 12px #112e2309;overflow-x:auto;scrollbar-color:var(--gray-50) transparent;scrollbar-width:thin}.table-wrap::-webkit-scrollbar{height:10px}.table-wrap::-webkit-scrollbar-track{background:transparent}.table-wrap::-webkit-scrollbar-thumb{background:var(--gray-50);border:3px solid var(--surface);border-radius:999px}.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--gray-100)}table{border-collapse:collapse;width:100%}thead th{background:var(--primary);box-shadow:inset -1px 0 #ffffff47;color:var(--text-on-primary);font-weight:600;white-space:nowrap}thead th:last-child{box-shadow:none}td,th{font-size:var(--body-2);line-height:20px;padding:12px 16px;text-align:left}tbody td{border-bottom:1px solid var(--border)}td.nowrap,td.num,th{white-space:nowrap}tbody tr:nth-child(2n) td{background:var(--gray-10)}tbody tr:hover td{background:var(--primary-20)}tbody tr:last-child td{border-bottom:0}td.num,th.num{font-variant-numeric:tabular-nums;text-align:right}.icon-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;display:inline-grid;height:32px;place-items:center;width:32px}.icon-btn:hover{background:var(--primary-20);border-color:var(--primary-60)}.muted{color:var(--text-muted)}.alert{background:var(--danger-20);border-radius:var(--radius);color:var(--danger);font-size:var(--body-2);padding:10px 12px}.app-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 8px #112e2309;display:flex;gap:16px;height:var(--header-h);inset:0 0 auto 0;justify-content:space-between;padding:10px 16px;position:fixed;z-index:20}.app-chip{align-items:center;background:none;border:0;border-radius:5px;color:var(--text);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--body-2);gap:8px;height:36px;line-height:20px;padding:0 12px;white-space:nowrap}.app-chip:hover{background:var(--gray-10)}.app-chip svg{color:var(--text-muted);flex:none}.locale-picker{align-items:center;display:flex;gap:6px}.locale-picker__icon{color:var(--text-muted);flex:none}.locale-picker .input{background:none;border-color:transparent;font-size:var(--body-2);height:36px;min-width:168px;padding-left:4px}.locale-picker .input:hover{background:var(--gray-10)}.app-sidebar{align-items:center;background:var(--surface);border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;gap:8px;left:0;overflow-y:auto;padding:8px 0;position:fixed;scrollbar-width:thin;top:var(--header-h);width:var(--sidebar-w)}.app-sidebar hr{border:0;border-top:1px solid var(--border);height:0;margin:0;width:calc(100% - 32px)}.nav-group,.nav-row{width:240px}.nav-row{align-items:center;background:none;border:0;border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:var(--body-1);gap:8px;line-height:22px;min-height:40px;padding:0 8px;text-align:left}.nav-row:hover{background:var(--gray-10)}.nav-row--on{background:var(--primary-20);color:var(--primary)}.nav-row--on,.nav-sub--on{font-weight:600}.nav-row--on:hover{background:var(--primary-20)}.nav-row__label{flex:1;overflow-wrap:anywhere;padding:8px 0}.nav-row__chevron{color:var(--text-muted);flex:none;transition:transform .15s ease}.nav-row__chevron--up{transform:rotate(180deg)}.nav-num{background:var(--gray-20);border-radius:4px;color:var(--text);display:grid;flex:none;font-size:var(--body-2);height:24px;line-height:20px;place-items:center;width:24px}.nav-row--on .nav-num{background:var(--primary);color:var(--text-on-primary)}.nav-row svg{flex:none}.nav-sub{align-items:center;border-radius:var(--radius);color:var(--text-muted);display:flex;font-size:var(--body-2);gap:8px;line-height:20px;min-height:40px;padding:0 8px 0 16px;width:240px}.nav-sub:hover{background:var(--gray-10)}.nav-sub--on{color:var(--primary)}.nav-sub--on,.nav-sub--on:hover{background:var(--primary-20)}.nav-sub__num{background:var(--gray-20);border-radius:4px;color:var(--gray-100);display:grid;flex:none;font-size:12px;height:20px;line-height:16px;place-items:center;width:32px}.nav-sub--on .nav-sub__num{background:var(--primary);color:var(--text-on-primary)}.nav-sub__label{overflow-wrap:anywhere;padding:8px 0}.titlebar{background:var(--primary-20);border-bottom:1px solid var(--primary-60);display:flex;flex-direction:column;gap:var(--card-gap);justify-content:center;min-height:104px;padding:var(--card-pad)}.titlebar__crumb{align-items:center;color:var(--text);display:flex;font-size:var(--body-2);gap:4px;line-height:20px;min-height:32px}.titlebar__row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.titlebar h1{font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:28px;margin:0}.titlebar__actions:empty{display:none}.tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;overflow-x:auto}.tabs [role=tab]{align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--body-2);gap:6px;height:var(--control-h);line-height:20px;margin-bottom:-1px;padding:0 14px;white-space:nowrap}.tabs [role=tab]:hover{color:var(--text)}.tabs [role=tab][aria-selected=true]{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.tabs [role=tab]:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--primary-60);outline-offset:-2px}.tab-count{align-items:center;background:var(--primary-20);border-radius:var(--radius-pill);color:var(--primary);display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px}@media(max-width:720px){:root{--sidebar-w:0px}}