:root{--brand:#e2231a;--brand-dark:#a8180f;--ink:#172033;--muted:#64748b;--border:#e2e7ed;--bg:#f4f6f9;--surface:#fff;--brand-soft:#fdeceb;--ok:#15803d;--ok-bg:#e7f6ec;--warn:#b45309;--warn-bg:#fdf1de;--info:#1d4ed8;--info-bg:#e6eefc;--bad:#b91c1c;--bad-bg:#fde8e8;--gray-bg:#eef1f5}@media (prefers-color-scheme:dark){:root{--ink:#e8edf5;--muted:#9aa7bb;--border:#2a3446;--bg:#0f1521;--surface:#171f2e;--brand-soft:#2a1517;--ok:#4ade80;--ok-bg:#12301d;--warn:#fbbf24;--warn-bg:#3a2a0e;--info:#8ab4ff;--info-bg:#162447;--bad:#f87171;--bad-bg:#3b1618;--gray-bg:#1f2838}}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font:14px/1.45 system-ui,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1{margin:0 0 4px;font-size:20px}h2{margin:0 0 10px;font-size:15px}.sub{color:var(--muted);margin:0 0 16px}.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}.muted{color:var(--muted)}.right{margin-left:auto}.flex{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.stack{gap:12px;display:grid}.top{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;min-height:52px;padding:0 20px;display:flex}.logo{color:var(--brand);letter-spacing:.2px;font-weight:700}.logo small{color:var(--muted);margin-left:6px;font-weight:500}.menu{flex-wrap:wrap;gap:2px;display:flex}.menu a,.menu span{color:var(--muted);border-radius:6px;padding:6px 12px}.menu a.on{background:var(--gray-bg);color:var(--ink);font-weight:600}.menu span[aria-disabled=true]{opacity:.5;cursor:not-allowed}.me{color:var(--muted);font-size:13px}.me b{color:var(--ink)}.page{min-width:0;padding:22px 26px}@media (width<=700px){.page{padding:14px}.top{padding:8px 14px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.chip{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.c-ok{background:var(--ok-bg);color:var(--ok)}.c-warn{background:var(--warn-bg);color:var(--warn)}.c-info{background:var(--info-bg);color:var(--info)}.c-bad{background:var(--bad-bg);color:var(--bad)}.c-gray{background:var(--gray-bg);color:var(--muted)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:7px 14px;font-weight:600}.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}.btn.sm{padding:4px 10px;font-size:13px}.btn[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:7px 9px}textarea{min-height:64px}label.field{color:var(--muted);gap:4px;font-size:13px;display:grid}label.field>span{font-weight:600}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=700px){.grid2,.grid3{grid-template-columns:1fr}}table{border-collapse:collapse;width:100%}th{color:var(--muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px}tr:last-child td{border-bottom:0}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.kv{grid-template-columns:repeat(4,1fr);gap:10px 18px;display:grid}.kv div span{color:var(--muted);font-size:12px;display:block}@media (width<=700px){.kv{grid-template-columns:repeat(2,1fr)}}.warnbox{background:var(--warn-bg);color:var(--warn);border:1px solid #f3c27a;border-radius:10px;padding:10px 12px}.badbox{background:var(--bad-bg);color:var(--bad);border:1px solid #f1a9a9;border-radius:10px;padding:10px 12px}.okbox{background:var(--ok-bg);color:var(--ok);border:1px solid #9fd7b2;border-radius:10px;padding:10px 12px}.empty{text-align:center;color:var(--muted);padding:40px 16px}.spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.steps{margin:6px 0 4px;display:flex;overflow:auto}.st{text-align:center;min-width:96px;color:var(--muted);flex:1;padding-top:30px;font-size:12px;position:relative}.st:before{content:"";background:var(--border);height:3px;position:absolute;top:12px;left:0;right:0}.st:first-child:before{left:50%}.st:last-child:before{right:50%}.st i{background:var(--surface);border:2px solid var(--border);z-index:1;border-radius:50%;width:21px;height:21px;font-size:11px;font-style:normal;line-height:17px;position:absolute;top:3px;left:calc(50% - 10px)}.st.done{color:var(--ok)}.st.done:before{background:var(--ok)}.st.done i{background:var(--ok);border-color:var(--ok);color:#fff}.st.cur{color:var(--brand-dark);font-weight:700}.st.cur i{border-color:var(--brand);color:var(--brand)}.st.bad{color:var(--bad);font-weight:700}.st.bad i{border-color:var(--bad);color:var(--bad)}.quote{border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.quote.sel{border-color:var(--brand);background:var(--brand-soft)}.quote input[type=radio]{width:auto;margin-top:3px}.quote .p{text-align:right;font-variant-numeric:tabular-nums;margin-left:auto}.board{align-items:flex-start;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.col{flex:1;min-width:236px}.col-head{align-items:center;gap:8px;margin:0 0 8px;display:flex}.col.mine .col-head b{color:var(--brand-dark)}.pr-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;padding:10px;display:block}.pr-card:hover{border-color:var(--muted)}.pr-card.mine{border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.pr-card .chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.alert-strip{align-items:center;gap:10px;margin-bottom:12px;display:flex}.modal-backdrop{z-index:100;background:#0f152180;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--bg);border-radius:14px;width:100%;max-width:1040px;padding:18px 20px;box-shadow:0 20px 60px #00000059}.modal-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sticky-actions{background:var(--surface);border-top:1px solid var(--border);border-radius:0 0 12px 12px;flex-wrap:wrap;align-items:center;gap:10px;margin:16px -16px -16px;padding:12px 16px;display:flex;position:sticky;bottom:0}@media (width<=700px){.modal-backdrop{padding:0}.modal{border-radius:0;min-height:100vh}}.auth-screen{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;gap:12px;width:100%;max-width:380px;padding:28px;display:grid}.brand-mark{background:var(--brand);color:#fff;border-radius:10px;place-items:center;width:44px;height:44px;margin:0 auto;font-weight:800;display:grid}.eyebrow{letter-spacing:.8px;color:var(--muted);margin:0;font-size:11px}.bell-wrap{position:relative}.bell{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 10px;position:relative}.bell i{background:var(--brand);color:#fff;border-radius:10px;padding:0 5px;font-size:11px;font-style:normal;position:absolute;top:-6px;right:-6px}.bell-panel{z-index:90;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(380px,92vw);max-height:70vh;position:absolute;top:40px;right:0;overflow:auto;box-shadow:0 12px 40px #00000040}.bell-item{border-bottom:1px solid var(--border);padding:10px 14px;display:block}.bell-item.unread{background:var(--brand-soft)}.lookup-list{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:8px;max-height:220px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;left:0;right:0;overflow:auto;box-shadow:0 8px 24px #0000002e}.lookup-list button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:6px;padding:7px 9px;display:block}.lookup-list button:hover{background:var(--gray-bg)}.tabs{border-bottom:1px solid var(--border);gap:2px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:8px 14px;font-weight:600}.tabs button.on{color:var(--brand-dark);border-bottom-color:var(--brand)}.tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.psearch{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:14px;display:grid}.psearch.with-pane{grid-template-columns:190px minmax(0,1fr) 480px}.psearch .filters{max-height:calc(100vh - 80px);position:sticky;top:12px;overflow:auto}.facet{border:0;gap:6px;margin:0;padding:0;display:grid}.facet legend{color:var(--muted);padding:0 0 6px;font-size:12px;font-weight:600}.psearch .results-table thead tr,.rowbtn{grid-template-columns:minmax(180px,3fr) minmax(130px,2fr) 64px minmax(120px,1.4fr) 92px;gap:10px;display:grid}.psearch .results-table thead th{border-bottom:0}.psearch .results-table thead{border-bottom:1px solid var(--border);display:block}.psearch .results-table tbody,.psearch .results-table tbody tr,.psearch .results-table tbody td{display:block}.rowbtn{text-align:left;width:100%;color:inherit;background:0 0;border:0;align-items:start;padding:10px}.rowbtn:hover,tr.sel .rowbtn{background:var(--brand-soft)}.rowbtn:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.rowbtn .cell{align-content:start;gap:3px;min-width:0;display:grid}.rowbtn .cell.n{text-align:right;font-variant-numeric:tabular-nums;justify-items:end}.pane{max-height:calc(100vh - 80px);position:sticky;top:12px;overflow:auto}.psearch.with-pane .results-table thead{display:none}.psearch.with-pane .rowbtn{grid-template-columns:1fr 1fr;gap:4px 10px}.psearch.with-pane .rowbtn .cell.main{grid-column:1/-1}.psearch.with-pane .rowbtn .cell.n{text-align:left;justify-items:start}.psearch.with-pane .rowbtn .cell:nth-child(3):before{content:"Lần nhập: ";color:var(--muted)}.psearch.with-pane .rowbtn .cell:nth-child(4):before{content:"Giá gần nhất (chưa VAT)";color:var(--muted);font-size:12px}.psearch.with-pane .rowbtn .cell:nth-child(5):before{content:"Lần cuối: ";color:var(--muted)}@media (width<=1100px){.psearch.with-pane{grid-template-columns:190px minmax(0,1fr)}.psearch .pane{grid-column:1/-1;max-height:none;position:static}}@media (width<=700px){.psearch,.psearch.with-pane{grid-template-columns:1fr}.psearch .filters{max-height:none;position:static}.psearch .results-table thead{display:none}.psearch .rowbtn{grid-template-columns:1fr 1fr;gap:4px 10px}.psearch .rowbtn .cell.main{grid-column:1/-1}.psearch .rowbtn .cell.n{text-align:left;justify-items:start}.psearch .rowbtn .cell:nth-child(3):before{content:"Lần nhập: ";color:var(--muted)}.psearch .rowbtn .cell:nth-child(4):before{content:"Giá gần nhất (chưa VAT)";color:var(--muted);font-size:12px}.psearch .rowbtn .cell:nth-child(5):before{content:"Lần cuối: ";color:var(--muted)}}.pane th,.pane td{padding:6px 8px}.pane td.n,.pane th.n{white-space:nowrap}.linkbtn{color:var(--brand-dark);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.linkbtn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}tr.open>td{border-bottom:0}td.subrow{background:var(--bg);padding:6px 8px 10px}table.lines td{vertical-align:top}table.lines tr.dim td{color:var(--muted)}table.lines .note{color:var(--muted);font-size:12px}table.lines .tags{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.ferr{color:var(--bad);font-size:12px}input[aria-invalid=true]{border-color:var(--bad);background:var(--bad-bg)}.contacts-table td{padding:6px 8px}.contacts-table td.role{width:150px;padding-top:14px;font-size:13px;font-weight:600}.contacts-table td.act{white-space:nowrap}.contacts-table td{display:table-cell}.contacts-table td>.ferr{margin-top:2px;display:block}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.contacts-grid>div{overflow-wrap:anywhere;min-width:0}@media (width<=700px){.contacts-table thead{display:none}.contacts-table,.contacts-table tbody,.contacts-table tr{display:block}.contacts-table tr{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:10px;padding:8px 10px}.contacts-table td{border:0;padding:4px 0;display:grid}.contacts-table td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600}.contacts-table td.role{width:auto;padding-top:4px;font-size:14px}}