[hidden]{display:none!important}
:root{--bg:#f3f7fc;--card:#fff;--ink:#172033;--muted:#66758a;--line:#d7e2ef;--blue:#1677a3;--violet:#6c52d8;--green:#087f5b;--amber:#a85b00;--red:#b42318}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,#eef7ff,#f7f4ff 52%,#f6f9fc)}button,input,select{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.overline{font-size:12px;letter-spacing:1.7px;font-weight:800;color:#1786ad;margin:0 0 8px}.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(300px,540px) minmax(360px,540px);gap:70px;align-items:center;justify-content:center;padding:40px}.login-guide{position:relative}.login-guide img{width:100%;max-height:72vh;object-fit:contain}.speech{position:absolute;right:-20px;top:6%;max-width:290px;background:white;padding:17px 20px;border-radius:16px;box-shadow:0 15px 35px #2844662b;font-weight:700}.login-card{background:#fff;padding:42px;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 60px #223c5c26}.login-card h1{font-size:42px;margin:8px 0}.login-card label{display:block;font-weight:700;margin-top:22px}.login-card input{width:100%;margin-top:8px;padding:15px;border:1px solid #bccbdc;border-radius:12px;color:var(--ink);background:#fbfdff}.password-wrap{position:relative}.password-wrap input{padding-right:70px}.text-btn{position:absolute;right:9px;top:17px;border:0;background:transparent;color:#50677f}.primary{background:linear-gradient(135deg,#1ba7cf,#6c52d8);color:white;border:0}.login-card>.primary{width:100%;padding:15px;margin-top:24px;border-radius:12px;font-weight:800}.message{min-height:20px;color:var(--red)}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 3%;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#1ba7cf,#7357e5);color:#fff;font-size:24px;font-weight:800}.brand h1{font-size:20px;margin:0}.brand p{font-size:12px;color:var(--muted);margin:4px 0}.header-buttons{display:flex;gap:9px}.header-buttons button,.filter-panel button,.pager button{padding:10px 14px;border:1px solid #bfcede;border-radius:10px;background:white;color:var(--ink);font-weight:700}.header-buttons .danger{background:#fff1f2;color:#a61e2d;border-color:#e9b4bc}.header-buttons .primary:not(:disabled){background:linear-gradient(135deg,#1ba7cf,#6c52d8);color:white}.header-buttons .primary:disabled{background:#dce4ee;color:#7a899c;cursor:not-allowed}main{width:100%;max-width:1900px;margin:auto;padding:28px 3% 60px}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px}.intro h2{font-size:38px;margin:6px 0}.live{color:var(--green);font-weight:800;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.kpi{background:#fff;padding:20px;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px #23456912;min-width:0}.kpi span{font-size:13px;color:var(--muted)}.kpi strong{display:block;font-size:25px;margin-top:10px;overflow-wrap:anywhere}.filter-panel{display:grid;grid-template-columns:2fr repeat(6,minmax(145px,1fr)) auto auto;gap:10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px}.filter-panel input,.filter-panel select{width:100%;height:46px;padding:0 12px;border:1px solid #c3d1e1;border-radius:10px;background:#fff;color:var(--ink)}.filter-panel button{height:46px;white-space:nowrap}.summary-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:16px;margin:22px 0}.summary-card,.table-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px #23456910}.summary-card{padding:20px}.summary-card h3{margin:0 0 12px}.ring{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(#168cb5 var(--progress),#e6edf5 0)}.ring:before{content:'';position:absolute;width:112px;height:112px;background:#fff;border-radius:50%}.ring div{position:relative;text-align:center}.ring strong,.ring span{display:block}.ring strong{font-size:24px}.ring span{font-size:12px;color:var(--muted)}.summary-list{display:grid;gap:8px}.summary-list div{display:flex;justify-content:space-between;padding:10px;background:#f5f8fc;border-radius:9px}.guide-card{display:flex;align-items:center;gap:14px}.guide-card img{width:110px;height:135px;object-fit:contain}.guide-card p{color:var(--muted)}.pager{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0}.pager>div{display:flex;align-items:center;gap:8px}.pager select{height:40px;border:1px solid #bfcede;border-radius:9px;background:#fff}.table-card{padding:16px}.table-title{display:flex;justify-content:space-between;align-items:center}.table-title h3{margin:0}.table-title>span{background:#fff1c7;color:#754500;padding:8px 12px;border-radius:999px}.table-scroll{width:100%;overflow-x:auto;margin-top:14px}.table-scroll table{border-collapse:collapse;min-width:1500px;width:100%;font-size:12px}th,td{text-align:left;padding:11px;border-bottom:1px solid #e2e8f0;white-space:nowrap}th{background:#eaf1f8;color:#2b3b50}tbody tr:nth-child(even) td{background:#f9fbfd}tbody tr:hover td{background:#edf7ff}td input:not([type=checkbox]),td select{width:100%;min-width:130px;padding:8px;border:1px solid #bdcada;border-radius:8px;background:white}td button{padding:8px 12px;border:0;border-radius:8px;background:#1677a3;color:white;font-weight:700}.discount{display:inline-block;padding:6px 9px;border-radius:999px;background:#e8f2ff;color:#185a9d;font-weight:800}.difference.negative{color:var(--red);background:#fff0ee;font-weight:800}.difference.positive{color:var(--green);background:#eafbf4;font-weight:800}.difference.zero{color:#44546a;background:#f1f4f7;font-weight:700}.edited td{background:#fff5da!important}.toast{display:none;position:fixed;right:20px;bottom:20px;padding:14px 18px;border-radius:10px;background:#087f5b;color:white;z-index:10}@media(max-width:1500px){.filter-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.search-field{grid-column:span 2}}@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:1fr 1fr}.guide-card{grid-column:span 2}.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{grid-column:span 2}}@media(max-width:700px){header{display:block}.header-buttons{margin-top:12px;display:grid;grid-template-columns:1fr 1fr 1fr}.header-buttons button{padding:9px 5px;font-size:12px}.login-view{display:block;padding:16px}.login-guide{display:none}.login-card{padding:26px 20px;margin:16px auto;max-width:440px}.login-card h1{font-size:30px}.intro{display:block}.intro h2{font-size:28px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.kpi strong{font-size:17px}.filter-panel{grid-template-columns:1fr}.search-field{grid-column:span 1}.summary-grid{grid-template-columns:1fr}.guide-card{display:none}.pager{display:block}.pager>div{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.pager select{grid-column:1/-1}.table-scroll{overflow:visible}.table-scroll table,.table-scroll tbody,.table-scroll tr,.table-scroll td{display:block;width:100%;min-width:0}.table-scroll thead{display:none}.table-scroll tr{margin:12px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.table-scroll td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;white-space:normal;background:#fff!important}.table-scroll td:before{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase}.table-scroll td:nth-child(1):before{content:'Audit'}.table-scroll td:nth-child(2):before{content:'Order'}.table-scroll td:nth-child(3):before{content:'Invoice'}.table-scroll td:nth-child(4):before{content:'Customer'}.table-scroll td:nth-child(5):before{content:'Salesperson'}.table-scroll td:nth-child(6):before{content:'Item'}.table-scroll td:nth-child(7):before{content:'Order Value'}.table-scroll td:nth-child(8):before{content:'Invoice Value'}.table-scroll td:nth-child(9):before{content:'Difference'}.table-scroll td:nth-child(10):before{content:'Discount'}.table-scroll td:nth-child(11):before{content:'Review Status'}.table-scroll td:nth-child(12):before{content:'Comment'}.table-scroll td:nth-child(13):before{content:'Action'}.table-scroll td button{width:100%}.table-scroll td input:not([type=checkbox]),.table-scroll td select{min-width:0}}@media(max-width:390px){.kpi-grid{grid-template-columns:1fr}.header-buttons{grid-template-columns:1fr}.table-scroll td{grid-template-columns:90px minmax(0,1fr)}}
/* Simple stable layout */
.login-view{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#f3f7fc}.login-card{width:min(440px,100%);padding:32px;border-radius:16px;box-shadow:0 12px 32px #223c5c1c}.login-card h1{font-size:32px}.login-guide{display:none!important}header{position:relative}.kpi,.summary-card,.table-card{box-shadow:0 4px 14px #2345690d}.intro h2{font-size:32px}.filter-panel{grid-template-columns:2fr repeat(3,minmax(150px,1fr));}.filter-panel button{width:100%}@media(max-width:900px){.filter-panel{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}}@media(max-width:700px){.login-view{padding:12px}.login-card{padding:24px 18px}.filter-panel{grid-template-columns:1fr}.search-field{grid-column:span 1}}


/* ===== Invoice-grouped Transaction Review ===== */
.invoice-group-row td{background:#f0f7ff!important;border-top:2px solid #bed5ec;vertical-align:top}.invoice-group-row td:nth-child(3) strong,.invoice-group-row td:nth-child(3) small{display:block}.invoice-group-row td:nth-child(3) small{margin-top:4px;color:var(--muted);font-weight:700}.expand-invoice{width:30px;height:30px;padding:0!important;border-radius:50%!important;font-size:21px;line-height:1;background:#1677a3!important}.part-list{display:flex;flex-wrap:wrap;gap:5px;max-width:470px;white-space:normal}.part-chip{display:block;width:100%;padding:5px 7px;border-radius:6px;background:#fff;border:1px solid #d4e1ee;color:#334b66}.part-more{font-weight:800;color:#1677a3}.invoice-audit-progress{display:inline-block;margin-right:8px;padding:6px 9px;border-radius:999px;background:#e8f2ff;color:#185a9d;font-weight:800}.view-parts{background:#6c52d8!important}.invoice-part-row td{background:#fff!important}.invoice-part-row td:nth-child(2),.invoice-part-row td:nth-child(3),.invoice-part-row td:nth-child(4),.invoice-part-row td:nth-child(5){color:#6b7c91}.invoice-part-row td:nth-child(6){white-space:normal;min-width:330px}.mobile-part-label{display:none;font-weight:800;color:#6c52d8;margin-right:6px}.invoice-part-row{box-shadow:inset 4px 0 #8f7be5}
@media(max-width:700px){.invoice-group-row td{display:grid!important}.invoice-group-row td:nth-child(11){grid-template-columns:1fr!important}.part-list{max-width:none}.invoice-part-row{margin-left:10px!important}.mobile-part-label{display:inline-block}.invoice-group-row td:nth-child(12),.invoice-group-row td:nth-child(13){display:none!important}}