:root{--navy:#082b50;--blue:#168dca;--paper:#eef4f8;--muted:#66758a;--line:#dce6ed;--green:#0c6b52;--amber:#b98200;--red:#a83b3b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:#10243d}header{height:70px;padding:0 max(4vw,20px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff}header>a:last-child{color:#ffc400;text-decoration:none;font-weight:850}main{max-width:1280px;margin:auto;padding:28px max(3vw,16px) 50px}.panel{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 30px #082b5010}.loading{max-width:460px;margin:50px auto;text-align:center}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{margin:0;color:#ef312b;font-size:10px;letter-spacing:.16em;font-weight:900}.hero h1{margin:5px 0 8px;font-size:clamp(30px,5vw,48px);color:var(--navy)}.hero p:last-child{max-width:850px;margin:0;color:var(--muted);line-height:1.55}.live-badge{display:inline-flex;padding:9px 12px;border-radius:999px;background:#e8eef3;color:#54687a;font-size:11px;font-weight:900;white-space:nowrap}.live-badge.reached{background:#dcf5e6;color:#146c3c}.live-badge.track{background:#fff1cb;color:#7a5700}.live-badge.below{background:#ffe7e7;color:#9b2f2f}.quick-links{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.quick-links a{padding:9px 12px;border-radius:10px;background:#fff;color:#0d4f7d;text-decoration:none;font-weight:800;border:1px solid #d9e5ed}.bep-panel{margin-top:0}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.section-head h2{margin:4px 0 6px;color:var(--navy);font-size:28px}.section-head p:last-child{margin:0;color:var(--muted);line-height:1.5}.section-head button,.filters button{border:0;border-radius:11px;padding:11px 14px;background:var(--navy);color:#fff;font-weight:900;cursor:pointer}.filters{display:grid;grid-template-columns:1.35fr .8fr .75fr 1fr 1fr auto;gap:10px;align-items:end;margin:18px 0}.filters label{display:grid;gap:6px;font-size:11px;font-weight:850;color:#526579}.filters input{width:100%;height:43px;border:1.5px solid #cad9e3;border-radius:10px;background:#fff;padding:9px 10px;font:inherit;color:#17324d}.money-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1.5px solid #cad9e3;border-radius:10px;background:#fff;overflow:hidden}.money-input span{padding:0 0 0 11px;color:#637689;font-weight:800}.money-input input{border:0}.filters button.secondary{height:43px;background:#e8f1f7;color:#164f78}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.summary-card{min-height:112px;padding:15px;border:1px solid #dce7ee;border-radius:14px;background:#fbfdff}.summary-card.primary{background:#0b365c;color:#fff;border-color:#0b365c}.summary-card.good{background:#ecfbf2;border-color:#c5e7d3}.summary-card.warn{background:#fff8e6;border-color:#ecdca4}.summary-card span,.summary-card small{display:block}.summary-card span{font-size:10px;font-weight:850;letter-spacing:.03em;opacity:.75}.summary-card b{display:block;margin:8px 0 5px;font-size:clamp(18px,2.2vw,25px)}.summary-card small{font-size:10px;line-height:1.4;opacity:.72}.progress-panel{margin-top:12px;padding:15px;border:1px solid #d9e4ec;border-radius:14px;background:#fff}.progress-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.progress-top>div{display:flex;justify-content:space-between;gap:8px}.progress-top span{font-size:11px;color:#6b7c8e}.progress-top b{font-size:13px}.meter{position:relative;height:15px;margin:14px 0 8px;border-radius:999px;background:#e6edf2;overflow:hidden}.meter i{display:block;height:100%;background:var(--green);border-radius:999px}.meter em{position:absolute;top:-4px;width:2px;height:23px;background:var(--amber)}.progress-foot{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#66798c}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:14px}.subpanel{min-width:0;border:1px solid #dce6ed;border-radius:15px;padding:14px;background:#fff}.subhead h3{margin:0 0 3px;color:#133f62}.subhead small{color:#718397}.table-wrap{overflow:auto;max-height:460px;margin-top:10px;border:1px solid #e3eaf0;border-radius:11px}table{border-collapse:collapse;width:100%;min-width:680px;font-size:11px}th,td{padding:9px 10px;border-bottom:1px solid #e8eef2;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#f2f6f9;color:#4f6375;z-index:1}tbody tr:hover{background:#f8fbfd}.agent-name{display:block;margin-top:3px;color:#7b8996;font-weight:500}.data-note{margin-top:12px;padding:11px 13px;border-radius:11px;background:#edf4f8;color:#52687a;font-size:11px;line-height:1.5}@media(max-width:1050px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filters button{grid-column:1/-1}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media(max-width:650px){main{padding-top:18px}.panel{padding:17px}.hero,.section-head{display:grid}.live-badge{width:max-content}.section-head button{width:100%}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.summary-grid{grid-template-columns:1fr 1fr}.progress-top{grid-template-columns:1fr}.progress-top>div{justify-content:space-between}.progress-foot{display:grid}}@media(max-width:430px){.filters,.summary-grid{grid-template-columns:1fr}}
.channel-panel{margin-top:14px;padding:15px;border:1px solid #dce6ed;border-radius:15px;background:#f9fcfe}
.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.channel-card{border:1px solid #dbe6ed;border-radius:14px;padding:15px;background:#fff}
.channel-card.agent{border-left:5px solid #0b6f9f}.channel-card.direct{border-left:5px solid #0c6b52}
.channel-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.channel-card-head small{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#728396}
.channel-card-head h4{margin:3px 0 0;color:#153e60;font-size:18px}
.channel-card-head>b{font-size:20px;color:#0b365c;white-space:nowrap}
.channel-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.channel-metrics span{padding:9px 10px;border-radius:10px;background:#f3f7fa;color:#647689;font-size:10px}
.channel-metrics b{display:block;margin-top:3px;color:#173d5d;font-size:12px}
@media(max-width:650px){.channel-grid{grid-template-columns:1fr}.channel-card-head{display:grid}.channel-card-head>b{white-space:normal}}


.money-input.readonly{background:#f2f6f9}.money-input.readonly input{background:#f2f6f9;font-weight:900;color:#0b365c}
.opex-panel{margin:4px 0 16px;padding:15px;border:1px solid #dce6ed;border-radius:15px;background:#fbfdff}
.opex-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.opex-head h3{margin:0 0 4px;color:#133f62}.opex-head small{display:block;color:#718397;line-height:1.4}
.opex-head button{border:0;border-radius:10px;padding:9px 12px;background:#e8f1f7;color:#164f78;font-weight:900;cursor:pointer;white-space:nowrap}
.opex-help{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0;color:#66798c;font-size:10px}
.opex-table-wrap{overflow:auto;border:1px solid #dde7ee;border-radius:12px;background:#fff}
.opex-table{min-width:1020px;margin:0}
.opex-table th{position:sticky;top:0;background:#f2f6f9;z-index:1}
.opex-table td{vertical-align:middle}
.opex-table input[type="text"],.opex-table input[type="number"]{width:100%;min-width:110px;border:1px solid #d2dee7;border-radius:8px;padding:8px 9px;background:#fff;color:#17324d;font:inherit}
.opex-table td:nth-child(3) input{min-width:180px}.opex-table td:nth-child(7) input{min-width:160px}
.opex-active{text-align:center}.opex-active input{width:18px;height:18px}
.opex-table tr.inactive{opacity:.48;background:#f6f8fa}
.percent-input{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;min-width:115px}
.percent-input span{color:#687b8e;font-weight:800}
.opex-delete{border:0;border-radius:8px;padding:7px 9px;background:#ffe9e9;color:#9b3232;font-weight:850;cursor:pointer}
.opex-totals{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;margin-top:11px;font-size:11px;color:#66798c}
.opex-totals b{margin-left:4px;color:#0b365c}
@media(max-width:650px){.opex-head{display:grid}.opex-head button{width:100%}.opex-totals{justify-content:flex-start;display:grid;gap:5px}}


/* Per-agent cost and packaging tables */
.opex-table{min-width:1420px}
.inventory-table{min-width:1200px}
.opex-table input[type="date"],.opex-table select{width:100%;min-width:125px;border:1px solid #d2dee7;border-radius:8px;padding:8px 9px;background:#fff;color:#17324d;font:inherit}
.opex-table input[data-field="agentId"]{min-width:140px}
.opex-table input[data-field="name"],.opex-table input[data-field="itemName"]{min-width:175px}
.opex-table td:nth-child(7) input{min-width:110px}
.inventory-table input[data-field="usedQty"],.inventory-table input[data-field="purchasedQty"]{min-width:80px}
.toolbar-actions{display:flex;flex-wrap:wrap;gap:8px}
.inventory-panel{border-color:#cddfeb}
#inventory-warning{font-weight:850;color:#a83b3b}
@media(max-width:650px){.toolbar-actions{width:100%}.toolbar-actions button{flex:1 1 150px}}


/* POS24169 read-only four-STT financial audit */
.lion-audit-panel{background:#fff;border:1px solid #c5dae8}
.lion-audit-fields{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin:15px 0}
.lion-audit-fields label{font-size:11px;color:#516c80;font-weight:850;display:grid;gap:6px}
.lion-audit-fields input{border:1.5px solid #cad9e3;border-radius:9px;padding:10px;font:inherit;min-width:0}
.lion-audit-result{border:1px solid #e0eaf0;border-radius:11px;padding:12px;background:#fff}
.lion-audit-result p{margin:4px 0 10px;font-size:12px}
.audit-scroll{overflow-x:auto}
.audit-scroll table{min-width:1050px;width:100%;border-collapse:collapse}
.audit-scroll th,.audit-scroll td{white-space:nowrap;padding:10px;font-size:11px}
.audit-success{color:#116c49}.audit-fail{color:#a73030}
@media(max-width:980px){.lion-audit-fields{grid-template-columns:repeat(3,minmax(100px,1fr))}}
@media(max-width:560px){.lion-audit-fields{grid-template-columns:1fr 1fr}}