@charset "UTF-8";:root{color-scheme:light dark;--bg: light-dark(#f6f2ea, #100c0d);--surface: light-dark(#ffffff, #191315);--surface-2: light-dark(#f0ece3, #211a1b);--surface-3: light-dark(#e7e0d3, #2a2123);--glass: light-dark(rgb(255 255 255 / .72), rgb(20 15 16 / .66));--ink: light-dark(#26221d, #f3eae4);--ink-2: light-dark(#6b6357, #c6b5ad);--ink-3: light-dark(#9c9384, #8c766f);--line: light-dark(#e7e0d3, #2a2022);--line-2: light-dark(#d8d0bf, #392a2c);--accent: light-dark(#8a1f2b, #e0555f);--accent-soft: light-dark(#f4e4e2, #2c1618);--accent-line: light-dark(#e6c9c7, #4a2529);--on-accent: #ffffff;--gold: light-dark(#b7892f, #d9a441);--gold-soft: light-dark(#f3ead4, #2a2110);--gold-line: light-dark(#e6d3a6, #d9a44140);--on-gold: #241706;--ok: light-dark(#3f7a4e, #4fd08a);--ok-soft: light-dark(#e4efe3, #12291d);--warn: light-dark(#b7791f, #f0b64f);--warn-soft: light-dark(#f6ecd6, #2a2410);--bad: light-dark(#a5342f, #ff6b7a);--bad-soft: light-dark(#f6e2df, #2c1418);--shadow-1: light-dark(0 1px 2px rgb(16 19 25 / .05), 0 1px 2px rgb(0 0 0 / .4));--shadow-2: light-dark(0 2px 6px -2px rgb(16 19 25 / .1), 0 4px 14px -4px rgb(0 0 0 / .5));--shadow-3: light-dark(0 12px 34px -10px rgb(16 19 25 / .18), 0 16px 40px -12px rgb(0 0 0 / .7));--ring: 0 0 0 3px var(--accent-soft);--r-1: 8px;--r-2: 11px;--r-3: 16px;--r-pill: 999px;--font: "Inter var", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Thai", sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--dur-1: .12s;--dur-2: .2s;--dur-3: .34s;--ease: cubic-bezier(.2, .7, .2, 1)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box;min-width:0}html,body{height:100%}html{scrollbar-color:var(--line-2) transparent;accent-color:var(--accent)}body{margin:0;font-family:var(--font);font-size:14px;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{text-wrap:balance;letter-spacing:-.014em;margin:0}h1{font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem);font-weight:680}h2{font-size:1.05rem;font-weight:640;margin-block:32px 14px}.card h2,.page-head h2,.row-between h2{margin-block:0}p{text-wrap:pretty;margin:0}a{color:var(--accent);text-decoration:none}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}::selection{background:var(--accent-soft)}code,.mono{font-family:var(--mono)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:14px}.muted{color:var(--ink-3)}.num{font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-1)}.card.narrow{max-width:440px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ink-2);font-weight:500}input,textarea,select{font:inherit;font-size:14px;padding:10px 13px;border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface);color:var(--ink);width:100%;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:var(--ring)}textarea{resize:vertical;field-sizing:content;min-height:3lh}select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:38px;background-repeat:no-repeat;background-position:right 13px center;background-size:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23828b99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}select:hover{border-color:var(--line-2)}select option{background:var(--surface);color:var(--ink)}button,.btn{font:inherit;font-size:13.5px;font-weight:560;cursor:pointer;border:1px solid transparent;border-radius:var(--r-1);padding:9px 15px;display:inline-flex;align-items:center;gap:7px;line-height:1;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease)}button:active:not(:disabled),.btn:active{transform:translateY(.5px) scale(.99)}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover:not(:disabled){background:color-mix(in oklab,var(--accent),black 10%)}.ghost{background:var(--surface);color:var(--ink-2);border-color:var(--line-2)}.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.danger{background:var(--bad-soft);color:var(--bad)}.danger:hover:not(:disabled){background:color-mix(in oklab,var(--bad-soft),var(--bad) 12%)}.link{background:none;color:var(--accent);padding:6px 4px;border:none}.link:hover{text-decoration:underline}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}.sm{padding:6px 11px;font-size:12.5px}.big{padding:12px 16px;font-size:14.5px;justify-content:center}.tbl-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-1);padding-inline:12px;flex:1 1 220px;max-width:340px;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.search-field:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.search-field .ic{color:var(--ink-3);display:inline-flex}.search-field input{border:none;background:transparent;padding:9px 0;box-shadow:none!important}.search-field input:focus{box-shadow:none!important}.search-field .clear{background:none;border:none;color:var(--ink-3);cursor:pointer;padding:2px;display:inline-flex}.search-field .clear:hover{color:var(--ink)}.tbl-toolbar .count{margin-inline-start:auto;font-family:var(--mono);font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{position:sticky;top:0;background:var(--surface);z-index:1;text-align:start;font-family:var(--mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:13px 16px;border-bottom:1px solid var(--line)}tbody td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:middle}tbody tr{transition:background var(--dur-1) var(--ease)}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}td.num{text-align:end;font-variant-numeric:tabular-nums}td.actions{text-align:end;white-space:nowrap}td.actions>*+*{margin-inline-start:6px}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.02em;padding:3px 10px 3px 8px;border-radius:var(--r-pill);text-transform:lowercase}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px color-mix(in oklab,currentColor,transparent 25%)}.pill.pending{background:var(--warn-soft);color:var(--warn)}.pill.approved,.pill.active,.pill.sent{background:var(--ok-soft);color:var(--ok)}.pill.rejected,.pill.suspended,.pill.failed{background:var(--bad-soft);color:var(--bad)}.chip{display:inline-block;font-family:var(--mono);font-size:11px;color:var(--ink-2);background:var(--surface-2);padding:3px 9px;border-radius:var(--r-1);border:1px solid var(--line);margin:1px 4px 1px 0}code{font-family:var(--mono);font-size:12.5px;color:var(--ink);background:var(--surface-2);padding:2px 6px;border-radius:var(--r-1);word-break:break-all}input:user-invalid,textarea:user-invalid,select:user-invalid{border-color:var(--bad)}.spin{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;vertical-align:-2px}@media (prefers-reduced-motion: no-preference){.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}.segmented{display:inline-flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--r-2);flex-wrap:wrap}.segmented button{font:inherit;font-size:13px;font-weight:550;min-height:38px;padding:8px 15px;border:none;background:transparent;color:var(--ink-2);border-radius:var(--r-1);cursor:pointer;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.segmented button:hover:not(.on){color:var(--ink);background:color-mix(in oklab,var(--surface),transparent 35%)}.segmented button.on{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-1)}.segmented button:focus-visible{box-shadow:var(--ring)}.tabs{display:inline-flex;gap:3px;padding:3px;background:var(--surface-2);border-radius:var(--r-2);margin-bottom:20px}.tabs button{background:transparent;color:var(--ink-2);border:none;padding:6px 14px;border-radius:8px;font-size:12.5px}.tabs button:hover:not(.active){color:var(--ink)}.tabs button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.kv{display:flex;gap:10px;font-size:13px;color:var(--ink-2)}.kv>span:first-child{color:var(--ink-3);min-width:76px;font-family:var(--mono);font-size:11px}.hint{font-size:12px;color:var(--ink-3);background:var(--surface-2);padding:9px 12px;border-radius:var(--r-1)}.ok-text{color:var(--ok)}.cred-box{background:var(--ok-soft);border:1px solid color-mix(in oklab,var(--ok),transparent 55%);border-radius:var(--r-2);padding:16px;margin-bottom:20px}.cred-head{display:flex;justify-content:space-between;align-items:center}.cred-row{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:13px}.cred-row>span:first-child{min-width:100px;color:var(--ink-3);font-family:var(--mono);font-size:11px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}.page-head h1:after{content:"";display:block;width:44px;height:2.5px;margin-top:9px;border-radius:2px;background:var(--gold)}.page-head .sub{color:var(--ink-3);font-size:13.5px;margin-top:9px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:14px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:18px;display:flex;flex-direction:column;gap:5px;box-shadow:var(--shadow-1)}.stat .ic{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent-soft);color:var(--accent);margin-bottom:4px}.stat .val{font-size:26px;font-weight:680;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .lbl{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.stat .cap{font-size:12px;color:var(--ink-3)}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:38px;height:22px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line-2);position:relative;transition:background var(--dur-1) var(--ease)}.switch .track:after{content:"";position:absolute;inset-block:2px;inset-inline-start:2px;width:16px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-1);transition:translate var(--dur-1) var(--ease)}.switch input:checked+.track{background:var(--accent);border-color:transparent}.switch input:checked+.track:after{translate:16px 0}.switch input:focus-visible+.track{box-shadow:var(--ring)}.empty{display:grid;place-items:center;gap:10px;padding:56px 20px;color:var(--ink-3);text-align:center}.empty .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--surface-2);color:var(--ink-3)}:root[data-density=compact] thead th{padding:8px 14px}:root[data-density=compact] tbody td{padding:8px 14px;font-size:13px}:root[data-density=compact] .card{padding:16px;gap:12px}:root[data-density=compact] .stat{padding:14px}:root[data-density=compact] .stats{gap:10px}:root[data-density=compact] .cred-row{margin-top:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}