.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 20px;background:var(--brand-yellow);border-bottom:3px solid var(--accent-primary)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--accent-primary)}.nav{display:flex;gap:6px;flex:1;flex-wrap:wrap}.nav a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:var(--radius);color:var(--text-primary);text-decoration:none}.nav a.active{background:var(--bg-card);font-weight:600}.who{display:flex;align-items:center;gap:8px}.content{padding:20px;max-width:1500px;margin:0 auto}@media(max-width:700px){.content{padding:12px}.nav{order:3;width:100%}}.login-page{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--brand-yellow)}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:22px;display:flex;align-items:center;gap:8px;color:var(--accent-primary)}.login-card p{margin:0 0 6px}.login-error{background:var(--danger-soft);color:var(--danger);padding:10px 12px;border-radius:var(--radius)}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filters label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-muted)}.filter-actions{display:flex;gap:8px;margin-left:auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}.stat{display:flex;flex-direction:column;gap:2px}.stat b{font-size:26px}.stat span{color:var(--text-muted);font-size:13px}.stat.danger b{color:var(--danger)}.stat.ok b{color:var(--ok)}.stat.warn b{color:var(--warn)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.tabs .btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-card)}.run-info{margin:6px 0 10px}.table-wrap{padding:0;overflow-x:auto}.grid{width:100%;border-collapse:collapse}.grid th,.grid td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.grid th{background:var(--bg-muted);font-size:13px;white-space:nowrap}.grid tbody tr{cursor:pointer}.grid .num{text-align:right;white-space:nowrap}.grid .awb{font-family:ui-monospace,monospace;white-space:nowrap}.grid .bill{font-weight:700}.row-danger{background:var(--danger-soft)}.text-danger{color:var(--danger);font-weight:700}.empty{text-align:center;padding:30px!important;color:var(--text-muted)}.detail td{background:var(--bg-muted);cursor:default}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.pieces{overflow-x:auto}.pieces table{border-collapse:collapse;margin-bottom:6px;background:var(--bg-card)}.pieces th,.pieces td{padding:6px 10px;border:1px solid var(--border);font-size:13px;text-align:right;white-space:nowrap}.pieces th,.pieces td:first-child{text-align:center}.pieces .side-th,.pieces .side-us{font-size:14px}.pieces .win{font-weight:700;color:var(--text-primary)}.pieces .lose{color:var(--text-muted)}.pieces .charge b,.pieces .diff b{font-size:15px;display:block}.pieces .by{display:block;font-size:11px;color:var(--text-muted)}.pieces .by.dim{color:var(--warn)}.pieces .diff.up b{color:var(--danger)}.pieces .diff.down b{color:var(--ok)}.pieces .total td{background:var(--bg-muted)}@media(max-width:700px){.filter-actions{margin-left:0;width:100%}.filter-actions .btn{flex:1;justify-content:center}.filters label{flex:1 1 45%}.grid thead{display:none}.grid,.grid tbody,.grid tr,.grid td{display:block;width:100%}.grid tr{border-bottom:6px solid var(--bg-page);padding:8px 0}.grid td{border:0;padding:4px 12px;display:flex;justify-content:space-between;gap:10px;text-align:right}.grid td:before{content:attr(data-label);color:var(--text-muted);font-size:13px;text-align:left}.grid td:first-child{display:none}.detail td{display:block;overflow-x:auto}.detail td:before{content:none}}.customers h2,.users h2{margin:0 0 12px}.search-box{display:flex;gap:8px;margin-bottom:12px}.search-box .input{flex:1}.found{margin-bottom:12px}.found-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.found-row:last-child{border-bottom:0}.small{font-size:12px}@media(max-width:700px){.found-row{flex-direction:column;align-items:stretch}.found-row .btn{justify-content:center}}:root{--bg-page: #f4f6f9;--bg-card: #ffffff;--bg-muted: #eef1f5;--border: #dde2e8;--text-primary: #1d2733;--text-muted: #667280;--accent-primary: #d40511;--accent-soft: #fff4cc;--brand-yellow: #ffcc00;--danger: #c62828;--danger-soft: #fdecea;--ok: #2e7d32;--ok-soft: #e8f5e9;--warn: #9a6700;--warn-soft: #fff8e1;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:Sarabun,Noto Sans Thai,system-ui,sans-serif;background:var(--bg-page);color:var(--text-primary);font-size:15px}button,input,select{font:inherit}.btn{min-height:44px;padding:0 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-card)}.btn-danger{color:var(--danger)}.btn:disabled{opacity:.55;cursor:default}.input{min-height:44px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.muted{color:var(--text-muted)}.loading-screen{padding:60px;text-align:center;color:var(--text-muted)}