:root{--bg:#f7f8fa;--surface:#ffffff;--surface-2:#f2f4f7;--line:#e3e7ec;--line-2:#cfd6de;--ink:#101828;--ink-2:#475467;--ink-3:#8a94a3;--accent:#10617f;--accent-2:#0b4a61;--accent-bg:#e6f1f6;--red:#b42318;--red-bg:#fef3f2;--amber:#b54708;--amber-bg:#fffaeb;--green:#067647;--green-bg:#ecfdf3;--radius:10px;--radius-sm:7px;--shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);--shadow-md:0 4px 8px -2px rgba(16,24,40,.08),0 2px 4px -2px rgba(16,24,40,.04)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1117;--surface:#161b22;--surface-2:#1c232c;--line:#273040;--line-2:#3a4453;--ink:#e6edf3;--ink-2:#adb9c7;--ink-3:#7d8a99;--accent:#5eb3d6;--accent-2:#8ecbe6;--accent-bg:#102934;--red:#f97066;--red-bg:#2d1513;--amber:#fdb022;--amber-bg:#2d1f09;--green:#47cd89;--green-bg:#0a2620;--shadow:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5)}}:root[data-theme=dark]{--bg:#0d1117;--surface:#161b22;--surface-2:#1c232c;--line:#273040;--line-2:#3a4453;--ink:#e6edf3;--ink-2:#adb9c7;--ink-3:#7d8a99;--accent:#5eb3d6;--accent-2:#8ecbe6;--accent-bg:#102934;--red:#f97066;--red-bg:#2d1513;--amber:#fdb022;--amber-bg:#2d1f09;--green:#47cd89;--green-bg:#0a2620;--shadow:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans Thai,Noto Sans Thai,Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;letter-spacing:-.01em;margin:0 0 4px;line-height:1.35}h1,h2{font-weight:650}h2{font-size:16px;margin:0 0 10px}p{margin:0 0 12px}.muted{color:var(--ink-3);font-size:13px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.mono,.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.side{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{padding:18px 18px 14px;border-bottom:1px solid var(--line)}.brand b{display:block;font-size:15px;font-weight:650;letter-spacing:-.01em}.brand span{font-size:11.5px;color:var(--ink-3)}.nav{padding:10px;flex-direction:column;gap:2px;flex:1 1}.nav,.nav a{display:flex}.nav a{align-items:center;gap:10px;padding:8px 11px;border-radius:var(--radius-sm);color:var(--ink-2);font-size:14px;font-weight:500}.nav a:hover{background:var(--surface-2);color:var(--ink);text-decoration:none}.nav a.on{background:var(--accent-bg);color:var(--accent);font-weight:600}.nav a .ic{width:17px;height:17px;flex:none;opacity:.85}.nav .sep{height:1px;background:var(--line);margin:8px 4px}.nav .lbl{font-size:10.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:10px 11px 4px}.who{padding:12px 14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;flex:none;display:grid;place-items:center;font-size:12.5px;font-weight:650}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:12px 26px;display:flex;align-items:center;gap:14px}.content{padding:22px 26px 64px;max-width:1180px;width:100%}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{position:-webkit-sticky;position:sticky;top:0;z-index:30;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.brand{border-bottom:0;border-right:1px solid var(--line);white-space:nowrap;padding:12px 14px}.brand span{display:none}.nav{flex-direction:row;padding:8px;gap:4px}.nav .lbl,.nav .sep,.who{display:none}.content{padding:16px}.topbar{padding:10px 16px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px}.card-hd{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-hd h2{margin:0}.grid{display:grid;grid-gap:14px;gap:14px}.g-3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1 1}.stat{padding:16px 18px}.stat .k{font-size:12.5px;color:var(--ink-3);font-weight:500}.stat .v{font-size:27px;font-weight:660;letter-spacing:-.02em;margin-top:3px;line-height:1.15}.stat .s{font-size:12.5px;color:var(--ink-3);margin-top:2px}.stat.red .v{color:var(--red)}.stat.amber .v{color:var(--amber)}.btn,button{font:inherit;font-size:14px;font-weight:550;padding:8px 15px;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:filter .12s,background .12s}.btn:hover,button:hover:not(:disabled){filter:brightness(1.08);text-decoration:none}button:disabled{opacity:.5;cursor:default}.btn.ghost,button.ghost{background:var(--surface);color:var(--ink-2);border-color:var(--line-2)}button.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}button.sm{padding:5px 10px;font-size:13px}button.danger{background:var(--red);border-color:var(--red)}input[type=date],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{font:inherit;font-size:14px;width:100%;padding:8px 11px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}label{display:block;font-size:13px;font-weight:550;color:var(--ink-2)}label input,label select{margin-top:5px}.search-wrap{position:relative;flex:1 1;max-width:520px}.search-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-3);pointer-events:none}.search-wrap input{padding-left:34px}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11.5px;font-weight:650;letter-spacing:.045em;text-transform:uppercase;color:var(--ink-3);padding:9px 16px;background:var(--surface-2);white-space:nowrap}td,th{border-bottom:1px solid var(--line)}td{padding:11px 16px;vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}td .sub{font-size:12.5px;color:var(--ink-3);margin-top:1px}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.tag.red{background:var(--red-bg);color:var(--red)}.tag.amber,.tag.red{border-color:transparent}.tag.amber{background:var(--amber-bg);color:var(--amber)}.tag.green{background:var(--green-bg);color:var(--green)}.tag.blue,.tag.green{border-color:transparent}.tag.blue{background:var(--accent-bg);color:var(--accent)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.note{border-radius:var(--radius-sm);padding:11px 14px;font-size:13.5px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2)}.note.red{background:var(--red-bg);border-color:color-mix(in srgb,var(--red) 25%,transparent);color:var(--red)}.note.amber{background:var(--amber-bg);border-color:color-mix(in srgb,var(--amber) 25%,transparent);color:var(--amber)}.note b{font-weight:650}.empty{text-align:center;padding:42px 20px;color:var(--ink-3)}.empty svg{width:34px;height:34px;opacity:.4;margin-bottom:10px}.drop{border:1.5px dashed var(--line-2);border-radius:var(--radius);padding:26px;text-align:center;color:var(--ink-3);transition:all .15s;background:var(--surface)}.drop.over{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.drop b{color:var(--ink);font-weight:600}.bar{height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden;min-width:70px}.bar i{display:block;height:100%;background:var(--accent);transition:width .2s}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--line) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:sk 1.3s infinite;border-radius:5px;height:13px}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}