:root{--bg:#000;--bg-1:#0c0d0f;--panel:#121316;--panel-2:#17181c;--line:#24262b;--line-2:#2e3036;--text:#eaecef;--muted:#8a8f9a;--muted-2:#5b606b;--blue:#1f6fff;--blue-hi:#3b82ff;--green:#1fc77b;--amber:#e3a008;--red:#f6465d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Helvetica Neue,Noto Sans Thai,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0,#0e1830,#000 70%);padding:24px}.auth-card{background:var(--panel);width:100%;max-width:400px;border:1px solid var(--line);border-radius:14px;padding:36px 32px;box-shadow:0 20px 60px rgba(0,0,0,.6)}.brand{text-align:center;margin-bottom:26px}.brand .mark{font-size:22px;font-weight:800;letter-spacing:.5px;color:#fff}.brand .mark span{color:var(--blue-hi)}.brand .sub{margin-top:6px;text-transform:uppercase;letter-spacing:2px}.brand .sub,label{font-size:12px;color:var(--muted)}label{display:block;margin:14px 0 6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg-1);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted-2)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);background:#0a0e16}.btn{width:100%;margin-top:22px;padding:12px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn:hover{background:var(--blue-hi)}.btn.gold{background:var(--blue);color:#fff}.btn.small{padding:9px 16px}.btn.row,.btn.small{width:auto;margin:0;font-size:13px}.btn.row{padding:8px 16px;border-radius:999px}.btn.row.ghost{background:transparent;color:var(--muted);border:1px solid var(--line-2)}.btn.row.ghost:hover{color:var(--text);border-color:var(--blue)}.btn.danger{background:var(--red)}.btn.ghost{background:var(--panel-2);color:var(--text)}.err{background:rgba(246,70,93,.12);color:var(--red)}.err,.ok{margin-top:16px;padding:10px 12px;border-radius:8px;font-size:13px}.ok{background:rgba(31,199,123,.12);color:var(--green)}.demo{margin-top:22px;border-top:1px dashed var(--line-2);padding-top:14px;font-size:12px;color:var(--muted)}.demo b{color:var(--text)}.demo code{background:var(--panel-2);padding:1px 6px;border-radius:5px;font-size:12px}.shell{display:flex;min-height:100vh}.side{width:240px;background:var(--bg);border-right:1px solid var(--line);padding:18px 12px;flex-shrink:0;display:flex;flex-direction:column}.side .mark{font-size:16px;font-weight:800;color:#fff;padding:4px 10px 18px;display:flex;align-items:center;gap:8px}.side .mark span{color:var(--blue-hi)}.side .mark .dot{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--blue-hi),var(--blue));display:inline-block}.nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.nav .grp{font-size:11px;color:var(--muted-2);text-transform:uppercase;letter-spacing:1px;padding:16px 12px 6px}.nav a{padding:10px 12px;border-radius:8px;font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.nav a:hover{background:var(--panel);color:var(--text)}.nav a.active{background:rgba(31,111,255,.14);color:var(--blue-hi);font-weight:600}.side-foot{border-top:1px solid var(--line);margin-top:14px;padding:14px 12px 4px;font-size:12px;color:var(--muted)}.side-foot b{color:var(--text);display:block;font-size:13px}.main{flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{background:var(--bg);border-bottom:1px solid var(--line);padding:12px 28px;display:flex;align-items:center;justify-content:space-between}.topbar .who{font-weight:600}.topbar .who small{display:block;color:var(--muted);font-weight:400}.topbar .right{display:flex;align-items:center;gap:14px}.topbar .util{font-size:13px;color:var(--muted);cursor:default}.upd{font-size:12px;color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:6px 10px;border-radius:7px}.content{padding:24px 28px;flex:1 1}h1.page{font-size:20px;margin-bottom:4px;font-weight:700}.page-sub{color:var(--muted);font-size:13px}.cards,.page-sub{margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;position:relative;overflow:hidden}.card .k{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.card .v{font-size:22px;font-weight:700;margin-top:10px}.card .v.sm{font-size:17px}.card .dod{font-size:11px;margin-top:6px;color:var(--muted)}.card .dod.up{color:var(--green)}.card .dod.down{color:var(--red)}.card .spark{position:absolute;right:12px;bottom:12px;opacity:.9}.hero{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:flex-start}.hero .label{font-size:13px;color:var(--muted)}.hero .big{font-size:30px;font-weight:800;margin-top:8px;letter-spacing:-.5px}.hero .big small{font-size:14px;color:var(--muted);font-weight:500}.tag-max{background:rgba(31,111,255,.16);color:var(--blue-hi);font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap}.tabs button{background:none;color:var(--muted);font-size:13.5px;padding:10px 2px;cursor:pointer;border:none;border-bottom:2px solid transparent;margin:0;width:auto}.tabs button.active{color:var(--text);border-bottom-color:var(--blue);font-weight:600}.filterbar{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:18px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px 16px;gap:12px 16px}.filterbar .full{grid-column:1/-1;display:flex;gap:10px}.metric-strip{display:flex;flex-wrap:wrap;gap:26px;padding:14px 18px;background:var(--panel);border:1px solid var(--line);border-bottom:none;border-radius:12px 12px 0 0;font-size:13px;color:var(--muted)}.metric-strip b{color:var(--text)}.tbl-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.metric-strip+.tbl-wrap{border-radius:0 0 12px 12px}table{width:100%;border-collapse:collapse}td,th{padding:13px 16px;text-align:left;font-size:13px}th{background:var(--bg-1);color:var(--muted);font-weight:500;font-size:12px}tr+tr td{border-top:1px solid var(--line)}tbody tr:hover td{background:hsla(0,0%,100%,.02)}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.b-Tracking{background:#1f2937;color:#9aa4b8}.b-Pending{background:rgba(227,160,8,.16);color:var(--amber)}.b-Under,.b-Verified{background:rgba(31,111,255,.16);color:var(--blue-hi)}.b-Approved,.b-Paid{background:rgba(31,199,123,.16);color:var(--green)}.b-Adjusted{background:rgba(227,160,8,.16);color:var(--amber)}.b-Rejected{background:rgba(246,70,93,.16);color:var(--red)}.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:18px}.pager button{width:auto;margin:0;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:6px 12px;border-radius:7px;font-size:13px;cursor:pointer}.pager button:disabled{color:var(--muted-2);cursor:default}.pager .cur{background:var(--blue);border-color:var(--blue);color:#fff}.tbl-foot{color:var(--muted);font-size:12.5px;padding:12px 4px}.disclaimer{display:none}.app-foot{border-top:1px solid var(--line);padding:14px 28px;font-size:12px;color:var(--muted-2);display:flex;justify-content:flex-end;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;max-width:560px}.search-row{display:flex;gap:10px;max-width:480px}.search-row input{flex:1 1}.empty{padding:30px;text-align:center;color:var(--muted);font-size:13px}.hint{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:16px}.adm-sec,.hint{background:var(--panel)}.adm-sec{border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:18px}.adm-sec h2{font-size:15px;margin-bottom:4px}.adm-sec .sub{font-size:12px;color:var(--muted);margin-bottom:16px}.adm-stats{display:flex;gap:22px;flex-wrap:wrap}.adm-stats div span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.adm-stats div b{font-size:18px}.drop{border:2px dashed var(--line-2);border-radius:12px;padding:26px;text-align:center;color:var(--muted);font-size:13px;cursor:pointer}.drop.over{border-color:var(--blue);background:rgba(31,111,255,.06);color:var(--text)}.cred{margin-top:14px;background:#0a0e16;color:var(--blue-hi);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.7}.cred b{color:#fff}.adm-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 16px;gap:12px 16px}.adm-grid .full{grid-column:1/-1}.report{margin-top:14px;font-size:12.5px;background:var(--bg-1);border:1px solid var(--line);border-radius:8px;padding:12px 14px}.report code{background:var(--panel-2);padding:1px 6px;border-radius:5px}.lnk-block{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-top:12px}.lnk-code{font-weight:700;margin-bottom:8px}.lnk-row{display:flex;align-items:center;gap:10px;margin:6px 0}.lnk-label{font-size:12px;color:var(--muted);width:78px;flex-shrink:0}.lnk-val{flex:1 1;background:var(--bg-1);border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:12.5px;overflow-x:auto;white-space:nowrap}.lnk-pending{font-size:12px;color:var(--amber);margin-top:6px}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:620px;max-height:86vh;overflow-y:auto;padding:22px 24px}.modal h3{font-size:17px;margin-bottom:2px}.modal .muted{color:var(--muted);font-size:12px;margin-bottom:16px}.modal .close{width:auto;margin:0;padding:6px 12px;background:var(--panel-2);color:var(--text);float:right}.kv{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 18px;gap:10px 18px;margin-bottom:18px}.kv div span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.kv div b{font-size:14px}.uid-btn{background:none;border:none;color:var(--blue-hi);font-weight:700;cursor:pointer;padding:0;font-size:13px;width:auto;margin:0}.uid-btn:hover{text-decoration:underline}@media (max-width:900px){.shell{flex-direction:column}.side{width:100%;flex-direction:row;align-items:center;overflow-x:auto;padding:10px 12px;border-right:none;border-bottom:1px solid var(--line);gap:6px}.side .mark{padding:0 8px 0 4px;white-space:nowrap}.nav{flex-direction:row;gap:4px;flex:1 1;overflow-x:auto;flex-wrap:nowrap}.nav>div{display:contents}.nav .grp{display:none}.nav a{padding:8px 10px;font-size:13px;white-space:nowrap}.side-foot{display:none}.topbar{padding:10px 14px;flex-wrap:wrap;gap:8px}.topbar .who small{font-size:11px}.topbar .right{gap:8px}.upd{display:none}.content{padding:16px 14px}.app-foot{padding:12px 14px;justify-content:center}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:14px}.card .v{font-size:18px}.card .v.sm{font-size:15px}.card .spark{display:none}.hero{padding:16px}.hero .big{font-size:24px}.filterbar{grid-template-columns:1fr;padding:14px}.metric-strip{gap:14px;font-size:12px;padding:12px 14px}td,th{padding:10px 12px;font-size:12.5px}.modal{padding:18px 16px;max-height:92vh}.adm-grid,.kv{grid-template-columns:1fr}.lnk-row{flex-wrap:wrap}.lnk-label{width:auto}.lnk-val{width:100%}}@media (max-width:560px){h1.page{font-size:18px}.cards{grid-template-columns:1fr}.tabs{gap:14px;font-size:13px}.btn.row{padding:7px 12px;font-size:12.5px}.topbar .who{font-size:13px}.auth-card{padding:26px 22px}}