*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f8fc;color:#0e1b42}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,#09234a,#071c3d);color:#fff;padding:24px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 30px}.logo{width:40px;height:40px;border-radius:13px;background:#fff;color:#126de6;display:grid;place-items:center;font-size:23px;font-weight:900}.brand b{font-size:20px;letter-spacing:.5px}.brand small,.admin small,.mobileBrand small{display:block;color:#9fb2d0;font-size:10px;letter-spacing:2px;margin-top:3px}.drawerClose{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:28px}nav{display:grid;gap:8px}nav button{border:0;background:transparent;color:#b7c7df;padding:13px 15px;border-radius:9px;text-align:left;font-size:14px;cursor:pointer}nav button.active,nav button:hover{background:#1475ed;color:#fff}.admin{margin-top:auto;border-top:1px solid #27466d;padding:18px 10px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#287cf2;color:#fff;display:grid;place-items:center;font-weight:800}main{padding:28px 34px 50px;min-width:0;max-width:1500px;width:100%}.topbar{height:34px;display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-bottom:8px;font-size:12px}.bell{border:0;background:transparent;position:relative;font-size:17px;cursor:pointer}.bell i{position:absolute;right:-4px;top:-6px;background:#ef3947;color:#fff;font-style:normal;font-size:9px;border-radius:10px;padding:2px 5px}.mobileTop{display:none}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.pagehead h1{font-size:28px;margin:0 0 5px}.pagehead p{margin:0;color:#60708e}.select,.search,input,select{border:1px solid #dce5f1;background:#fff;border-radius:9px;padding:10px 12px;color:#203354}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.kpi,.panel{background:#fff;border:1px solid #e4ebf4;border-radius:14px;box-shadow:0 5px 18px #153b7010}.kpi{padding:20px}.kpi label{font-size:12px;color:#526681}.kpi strong{display:block;font-size:25px;margin:8px 0}.trend{font-size:11px;color:#159c70}.grid{display:grid;grid-template-columns:1.7fr .8fr;gap:14px;margin-bottom:14px}.panel{padding:18px}.paneltitle{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.paneltitle h2{font-size:17px;margin:0}.tabs{display:flex;gap:4px;background:#f4f7fb;border-radius:8px;padding:3px}.tabs button{border:0;background:transparent;padding:7px 12px;border-radius:6px;color:#63728d}.tabs .active{background:#2d83f5;color:#fff}.chart{height:220px;display:flex;align-items:flex-end;gap:12px;border-left:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3;padding:15px 10px 0}.bar{flex:1;background:linear-gradient(#77b7ff,#2d83f5);border-radius:4px 4px 0 0;min-width:10px;position:relative}.bar span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:9px;color:#78869d}.attention{background:#fff9fa}.alert{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:#fff;margin:8px 0;border:1px solid #f0e6e8}.alert strong{font-size:21px;color:#e02c48;width:30px}.alert span{font-size:12px;color:#42536e}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.primary,.ghost,.danger{border:0;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:700}.primary{background:#1877ed;color:#fff}.ghost{background:#fff;border:1px solid #dce5f1;color:#275487}.danger{background:#fff0f1;color:#c62e42}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}th{text-align:left;color:#6b7b95;background:#f7f9fc;padding:11px}td{padding:12px 11px;border-top:1px solid #edf1f6}.tag{display:inline-block;padding:5px 9px;border-radius:20px;background:#e6f7ef;color:#16895d;font-size:10px}.tag.wait{background:#fff1d7;color:#a76b00}.tag.off{background:#ffe6e9;color:#bd2c43}.tag.blue{background:#e4f0ff;color:#176ed1}.linkbtn{border:0;background:none;color:#1672df;cursor:pointer}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product{background:#fff;border:1px solid #e4ebf4;border-radius:13px;padding:18px}.product h3{margin:0 0 6px}.product p{font-size:12px;color:#73829b}.product strong{display:block;margin:14px 0}.reportcards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.report{padding:20px;background:#fff;border:1px solid #e4ebf4;border-radius:13px}.report h3{margin:0 0 7px}.report p{font-size:12px;color:#71809a}.modal{position:fixed;inset:0;background:#07172dbb;display:none;place-items:center;padding:18px;z-index:50}.modal.show{display:grid}.modalbox{background:#fff;width:min(560px,100%);border-radius:15px;padding:24px;position:relative}.modalbox h2{margin-top:0}.close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:26px}.form{display:grid;gap:10px}.form label{font-size:11px;color:#61718b}.form input,.form select{width:100%}.modalactions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.empty{padding:35px;text-align:center;color:#7d8ba1}.overlay{display:none}
@media(max-width:900px){.app{display:block}aside{position:fixed;left:-260px;width:245px;z-index:30;transition:.2s}.drawerOpen aside{left:0}.drawerOpen .overlay{display:block}.overlay{position:fixed;inset:0;background:#07172d99;z-index:20}.drawerClose{display:block}.topbar{display:none}.mobileTop{display:flex;height:62px;background:#09234a;color:#fff;margin:-18px -18px 20px;padding:0 17px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.hamb{border:0;background:#173b69;color:#fff;border-radius:8px;padding:8px 11px;font-size:18px}.mobileBrand{display:flex;align-items:center;gap:8px}.smallLogo{width:30px;height:30px;font-size:16px}.mobileBrand b{display:block;font-size:13px}main{padding:18px}.kpis{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.productgrid{grid-template-columns:1fr}.reportcards{grid-template-columns:1fr}.pagehead{display:block}.pagehead .select{margin-top:12px;width:100%}.chart{height:180px;gap:6px}.panel{padding:14px}}
.headActions{display:flex;gap:9px;align-items:center}.optional{font-weight:400;color:#98a4b7}.previewBox{background:#f5f8fc;border:1px solid #e2e9f3;border-radius:10px;padding:13px}.previewBox small{display:block;color:#7a889e;margin-bottom:5px}.previewBox strong{font-size:13px;color:#176ed1;word-break:break-all}.linkpanel{margin-bottom:14px}.linkrow{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-top:1px solid #edf1f6}.linkrow:first-of-type{border-top:0}.linkrow small,.linkrow code{display:block;margin-top:4px}.linkrow small{color:#7a889e}.linkrow code{color:#176ed1;font-family:inherit;font-size:11px;word-break:break-all}.linkactions{display:flex;align-items:center;gap:8px}.dangerText{color:#c62e42}.successLink{text-align:center}.successLink>span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 12px;border-radius:50%;background:#e6f7ef;color:#16895d;font-size:24px;font-weight:800}.successLink input{width:100%;margin:8px 0 14px;text-align:center;color:#176ed1}.successLink .primary{width:100%}
@media(max-width:900px){.headActions{margin-top:12px}.headActions .primary,.headActions .select{flex:1;margin-top:0}.linkrow{align-items:flex-start;flex-direction:column}.linkactions{width:100%}.linkactions .ghost{flex:1}}
.qrBox{width:190px;height:190px;margin:10px auto 14px;padding:8px;background:#fff;border:1px solid #e1e7ef;border-radius:12px}.qrBox svg{display:block;width:100%;height:100%}.resultActions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.resultActions button{width:100%}.compactEmpty{padding:18px}.linkrow small{font-size:10px}.successLink p{margin:6px 0 8px}@media(max-width:520px){.resultActions{grid-template-columns:1fr}.qrBox{width:170px;height:170px}}
/* Dashboard V2.3 polish */
.kpi{display:flex;align-items:center;gap:15px;overflow:hidden;position:relative}.kpiIcon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:900;flex:0 0 48px}.kpiBlue{background:linear-gradient(135deg,#fff 65%,#eef7ff)}.kpiBlue .kpiIcon{background:#dceeff;color:#1677e8}.kpiGreen{background:linear-gradient(135deg,#fff 65%,#edfff7)}.kpiGreen .kpiIcon{background:#d9f7e9;color:#139a66}.kpiPurple{background:linear-gradient(135deg,#fff 65%,#f4efff)}.kpiPurple .kpiIcon{background:#ebe2ff;color:#7957df}.titleIcon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;margin-right:5px;font-size:13px}.blueIcon{background:#e4f0ff;color:#1672df}.redIcon{background:#ffe7eb;color:#df3150}.chart{height:185px}.attention{background:linear-gradient(180deg,#fff9fa,#fff)}.alert{width:100%;border:1px solid #f0e6e8;cursor:pointer;text-align:left;transition:.15s}.alert:hover{transform:translateY(-1px);box-shadow:0 5px 14px #253b5d12}.alert .alertIcon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:800}.alertKyc .alertIcon{background:#fff0dc;color:#dc7d00}.alertMou .alertIcon{background:#eee7ff;color:#7656dc}.alertTx .alertIcon{background:#ffe4e8;color:#d8324d}.alert b{margin-left:auto;color:#45617f;font-size:20px}.linkpanel .paneltitle h2:before{content:'🔗';margin-right:8px}.panel+.panel{margin-top:14px}
@media(max-width:900px){.chart{height:165px}.kpi{padding:16px}.kpiIcon{width:44px;height:44px;flex-basis:44px}}

/* V2.5 Elegant dashboard skin — Midnight Navy / Champagne / Ivory */
:root{--navy:#0b2346;--navy2:#071a35;--ink:#102344;--muted:#6f7f98;--ivory:#f7f5ef;--gold:#d7a83e;--gold2:#f0cf78;--line:#e8e4dc;--white:#fff}
html,body{background:var(--ivory);color:var(--ink)}
aside{background:linear-gradient(180deg,var(--navy),var(--navy2));padding:24px 14px}
.logo{background:linear-gradient(145deg,#fff8df,#e8bd55);color:var(--navy);box-shadow:0 6px 18px #0002}
.brand small,.admin small,.mobileBrand small{color:#b9c6d8}
nav button{color:#cbd5e4;border:1px solid transparent}
nav button.active,nav button:hover{background:linear-gradient(135deg,#fff3c9,#dfb64f);color:var(--navy);box-shadow:0 7px 18px #0002}
.avatar{background:linear-gradient(145deg,#f4d77e,#d2a33b);color:var(--navy)}
main{max-width:1580px;padding:28px 34px 50px}
.pagehead h1{color:var(--ink);letter-spacing:-.5px}.pagehead p{color:var(--muted)}
.primary{background:var(--navy);color:#fff;box-shadow:0 5px 14px #0b234624}.primary:hover{background:#12345f}
.select,.search,input,select{border-color:#e2ded4;color:#263b5d}
.kpi,.panel,.product,.report{border-color:var(--line);box-shadow:0 8px 26px #25354d0b}
.kpi{min-height:126px}.kpi label{color:#596b86}.kpi strong{color:#0c2145;letter-spacing:-.4px}.trend{color:#15955e}
.kpiBlue,.kpiGreen,.kpiPurple{background:#fff}
.kpiBlue .kpiIcon{background:#eaf3ff;color:#1677e8}.kpiGreen .kpiIcon{background:#fff4d8;color:#bd8210}.kpiPurple .kpiIcon{background:#f1eaff;color:#7655dc}
.paneltitle h2{color:#102344}.titleIcon{background:#fff2d1;color:#c68a13}.blueIcon{background:#fff2d1;color:#c68a13}
.tabs{background:#f5f2eb}.tabs .active{background:var(--navy);color:#fff}
.chart{height:185px}.bar{background:linear-gradient(#efc75f,#d49b26)}
.attention{background:linear-gradient(180deg,#fffaf7,#fff)}
.linkbtn{color:#0c67d5}.ghost{border-color:#ddd8cd;color:#27476d}.ghost:hover{background:#faf7ef}
th{background:#f8f6f1;color:#62728a}td{border-color:#eeeae1}
.linkpanel .paneltitle h2:before{color:#c68a13}
.topbar{color:#102344}.bell{color:#102344}
.mobileTop{background:var(--navy)}
@media(max-width:900px){main{padding:18px}.kpi{min-height:auto}}
/* V2.6 — Dashboard chart: daily sales within selected month */
.chartPeriod{font-size:12px;font-weight:600;color:#8a7650;margin-left:8px;white-space:nowrap}.dailyChart{gap:5px;padding-left:8px;padding-right:8px}.dailyBar{min-width:4px}.dailyBar span{font-size:9px}.dailyBar:hover{filter:brightness(.96)}
@media(max-width:900px){.dailyChart{gap:2px;padding-left:4px;padding-right:4px}.dailyBar{min-width:2px}.chartPeriod{display:block;margin:4px 0 0 34px}}

/* V2.7 — Penjualan: SINTESA → Mitra → Sub Mitra */
.salesCards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.salesCards.two{grid-template-columns:repeat(2,1fr)}.salesCard{min-width:0;display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;cursor:pointer;color:var(--ink);box-shadow:0 8px 26px #25354d0b;transition:.16s}.salesCard:hover{transform:translateY(-2px);box-shadow:0 12px 30px #25354d14}.salesCard>b{margin-left:auto;font-size:25px;color:#a48a50}.salesIcon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;background:#edf3fb;color:#123a70;font-size:18px;font-weight:900}.salesCardBody{min-width:0;display:block}.salesCardBody small,.salesCardBody em{display:block}.salesCardBody small{font-size:11px;letter-spacing:.5px;color:#697992;font-weight:800}.salesCardBody strong{display:block;font-size:24px;margin:7px 0;color:#0b2346;letter-spacing:-.4px}.salesCardBody em{font-style:normal;font-size:11px;color:#8390a4}.salesSintesa .salesIcon{background:#fff1cd;color:#a8730a}.salesMitra .salesIcon{background:#e9f6ef;color:#16805b}.salesGold .salesIcon{background:#fff1cd;color:#a8730a}.salesIntro>div:first-child{display:flex;gap:13px;align-items:flex-start}.salesIntro h2{margin:0 0 5px;font-size:16px}.salesIntro p{margin:0;color:#71809a;font-size:12px;line-height:1.65}.salesIntroIcon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f4efe3;color:#aa7b1e;font-weight:900}.splitRule{display:flex;align-items:center;gap:12px;margin-top:17px;padding-top:15px;border-top:1px solid #eee9df;font-size:12px;color:#66758c}.splitRule i{height:1px;flex:1;background:#e8dfcd}.splitRule b{color:#0b2346}.salesCrumb{display:flex;align-items:center;gap:7px;margin:-2px 0 15px;font-size:11px;color:#8a7650;flex-wrap:wrap}.salesCrumb button{border:0;background:none;padding:0;color:#0c67d5;cursor:pointer}.salesCrumb b{color:#65758d}.salesSummary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0;padding:0;overflow:hidden}.salesSummary>div{padding:20px;border-left:1px solid #eee9df}.salesSummary>div:first-child{border-left:0}.salesSummary small{display:block;color:#75849a;font-size:11px}.salesSummary strong{display:block;margin-top:7px;font-size:21px;color:#0b2346}.mutedLabel{color:#8a96a8}.mitraSalesList{display:grid}.mitraSalesList>button{width:100%;border:0;border-top:1px solid #eeeae1;background:#fff;padding:14px 4px;display:grid;grid-template-columns:42px minmax(120px,1fr) minmax(150px,.8fr) 20px;align-items:center;gap:11px;text-align:left;color:var(--ink);cursor:pointer}.mitraSalesList>button:first-child{border-top:0}.mitraSalesList>button:hover{background:#fcfaf5}.mitraBadge{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e9f0f8;color:#173c69;font-weight:900}.mitraBadge.sub{background:#eef7f2;color:#177653}.mitraSalesList button>span:nth-child(2) small{display:block;color:#8390a4;font-size:10px;margin-top:4px}.mitraValue{text-align:right}.mitraValue small{display:block;color:#8490a3;font-size:10px}.mitraValue strong{display:block;margin-top:4px;font-size:14px;color:#0b2346}.mitraSalesList button>i{font-style:normal;font-size:22px;color:#b59a60}.threeDetail .salesCardBody strong{font-size:20px}.directHero{text-align:center;padding:30px}.directHero small{display:block;color:#7b899d}.directHero strong{display:block;font-size:34px;color:#0b2346;margin:9px 0}.directHero span{display:inline-block;background:#fff1cd;color:#92650b;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:700}.cleanNote b{color:#0b2346}.cleanNote p{color:#71809a;font-size:12px;line-height:1.65;margin-bottom:0}.networkRows>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid #eeeae1}.networkRows>div:first-child{border-top:0}.networkRows span{color:#66758d}.networkRows b{color:#0b2346}
@media(max-width:900px){.salesCards,.salesCards.two{grid-template-columns:1fr}.salesCard{padding:16px}.salesCardBody strong{font-size:21px}.salesSummary{grid-template-columns:1fr}.salesSummary>div{border-left:0;border-top:1px solid #eee9df}.salesSummary>div:first-child{border-top:0}.mitraSalesList>button{grid-template-columns:42px minmax(0,1fr) 20px}.mitraValue{grid-column:2/3;text-align:left;margin-top:-5px}.mitraSalesList button>i{grid-column:3;grid-row:1/3}.threeDetail{grid-template-columns:1fr}.directHero strong{font-size:28px}}


/* =========================================================
   SINTESA SAGE THEME PATCH — V2.8
   Visual-only patch: layout and application logic unchanged.
   ========================================================= */
:root{
  --navy:#3f5f50;
  --navy2:#314b40;
  --ink:#24372f;
  --muted:#708078;
  --ivory:#f7f5ef;
  --gold:#c7a85a;
  --gold2:#e4cc8a;
  --line:#e1e4dc;
  --white:#fff;
  --sage:#4f6f5f;
  --sage-dark:#365344;
  --sage-soft:#dfe9df;
  --sage-pale:#eef3ec;
}
html,body{background:var(--ivory);color:var(--ink)}
aside{background:linear-gradient(180deg,#4f6f5f,#365344)}
.logo{background:linear-gradient(145deg,#f7e8ad,#d8b85e);color:#284438}
.brand small,.admin small,.mobileBrand small{color:#d5dfd8}
nav button{color:#edf3ef}
nav button.active,nav button:hover{background:linear-gradient(135deg,#e8efe5,#d4e1d3);color:#294638;box-shadow:0 7px 18px #1e39272b}
.admin{border-top-color:#6f897b}.avatar{background:linear-gradient(145deg,#efd786,#c9a84f);color:#294638}
.pagehead h1,.paneltitle h2,.kpi strong,.topbar{color:#17392e}
.pagehead p{color:#718078}
.primary{background:#365b49;color:#fff;box-shadow:0 5px 14px #365b4926}.primary:hover{background:#294b3b}
.select,.search,input,select{border-color:#dde2da;color:#294438}
.kpi,.panel,.product,.report{border-color:#e2e4dc;box-shadow:0 8px 26px #344c3d0b}
.kpi label{color:#63756b}.trend{color:#2e8a5e}
.kpiBlue .kpiIcon{background:#e5efe7;color:#3d7655}
.kpiGreen .kpiIcon{background:#fff3d5;color:#b27e17}
.kpiPurple .kpiIcon{background:#e7efe7;color:#52755f}
.titleIcon,.blueIcon{background:#fff1d0;color:#bd8618}
.tabs{background:#eff2ec}.tabs .active{background:#3f6552;color:#fff}
.chart{border-color:#e4e6df}.bar{background:linear-gradient(#e8c568,#c99a2f)}
.attention{background:linear-gradient(180deg,#fffdf8,#fff)}
.alert{border-color:#e8e6de}.alert:hover{box-shadow:0 5px 14px #36534414}
.linkbtn,.salesCrumb button{color:#39765a}.ghost{border-color:#dfe2da;color:#456555}.ghost:hover{background:#f2f5ef}
th{background:#f5f6f1;color:#64746c}td{border-color:#e9ebe4}
.mobileTop{background:#4f6f5f}.hamb{background:#365344}
.previewBox{background:#f2f5ef;border-color:#dfe5dd}.previewBox strong,.linkrow code,.successLink input{color:#39765a}
.salesCard{border-color:#e2e4dc;color:#294438;box-shadow:0 8px 26px #344c3d0b}.salesCard:hover{box-shadow:0 12px 30px #344c3d17}
.salesCardBody strong,.salesSummary strong,.mitraValue strong,.directHero strong,.cleanNote b,.networkRows b,.splitRule b{color:#244437}
.salesIcon{background:#e6eee8;color:#3b6650}.salesMitra .salesIcon,.mitraBadge.sub{background:#e4efe7;color:#397456}
.mitraBadge{background:#e8eee9;color:#416451}.mitraSalesList>button:hover{background:#f7f8f3}
.modal{background:#263d33bb}

/* V2.8: penjualan bertingkat; seluruh gaya Dashboard Sage Green asli tetap. */
.salesDataTable th,.salesDataTable td{white-space:normal}.salesDataTable .num{text-align:right;font-variant-numeric:tabular-nums}.salesDataTable td{vertical-align:middle}.salesDataTable button{white-space:nowrap}.miniPayout{padding:20px}.miniPayout small,.miniPayout strong{display:block}.miniPayout small{color:#718778;font-size:12px}.miniPayout strong{font-size:24px;color:#244437;margin-top:8px}.demoFoot{font-size:11px;color:#7b8d81;line-height:1.5;margin:10px 0 18px}.salesSubSplit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.salesSubSplit .miniPayout strong{font-size:19px}.commissionGrid{display:grid;grid-template-columns:1fr auto;gap:14px;padding:8px 0;align-items:center;font-size:13px}.commissionGrid span{color:#607367}.commissionGrid b{color:#244437;text-align:right}.commissionGrid .dueBalance{color:#b55536}.commissionGrid .paidBalance{color:#397456}@media(max-width:700px){.salesSubSplit{grid-template-columns:1fr}.miniPayout strong{font-size:20px}}

/* V2.9 — navigasi tiga layar dengan expand jaringan dua lapis */
.salesFold{margin-bottom:14px;padding:20px}.salesSectionHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.salesSectionHeader h2{font-size:17px;margin:0;color:#244437}.salesSectionHeader strong{font-size:22px;color:#244437}.salesSectionNote{font-size:12px;color:#708078;margin:7px 0 14px}.salesFold .tablewrap{margin-top:10px}.salesExpandList{border:1px solid #e1e4dc;border-radius:12px;overflow:hidden}.salesMitraItem+.salesMitraItem{border-top:1px solid #e1e4dc}.salesExpand{width:100%;display:flex;align-items:center;gap:12px;padding:16px;border:0;background:#fff;text-align:left;color:#244437;cursor:pointer}.salesExpand:hover{background:#f3f6f0}.salesExpandName{flex:1;font-size:14px;font-weight:700}.salesExpandName small{display:block;color:#789082;font-size:11px;font-weight:400;margin-top:4px}.salesExpand>b{white-space:nowrap;font-size:15px}.salesChevron{color:#4d7661;font-size:17px}.salesSources{padding:6px 14px 14px 28px;background:#f6f8f3}.salesSource{margin-top:5px;border:1px solid #e1e6dd;border-radius:10px;overflow:hidden}.salesExpand.source{background:#fff;padding:13px}.salesSourceDetail{padding:15px;background:#fff;border-top:1px solid #e1e4dc}.salesSourceDetail h4{margin:15px 0 6px;color:#294b3a}.salesCommission{display:flex;flex-direction:column;gap:7px;background:#eef4ec;padding:13px;border-radius:9px;font-size:12px;color:#355b47}.salesCommission small{color:#667b6c;line-height:1.5}@media(max-width:700px){.salesFold{padding:12px}.salesExpand{padding:12px}.salesExpand>b{font-size:12px}.salesSources{padding:6px}.salesSectionHeader strong{font-size:19px}}

/* V3.0 Mitra Admin */
.mGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.mTwo{grid-template-columns:repeat(2,minmax(0,1fr))}.mCard{border:1px solid #e0e5db;border-radius:14px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:9px}.mCard small{color:#73857a;font-size:12px}.mCard strong{font-size:25px;color:#244637}.mCard>span{color:#73857a}.mCard .ghost{align-self:flex-start}.mPanel{margin:15px 0;padding:20px}.mPanel h2,.mPanel h3{margin:0 0 16px;color:#244637}.mTitle{margin:24px 0 6px;color:#244637}.mHead{display:flex;justify-content:space-between;gap:12px;align-items:center}.mHead span{color:#74877a;font-size:13px}.mRow{width:100%;border:0;border-top:1px solid #e5e9df;background:white;cursor:pointer;display:flex;justify-content:space-between;text-align:left;padding:14px;color:#264636}.mRow:hover{background:#f6f8f3}.mRow small{display:block;color:#849288;margin-top:5px}.mStats{display:flex;flex-direction:column;gap:8px;color:#728479;font-size:13px}.mStats span{display:flex;justify-content:space-between;gap:8px}.mStats b{color:#305640}.mActions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.mCrumb{margin:5px 0 22px;font-size:13px;color:#667a6e}.mPayTotals{display:flex;flex-wrap:wrap;gap:18px;padding:16px;background:#f2f5ee;border-radius:10px}.mPayTotals span{font-size:12px}.mPayTotals b{display:block;margin-top:6px}.mHistory{padding:15px;background:#f2f5ee;border-radius:10px;display:grid;gap:8px}.mHistory small{color:#6d7d70}.mProfile{display:grid;gap:6px}.mProfile>div{display:flex;justify-content:space-between;gap:12px;padding:11px;border-bottom:1px solid #e6e9e0}.mProfile span{color:#738578}.mProfile b{text-align:right}@media(max-width:750px){.mGrid,.mTwo{grid-template-columns:1fr}.mPanel{padding:12px}.mCard strong{font-size:22px}}

/* V3.3: visually distinguish the Mitra Utama net entitlement card only. */
.mCard.mCardNet{background:#e4f0e5;border:1.5px solid #8cb49a;box-shadow:0 3px 12px rgba(46,94,64,.07)}
.mCard.mCardNet small{color:#416f53;font-weight:700}
.mCard.mCardNet strong{color:#1e6744}
.mCard.mCardNet>span{color:#527662}

/* V3.5: focused commission detail screens */
.mFocusTop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.mFocusTop>div{background:#eef5eb;border:1px solid #d5e4d5;border-radius:12px;padding:19px;display:flex;flex-direction:column;gap:9px}
.mFocusTop small{color:#698071;font-size:12px}.mFocusTop strong{font-size:23px;color:#244637}
@media(max-width:850px){.mFocusTop{grid-template-columns:1fr}}

/* V3.7 — daftar komisi ringkas, halaman berikutnya bila lebih dari 5 penerima */
.mCommissionPaging{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;color:#677d72;font-size:13px}
.mCommissionPaging .mActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* V3.8 — Highlight tunggal untuk hak bersih Sub Mitra */
.mGrid.mSubNet{grid-template-columns:1fr;margin-top:0}
.mGrid.mSubNet .mCardNet{width:100%}

/* V3.9 — Detail Mitra Utama: pembagian hasil yang runtut */
.mRevenue{display:grid;gap:14px}.mRevenue>h3{margin-bottom:0}.mRevenueTotal{background:#f2f5ee;border-radius:12px;padding:17px 20px;display:grid;gap:5px}.mRevenueTotal small,.mRevenueNet small{font-size:12px;font-weight:700;letter-spacing:.03em;color:#687d70}.mRevenueTotal strong{font-size:29px;color:#244637}.mRevenueLine{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 4px}.mRevenueLine span{display:grid;gap:4px}.mRevenueLine span b{font-size:15px;color:#294b39}.mRevenueLine small{color:#75877c;font-size:12px}.mRevenueLine>strong{font-size:19px;color:#244637;white-space:nowrap}.mRevenueDeduction{display:flex;justify-content:space-between;gap:14px;padding:5px 4px;color:#455e4d;font-size:14px}.mRevenueDeduction:first-of-type{border-top:1px solid #e0e8de}.mRevenueDeduction b{white-space:nowrap}.mRevenueNet{display:grid;gap:5px;padding:17px 20px;background:#e4f0e5;border:1.5px solid #8cb49a;border-radius:12px}.mRevenueNet strong{font-size:29px;color:#1e6744}.mRevenueNet span{font-size:12px;color:#527662}.mPaymentCard h4{margin:0 0 8px;color:#244637;font-size:16px}.mPayRow{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#60776b}.mPayRow b{color:#244637;text-align:right}.mPayDue{border-top:1px solid #e0e8de;padding-top:13px;display:grid;gap:4px}.mPayDue small{color:#60776b}.mPayDue strong{font-size:22px;color:#b34f4f}.mPaymentCard .ghost{margin-top:auto}@media(max-width:650px){.mRevenueLine{align-items:flex-start;flex-direction:column;gap:5px}.mRevenueLine>strong{font-size:18px}.mRevenueTotal strong,.mRevenueNet strong{font-size:24px}}

/* V3.12 — filter laporan transaksi Mitra; tidak menyentuh Penjualan utama */
.mTxSummary{background:#f1f4ed;border-radius:12px;padding:18px 20px;margin-bottom:18px;display:flex;flex-direction:column;gap:5px}.mTxSummary small{font-weight:700;letter-spacing:.04em;color:#667f70}.mTxSummary strong{font-size:27px;color:#153c30}.mTxSummary span{font-size:12px;color:#668075}.mTxFilters,.mTxSubLinks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}.mTxSubLinks{border-top:1px solid #e5eae4;padding-top:12px}.mTxSubLinks span{font-size:12px;color:#658075;margin-right:6px}.mTxFilters .mTxSelected{background:#dfece2;border-color:#86b19a;color:#175a3f;font-weight:700}.mTxFilters button,.mTxSubLinks button{font-size:12px}

/* V3.14: laporan formal & lembar A4 */
.rKinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.rKind{text-align:left;background:#fff;border:1px solid #dce7dd;border-radius:13px;padding:17px;cursor:pointer;color:#294332;min-height:98px}.rKind b,.rKind small{display:block}.rKind small{margin-top:8px;color:#718278;line-height:1.45}.rKind.rSelected{border:2px solid #4b8b62;background:#eef6ef;padding:16px}.rControls h3{margin:0 0 16px}.rFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rFields label{display:grid;gap:6px;font-size:12px;color:#607268;font-weight:650}.rFields select{width:100%;min-width:0}.rActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.rPreviewHeading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.rPreviewHeading h3{margin:0}.rPreviewHeading span{font-size:12px;color:#7b8b7d}.rSheetWrap{background:#e8ede8;padding:22px;overflow:auto;border-radius:12px}.rSheet{width:210mm;min-height:297mm;max-width:100%;margin:0 auto;background:#fff;padding:19mm 18mm 18mm;box-shadow:0 6px 26px #1b281a21;color:#23342c;font:12px/1.6 Arial,sans-serif}.rDocHead{text-align:center;padding-bottom:12px;border-bottom:2px solid #3e7c55}.rDocHead>b{display:block;font-size:19px;color:#24543a;letter-spacing:.8px}.rDocHead small{display:block;color:#667b6b}.rDocHead h2{font-size:15px;margin:15px 0 1px;letter-spacing:.4px}.rDocHead p{margin:0}.rDocMeta{display:grid;gap:3px;margin:17px 0 20px}.rDocMeta span{overflow-wrap:anywhere}.rDocBody p{margin:12px 0;text-align:justify}.rDocBody h4{font-size:13px;margin:20px 0 8px}.rTable{min-width:0!important;table-layout:auto;width:100%;font-size:11px;margin:12px 0;border:1px solid #dbe4dd}.rTable th{background:#edf4ef;color:#254733;border:1px solid #dbe4dd;padding:8px;text-align:left}.rTable td{border:1px solid #dbe4dd;padding:8px;overflow-wrap:anywhere}.rTable .rNum{text-align:right;white-space:nowrap}.rStatus{font-weight:700;color:#245b39}.rStatus small{font-weight:400;color:#657568}.rNote{color:#5e7063;font-size:11px}.rDocFoot{margin-top:24px}.rSign{display:flex;justify-content:flex-end;text-align:center;margin:40px 0 20px}.rSign>span{min-width:210px}.rSign b{display:block;margin-top:50px}.rSign small{color:#788679}.rDisclaimer{border-top:1px solid #dce6df;padding-top:8px;font-size:9px;color:#7d8b80}.rDocBody,.rDocFoot{overflow-wrap:anywhere}#reportPrintHost{display:none}
@media(max-width:1000px){.rKinds{grid-template-columns:repeat(2,minmax(0,1fr))}.rFields{grid-template-columns:1fr}.rSheetWrap{padding:8px}.rSheet{padding:20px;min-height:0}}
@media print{@page{size:A4;margin:0}body.reportPrinting{background:white!important}body.reportPrinting .app,body.reportPrinting #overlay,body.reportPrinting #modal{display:none!important}body.reportPrinting #reportPrintHost{display:block!important}body.reportPrinting #reportPrintHost .rSheet{width:210mm;max-width:none;min-height:297mm;box-shadow:none!important;padding:18mm 18mm 17mm;margin:0;break-after:auto}.rDocHead,.rDocMeta,.rStatus,.rTable,.rTable th{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rTable tr{break-inside:avoid}.rDocFoot{break-inside:avoid}}

/* V3.15: lima kartu, pencarian penerima, dan paginasi */
.rKinds{grid-template-columns:repeat(5,minmax(0,1fr))}.rReceiverBlock{margin-top:18px;max-width:850px}.rReceiverBlock>label{display:block;font-size:12px;font-weight:700;margin-bottom:7px;color:#607268}.rReceiverBlock>input{width:100%;box-sizing:border-box}.rRecipientMeta{font-size:12px;color:#718278;margin:12px 0 6px}.rRecipientItems{border:1px solid #dae6dd;border-radius:12px;overflow:hidden}.rRecipient{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:12px 15px;text-align:left;border:0;border-bottom:1px solid #e8ede9;background:#fff;cursor:pointer;color:#2d4939}.rRecipient:last-child{border-bottom:0}.rRecipient b,.rRecipient small{display:block}.rRecipient small{margin-top:3px;color:#768779}.rRecipient.rChosen{background:#ebf5ed;color:#266642}.rRecipient>span:last-child{font-size:20px}.rPagination{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:12px;font-size:12px;color:#66786a}.rPagination button{padding:8px 11px}.rNoResults{padding:16px;color:#718278}.rPicked{font-size:12px;color:#49634e;margin:12px 0 0}.rActions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1100px){.rKinds{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.rKinds{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Additive official document view */
.sDocGrid{display:grid;gap:12px}.sDocRow{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e5ebf5;flex-wrap:wrap}.sDocRow>div:first-child{display:flex;flex-direction:column;gap:6px}.sDocRow small{color:#66758f}.sDocActions{display:flex;flex-wrap:wrap;gap:8px}.sDocUpload{cursor:pointer;display:inline-flex;align-items:center}.sDocActions .ghost,.sDocActions .primary{padding:9px 12px}