@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2) format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#252b27;background:#f7f8f5;font-size:16px;font-synthesis:none;--green:#214e3e;--muted:#82877f;--border:#e7e9e2;--cream:#f5f4ee}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9dbd82;outline-offset:3px}a,button{color:inherit}button svg{flex-shrink:0}.app{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;background:#f3f3ec;border-right:1px solid #e2e5db;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 20px 12px;z-index:30}.brand{font-family:Manrope,sans-serif;font-size:45px;line-height:1;font-weight:800;letter-spacing:-3px;text-decoration:none;color:#141a16;display:flex;align-items:start;padding:0 10px}.brand span{font:500 12px DM Sans;letter-spacing:0;margin:5px 0 0 5px}.workspace-switch{display:flex;align-items:center;gap:10px;border:1px solid #dddfd4;border-radius:9px;padding:11px 10px;margin:32px 0 29px;background:#f8f8f3}.workspace-switch>div{flex:1}.workspace-switch strong{font-size:13px;font-weight:650}.workspace-switch small{display:block;font-size:12px;color:#888d81;margin-top:3px}.workspace-icon{display:grid;place-items:center;background:#e4e9d9;border-radius:7px;width:32px;height:35px;color:#586844}.nav-caption{font-size:10px;letter-spacing:1.7px;color:#969a8c;margin:0 13px 13px;font-weight:600}nav{display:flex;flex-direction:column;gap:5px}nav button{border:0;background:none;text-align:left;display:flex;align-items:center;gap:12px;font-size:14px;padding:12px;border-radius:7px;color:#777e71;font-weight:500}nav button.active{background:#dfe8d4;color:#204333;font-weight:650}nav button:hover{background:#e8ecdf}nav button.nav-divide{margin-top:25px}.nav-count{margin-left:auto;background:#faf9f2;color:#637651;padding:1px 6px;font-size:11px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:25px}.help-card{background:#e8ecdc;border-radius:8px;padding:15px;margin-bottom:20px}.help-card>svg{float:right;color:#889773}.help-card strong{font-size:13px;display:block;margin-bottom:7px}.help-card p{font-size:12px;line-height:1.65;color:#7e8972;margin:0}.profile{display:flex;align-items:center;gap:10px;padding:15px 0 4px;background:none;border:0;border-top:1px solid #dcdfd3;width:100%;text-align:left}.profile>span:nth-child(2){flex:1}.profile strong{font-size:12px}.profile small{display:block;font-size:11px;color:#929688;margin-top:3px}.profile>svg{color:#8e9685}main{margin-left:246px;flex:1;min-width:0}.topbar{height:79px;border-bottom:1px solid var(--border);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fcfcfa}.breadcrumb{font-size:13px;color:#93998f;display:flex;align-items:center;gap:15px}.breadcrumb strong{font-weight:500;color:#465042}.breadcrumb span{color:#bfc4b8}.topbar-right{display:flex;align-items:center;gap:19px}.demo-badge{font-size:11px;display:flex;align-items:center;gap:6px;color:#6e7c60}.demo-badge i{width:5px;height:5px;background:#8ca778;border-radius:100%}.icon-button{position:relative;border:0;background:transparent;padding:7px;display:grid;place-items:center;color:#737b6b}.notification-dot{position:absolute;top:7px;right:7px;width:5px;height:5px;background:#86a16d;border:1px solid #fff;border-radius:50%}.avatar{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;background:#e9eedf;color:#698055;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.avatar.dark{background:#254d3b;color:#e7edd9}.avatar.small{height:32px;width:32px;font-size:10px}.color-1{background:#e8ecf3;color:#7890a4}.color-2{background:#f2e8dd;color:#b49879}.color-3{background:#eee6f1;color:#a188ad}.content{padding:33px 38px 0;max-width:1660px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:650;color:#969d8e;margin-bottom:10px}h1{font:700 30px/1.3 Manrope,sans-serif;letter-spacing:-1.1px;margin:0}.heading-dot{color:#a3b985;font-size:27px;margin-left:8px}.page-heading p{font-size:13px;color:#8b9284;margin:9px 0 0}.heading-actions{display:flex;align-items:center;gap:10px;padding-top:12px}.button{border:1px solid transparent;border-radius:7px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:550;white-space:nowrap}.button.primary{background:#214e3e;color:#fff;border-color:#214e3e;box-shadow:0 2px 3px #214e3e15}.button.primary:hover{background:#173e30}.button.secondary{background:#fdfdfb;border-color:#dfe3d8;color:#747e69}.button.subtle{background:#fff;border-color:var(--border);color:#78816e;padding:7px 10px;font-size:11px}.summary-grid{display:grid;grid-template-columns:1.36fr 1fr 1fr;gap:20px;margin-bottom:25px}.balance-card{background:#214c3b;color:#eef5e8;border-radius:11px;padding:23px 24px 0;position:relative;overflow:hidden;min-height:173px}.card-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px}.balance-card .card-label{color:#c7d6bf}.balance-card h2{font:600 30px Manrope;letter-spacing:-.9px;margin:20px 0 10px}.balance-card h2 span{font-size:18px;color:#9aae95;font-weight:450}.balance-bottom{display:flex;align-items:center;justify-content:space-between;height:49px}.balance-bottom>span{display:flex;gap:4px;align-items:center;color:#b7d18f;font-size:10px}.balance-mark{font:800 80px/.8 Manrope;letter-spacing:-7px;transform:rotate(-12deg);color:#537456;opacity:.55;padding-right:7px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:23px 24px 17px;min-width:0}.stat-card .card-label{color:#838b7a}.stat-card h2{font:650 29px Manrope;letter-spacing:-.8px;margin:21px 0 24px;white-space:nowrap}.stat-card h2 small{font:400 13px DM Sans;letter-spacing:0;color:#9b9f93;margin-left:5px}.stat-footer{font-size:10px;color:#8a927f;display:flex;align-items:center;gap:5px}.stat-footer>svg{margin-left:auto}.mini-dot{width:5px;height:5px;border-radius:50%;background:#7c9d62;display:inline-block}.mini-dot.amber{background:#c6a36b}.middle-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:22px;margin-bottom:25px}.panel{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 0;gap:15px}h3{font-size:14px;letter-spacing:-.15px;font-weight:650;margin:0}.panel-heading p{font-size:11px;color:#939a8b;margin:6px 0 0}.chart-legend{display:flex;align-items:center;gap:18px;padding:21px 24px 0;font-size:10px;color:#829075}.chart-legend>span{display:flex;gap:6px;align-items:center}.chart-legend i{height:6px;width:6px;border-radius:50%;background:#275c46}.chart-legend i.light{background:#b5c88f}.chart-legend small{margin-left:auto;font-size:9px;color:#a5ab9e}.chart{height:225px;padding:6px 15px 20px}.count-circle{width:23px;height:23px;border:1px solid #e4e8dd;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#8b9878}.attention-item{border:0;background:#fff;display:flex;gap:12px;align-items:center;padding:22px 23px;width:100%;text-align:left}.attention-item+.attention-item{padding-top:10px}.attention-item>span:nth-child(2){flex:1}.attention-item strong{font-size:12px;font-weight:550;display:block}.attention-item small{font-size:10px;color:#9ca190;display:block;margin-top:6px}.attention-item>svg{color:#b4bba8}.item-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.amber-bg{background:#f8f2e3;color:#b69955}.blue-bg{background:#eaf0f2;color:#7d9ba8}.attention-note{border:1px solid #e9eddf;background:#f8faf2;margin:11px 23px 20px;border-radius:7px;padding:13px;font-size:10px;color:#8e9c7d}.attention-note>.mini-dot{margin-right:4px}.attention-note p{color:#a1aa93;font-size:10px;margin:5px 0 0;line-height:1.65}.text-button{border:0;background:none;color:#6d8660;font-size:11px;display:flex;align-items:center;gap:7px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:9px;letter-spacing:.7px;color:#9da391;font-weight:550;padding:15px 24px;background:#fafbf7;white-space:nowrap}td{padding:17px 24px;border-bottom:1px solid #eff0e9;white-space:nowrap}.transactions .table-scroll{margin-top:22px}.person-cell{display:flex;align-items:center;gap:10px}.person-cell strong{font-size:12px;font-weight:550;display:block}.person-cell small{display:block;font-size:10px;color:#9ea592;margin-top:5px}.type-cell{display:flex;align-items:center;gap:7px;color:#7d8c70;font-size:11px}.type-cell svg{color:#83a372}.amount{font-weight:550;color:#57664b;font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:5px 8px;border-radius:5px;white-space:nowrap}.badge i{height:4px;width:4px;border-radius:50%;background:currentColor}.badge.paid{background:#eef5e8;color:#7e995f}.badge.pending{background:#fbf4e4;color:#bb9d61}.badge.draft{background:#f0f1ec;color:#99a08e}.muted{color:#a3a997;font-size:11px}.table-footer{display:flex;justify-content:space-between;padding:15px 24px;font-size:10px;color:#a4aa99}.table-footer>span{font-size:9px}.page-footer{display:flex;justify-content:space-between;padding:23px 0;font-size:10px;color:#b0b5a7}.mobile-menu{display:none}@media(min-width:1600px){.content{padding-top:45px}.summary-grid{gap:25px}.balance-card,.stat-card{min-height:190px}.chart{height:260px}}@media(max-width:1250px){.sidebar{width:218px;padding-left:14px;padding-right:14px}main{margin-left:218px}.content{padding:28px 25px 0}.topbar{padding:0 25px}.balance-card,.stat-card{padding-left:18px;padding-right:18px}.balance-card h2,.stat-card h2{font-size:25px}.middle-grid{grid-template-columns:1.55fr 1fr}.panel-heading,td,th{padding-left:18px;padding-right:18px}.page-heading{align-items:flex-start}h1{font-size:27px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:1000px){.summary-grid{grid-template-columns:1fr 1fr}.balance-card{grid-column:span 2;min-height:160px}.middle-grid{grid-template-columns:1fr}.attention{display:none}.page-heading{flex-direction:column}.heading-actions{padding-top:0}.table-footer>span{display:none}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0);box-shadow:20px 0 80px #132f3a33}main{margin-left:0}.mobile-menu{display:flex}.topbar{height:65px;padding:0 16px}.breadcrumb{margin-right:auto;margin-left:8px;font-size:12px;gap:8px}.breadcrumb>span{display:none}.topbar-right{gap:8px}.demo-badge{font-size:10px}.content{padding:26px 17px 0}.page-heading{gap:20px;margin-bottom:22px}h1{font-size:26px}.summary-grid{gap:12px}.balance-card{padding:22px}.stat-card{padding:17px 15px}.stat-card h2{font-size:21px;margin-top:19px}.stat-card h2 small{font-size:11px;display:block;margin:3px 0 0}.card-label{font-size:11px}.card-label svg{width:17px}.stat-footer{font-size:10px}.chart-legend{gap:12px;padding-left:18px;padding-right:18px}.chart-legend small{display:none}.table-footer{padding:14px 18px}.heading-actions{width:100%;justify-content:flex-start}.panel-heading p{line-height:1.5}.page-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.brand-image{height:68px;width:142px;overflow:hidden;padding:0;flex-shrink:0;position:relative}.brand-image img{width:154px;height:154px;position:absolute;top:-29px;left:-5px;mix-blend-mode:multiply}.sidebar{padding-top:22px}.workspace-switch{margin-top:22px}.sidebar{overflow-y:auto}.sidebar-bottom{min-height:180px}.profile{cursor:default}.profile>button{padding:5px}.client-filter{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:7px;padding:9px 12px;color:#626e5b;font-size:13px}.client-filter select{border:0;background:transparent;color:inherit;max-width:180px;font-size:inherit;outline:none}.demo-switch{display:flex;align-items:center;gap:8px}.demo-switch select{font-size:12px;color:#67765a;border:1px solid #dfe6d6;border-radius:5px;background:#f6f9f1;padding:5px;max-width:145px}.period-label{color:#7b8473;font-size:12px;border:1px solid var(--border);padding:7px 10px;border-radius:6px;white-space:nowrap}.stat-footer>.icon-button{margin-left:auto;padding:0}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;gap:18px;flex-wrap:wrap}.toolbar p{font-size:13px;color:#89917e;margin:7px 0 0;line-height:1.6}.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #e0e5da;border-radius:7px;color:#8a957f;min-width:240px;background:#fff}.search-box input{border:0;outline:none;width:100%;font-size:13px;background:transparent;color:#3d4b35}.search-box input::placeholder{color:#a0a795}.search-box:focus-within{outline:2px solid #b0c292}.tabs{display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 24px;gap:23px;overflow-x:auto;white-space:nowrap}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:19px 0 16px;font-size:13px;color:#949b89;display:flex;align-items:center;gap:8px}.tabs button.selected{color:#2d5740;border-bottom-color:#2d5740;font-weight:600}.tabs button span{font-size:10px;background:#edf1e7;padding:2px 6px;border-radius:4px;color:#829171}.tabs .tab-action{margin-left:auto;color:#5d7a47}.inline-count{font-size:12px;font-weight:500;color:#8f9a83;background:#f0f3e9;border:1px solid #e5eadd;border-radius:5px;padding:2px 6px;margin-left:6px}.cell-link{padding:0;border:0;background:none;font-size:13px;font-weight:600;color:#4b6c36}.cell-link:hover{text-decoration:underline}.cell-sub{display:block;font-size:12px;color:#8d9783;margin-top:6px;line-height:1.5;white-space:normal}.button.danger{background:#fff1ec;border-color:#f1ded5;color:#a15c45}.badge.active,.badge.approved{background:#edf4e6;color:#607f45}.badge.submitted{background:#edf1f8;color:#7a8aa5}.badge.rejected,.badge.cancelled,.badge.inactive{background:#f6eded;color:#a57973}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;font-size:12px;color:#8b9580;gap:15px}.pagination>div{display:flex;gap:10px;align-items:center}.pagination .icon-button{border:1px solid #e5e9dd;border-radius:5px}.pagination .icon-button:disabled{opacity:.35;cursor:default}.empty{text-align:center;padding:65px 25px;color:#96a08a}.empty>svg{color:#a3b690;background:#f0f5e9;box-sizing:content-box;padding:15px;border-radius:16px;margin-bottom:15px}.empty h3{font-size:16px;color:#5a6d49}.empty p{font-size:14px;line-height:1.6;margin:9px auto 20px;max-width:400px}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.client-card,.channel-card{padding:24px}.client-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.client-emblem{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:11px;background:#e9efdf;color:#789162}.client-card h2,.channel-card h2{font:650 19px/1.4 Manrope,sans-serif;letter-spacing:-.4px;margin:0}.client-card>p,.channel-card>p{font-size:13px;color:#9aa38c;margin:9px 0 27px;line-height:1.6}.client-metrics{display:flex;justify-content:space-between;gap:12px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.client-metrics small{font-size:12px;color:#8b9781;display:block;margin-bottom:8px}.client-metrics strong{font:600 18px Manrope,sans-serif;color:#4f6840;white-space:nowrap}.client-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px}.client-card-footer .text-button{padding:0;font-size:13px}.product-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:25px}.product-total{padding:25px}.product-total>svg{float:right;color:#91a07e}.product-total>span{font-size:13px;color:#718263}.product-total h2{font:650 28px Manrope;letter-spacing:-.6px;margin:18px 0 10px}.product-total small{font-size:12px;color:#8e9b7e}.product-total.tone-0{background:#f1f4e9;border-color:#e0e6d5}.product-total.tone-1{background:#f7f4ec;border-color:#e9e3d5}.product-total.tone-2{background:#f0f3f4;border-color:#e1e7e8}.mini-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:25px}.mini-summary>div{display:flex;align-items:center;gap:15px;padding:23px;background:#fff;border:1px solid var(--border);border-radius:10px}.mini-summary small{font-size:12px;color:#8a967d;display:block;line-height:1.4}.mini-summary strong{font:600 22px Manrope;display:block;margin-top:7px;letter-spacing:-.6px}.green-bg{background:#edf3e4;color:#80a362}.qris-intro{display:flex;align-items:center;gap:20px;padding:26px 28px;border-radius:11px;background:#eaf0df;border:1px solid #dee6d1;margin-bottom:25px}.qris-intro-icon{padding:14px;background:#dce7c9;color:#6e8754;border-radius:13px;display:grid;place-items:center}.qris-intro h3{font-size:17px;color:#4d643b}.qris-intro p{font-size:14px;line-height:1.6;color:#82966f;margin:8px 0 0}.channel-card .eyebrow{display:block}.channel-note{margin:10px 0 17px}.channel-card>.button{width:100%;margin-bottom:12px}.footnote{display:flex;align-items:flex-start;gap:8px;color:#89967d;font-size:12px;line-height:1.7;margin:24px 0}.footnote svg{flex-shrink:0;margin-top:2px}.report-controls{display:flex;align-items:flex-end;gap:15px;margin-bottom:25px}.report-controls .field{margin:0;min-width:180px}.report-controls .button{margin-left:auto;height:43px}.settings-form{max-width:760px;padding:28px 30px}.settings-form>p{color:#8b957f;font-size:14px;line-height:1.6;margin:8px 0 25px}.audit-list{padding:15px 27px}.audit-item{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--border)}.audit-dot{width:8px;height:8px;border-radius:50%;background:#bacba5}.audit-item strong{font-size:13px;color:#577744}.audit-item p{font-size:12px;color:#919d84;margin:5px 0 0}.audit-item time{font-size:12px;color:#9ca68f;margin-left:auto;white-space:nowrap}.field{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;text-align:left;min-width:0}.field>span{font-size:14px;font-weight:500;color:#637457}.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid #dae1d2;border-radius:7px;padding:11px 12px;font-size:14px;color:#445938;min-width:0;transition:border-color .15s}.field textarea{resize:vertical;line-height:1.7}.field input:focus,.field select:focus,.field textarea:focus{border-color:#829b65}.field input::placeholder,.field textarea::placeholder{color:#a9b39c}.field small{font-size:12px;color:#96a18a;line-height:1.55}.form fieldset{border:0;padding:0;margin:0;min-width:0}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:24px;margin-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}.form-actions .button{font-size:14px;padding:11px 16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alert{padding:14px 15px;border:1px solid #e0e8d8;background:#f6f9f0;color:#758765;font-size:13px;line-height:1.7;border-radius:7px;display:flex;align-items:flex-start;gap:10px;margin:15px 0}.alert>svg{flex-shrink:0;margin-top:2px}.alert.error{background:#fff1ed;color:#a46652;border-color:#f3dbd0}.alert.warning{background:#fff8e9;border-color:#eee2c6;color:#a08c60}.alert p{margin:0}.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#7c8d6b;line-height:1.8;margin:20px 0}.checkbox input{accent-color:#31583a;width:17px;height:17px;flex-shrink:0;margin-top:3px}.dialog{width:min(540px,calc(100vw - 36px));max-height:90vh;border:1px solid #dfe6d7;padding:0;border-radius:16px;background:#fff;color:#3f5035;box-shadow:0 25px 100px #14240e30;overflow:auto}.dialog.wide{width:min(790px,calc(100vw - 36px))}.dialog::backdrop{background:#14210dcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-header{padding:24px 26px 19px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:3}.dialog-header h2{font:650 21px/1.3 Manrope,sans-serif;letter-spacing:-.5px;margin:0}.dialog-header p{font-size:13px;line-height:1.6;color:#879677;margin:6px 0 0}.dialog-header .icon-button{padding:2px}.dialog-body{padding:25px 26px}.invoice-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.invoice-title .eyebrow{display:block;margin-bottom:12px}.invoice-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.qr-box{border:1px solid #e4eadb;border-radius:10px;background:#fcfdf9;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;min-width:0}.qr-box>img{max-width:100%;height:auto}.qr-box>strong{font-size:13px}.qr-box>small{font-size:12px;line-height:1.6;color:#919f80}.qr-box>.button{font-size:12px;margin-top:3px}.invoice-breakdown>div:not(.alert){display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#839470;padding:12px 0}.invoice-breakdown strong{color:#4d663a;font-weight:600}.invoice-breakdown>.total{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0!important;margin:6px 0 14px;align-items:center}.invoice-breakdown>.total strong{font:700 25px Manrope;letter-spacing:-.8px}.detail-meta{display:grid!important;grid-template-columns:1fr 1.2fr;gap:12px 16px!important;font-size:13px;line-height:1.5;margin:12px 0 17px}.detail-meta>span{color:#98a58a}.detail-meta>strong{font-weight:500;color:#657d52;overflow-wrap:anywhere}.invoice-summary{border:1px solid #e4eadc;border-radius:9px;padding:7px 17px;background:#f8faf4;margin:15px 0}.invoice-summary>div{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;padding:10px 0}.invoice-summary span{color:#849672}.invoice-summary strong{font-weight:600;color:#526b3e;text-align:right}.invoice-summary small{font-size:12px;color:#a3af96;text-align:right}.detail-note{background:#fafbf6;padding:17px;border-radius:8px;margin:20px 0;font-size:14px;color:#697d57}.detail-note p{font-size:13px;line-height:1.7;color:#8c9c7c;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.evidence-section{margin:25px 0}.evidence-files{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.evidence-files a{display:flex;align-items:center;gap:7px;color:#75915d;font-size:12px;text-decoration:none;padding:8px 10px;border:1px solid #e0e7d8;border-radius:6px;max-width:100%;overflow-wrap:anywhere}.upload-button{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;padding:13px;border:1px dashed #cbd8bd;border-radius:8px;font-size:13px;color:#799364;cursor:pointer;flex-wrap:wrap}.upload-button input,.qr-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.upload-button small{font-size:11px;color:#a6b198;width:100%;text-align:center}.qr-upload{display:flex;flex-direction:column;align-items:center;gap:11px;padding:30px;background:#f8faf3;border:1px dashed #c3d1b2;border-radius:10px;position:relative;margin-bottom:22px;color:#839c6d;cursor:pointer}.qr-upload strong{font-size:14px}.qr-upload span{font-size:12px;color:#9eac8e}.merchant-confirmation{display:flex;align-items:center;gap:14px;background:#eef5e5;border:1px solid #dbe7cc;color:#719454;padding:17px;border-radius:9px;margin-top:17px}.merchant-confirmation strong{font-size:16px}.merchant-confirmation p{font-size:12px;margin:6px 0 0}.member-balance{background:#234d3a;color:#dfebd2;padding:25px;border-radius:10px;margin:20px 0}.member-balance>span{font-size:13px;color:#afc59a}.member-balance h2{font:650 31px Manrope;margin:13px 0}.member-balance p{font-size:12px;margin:0;color:#9fba89}.account-list>div{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--border);font-size:13px;color:#7b9566}.account-list strong{margin-left:auto;font-size:14px}.loan-summary{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;padding:22px;background:#f2f6eb;border-radius:10px}.loan-summary span{display:block;color:#90a17e;font-size:12px;margin-bottom:9px}.loan-summary strong{font-size:18px;font-weight:600;color:#627e49}.section-subheading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 17px;gap:10px}.section-subheading>span{font-size:12px;color:#94a581}.installment-table{max-height:350px;border:1px solid var(--border);border-radius:9px}.installment-table th,.installment-table td{padding:13px 14px;font-size:12px}.installment-table th{font-size:10px;position:sticky;top:0}.installment-table .button{font-size:11px;padding:7px 9px}.danger-text{color:#b57661}.payment-complete{padding:40px 12px;color:#7e9e60}.payment-complete h3{margin:18px 0 10px;font-size:16px}.payment-complete p{font-size:13px;line-height:1.6;color:#9bad8b}.toast{position:fixed;bottom:25px;right:25px;z-index:80;display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid #cad8bb;border-radius:10px;background:#fcfef8;color:#5c7745;font-size:14px;box-shadow:0 8px 40px #152e1320;max-width:calc(100vw - 40px)}.toast button{background:none;border:0;padding:0 0 0 12px;color:#a4b292;font-size:20px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;color:#879d73}.app-loading p{font-size:14px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fdfefb}.login-brand{background:#e5ebd9;display:flex;flex-direction:column;justify-content:space-between;padding:60px}.login-brand>img{width:150px;height:150px;object-fit:contain;mix-blend-mode:multiply}.login-brand h1{font-size:47px;line-height:1.3;letter-spacing:-1.8px;color:#29482c;margin:17px 0}.login-brand span{font-size:11px;letter-spacing:2px;color:#8da178}.login-brand p{color:#7e9668;font-size:16px;line-height:1.8;max-width:380px}.login-brand>small{color:#92a67c;font-size:12px}.login-form{padding:50px;display:flex;align-items:center;justify-content:center}.login-form>div{width:100%;max-width:380px}.login-form h1{margin-top:13px}.login-form p{font-size:14px;color:#8e9e7e;line-height:1.8;margin:16px 0 34px}.login-form .button{width:100%;font-size:15px;padding:13px;margin-top:7px}.login-form>div>small{display:block;font-size:12px;color:#a1af94;line-height:1.7;text-align:center;margin-top:24px}.sidebar-scrim{display:none}h3{font-size:16px}.card-label,.page-heading p,.person-cell strong{font-size:14px}.person-cell small{font-size:12px}.amount{font-size:14px}.type-cell{font-size:13px}.badge,.muted{font-size:12px}table{font-size:14px}th{font-size:11px}.button{font-size:13px}.panel-heading p{font-size:12px}.text-button{font-size:13px}.attention-item strong{font-size:14px}.attention-item small,.attention-note,.attention-note p{font-size:12px}.balance-bottom>span,.stat-footer{font-size:12px}.chart-legend{font-size:12px}.chart-legend small,.eyebrow{font-size:11px}.table-footer{font-size:12px}.table-footer>span{font-size:11px}.page-footer{font-size:12px}.nav-caption{font-size:11px}.workspace-switch strong{font-size:14px}.profile strong{font-size:13px}.profile small,.help-card p{font-size:12px}.content{padding-bottom:0}.balance-card h2{font-size:30px}.balance-card{min-height:180px}.stat-card h2{font-size:28px}.middle-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr)}.attention-item{gap:10px}.attention-note{margin-top:7px}.chart{height:236px}.topbar-right .avatar{flex-shrink:0}.table-scroll td:last-child{padding-right:18px}.tabs::-webkit-scrollbar{height:3px}.tabs::-webkit-scrollbar-thumb{background:#d4dec8}@media(max-width:1300px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{gap:16px}.balance-card h2,.stat-card h2{font-size:25px}.summary-grid .card-label{font-size:13px}.mini-summary{gap:15px}.mini-summary>div{padding:18px}.mini-summary strong{font-size:19px}.product-total h2{font-size:24px}.product-totals{gap:16px}.middle-grid{grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr)}.chart-legend{gap:12px}.balance-bottom>span{font-size:10px}}@media(max-width:1100px){.middle-grid{grid-template-columns:1fr}.attention{display:block}.attention .panel-heading{padding-bottom:10px}.attention{display:grid;grid-template-columns:1fr 1fr}.attention .panel-heading{grid-column:span 2}.attention-item+.attention-item{padding-top:22px}.attention-note{grid-column:span 2}.mini-summary{grid-template-columns:1fr}.mini-summary>div{padding:17px 20px}.mini-summary strong{font-size:22px}.product-totals{grid-template-columns:1fr}.product-total{padding:22px}.product-total h2{margin:12px 0}.settings-form{padding:25px}.toolbar{padding:20px}.tabs{padding:0 20px;gap:20px}}@media(max-width:700px){.client-grid{grid-template-columns:1fr}.sidebar{width:245px}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#18321460;z-index:25}.demo-switch{gap:5px}.demo-switch select{max-width:96px;font-size:11px}.topbar-right>.avatar{display:none}.topbar-right>.icon-button:nth-last-child(3){display:none}.topbar-right{gap:4px}.breadcrumb{font-size:11px}.breadcrumb>strong{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-badge{font-size:10px}.content{padding:25px 17px 0}.heading-actions{flex-wrap:wrap}.client-filter select{max-width:190px}.summary-grid{gap:12px}.balance-card h2{font-size:29px}.stat-card h2{font-size:23px}.stat-card .card-label{font-size:12px}.stat-footer{font-size:11px;line-height:1.5}.stat-footer>button{display:none}.attention{display:block}.attention .panel-heading{padding-bottom:0}.attention-note{margin-top:3px}.attention-item+.attention-item{padding-top:6px}.panel-heading{gap:10px}.panel-heading h3{font-size:15px}.panel-heading p{font-size:12px}.period-label{font-size:10px;padding:6px;flex-shrink:0}.chart-legend{font-size:11px}.panel-heading .text-button{font-size:12px;white-space:nowrap}.toolbar-actions,.toolbar-actions .search-box{width:100%}.toolbar .search-box{min-width:0;flex:1}.toolbar{gap:14px;padding:18px}.tabs{padding:0 18px;gap:20px}.tabs button{font-size:13px}.table-footer{font-size:11px}.product-total h2{font-size:26px}.report-controls{flex-wrap:wrap;gap:12px}.report-controls .field{min-width:0;flex:1}.report-controls>.button{width:100%;margin:0}.qris-intro{padding:20px;align-items:flex-start;gap:13px}.qris-intro h3{font-size:15px}.qris-intro p{font-size:13px}.qris-intro-icon{padding:11px}.qris-intro-icon svg{width:23px}.dialog{max-height:94dvh;width:calc(100vw - 20px);border-radius:12px}.dialog.wide{width:calc(100vw - 20px)}.dialog-header,.dialog-body{padding:20px}.invoice-detail-grid{grid-template-columns:1fr;gap:18px}.qr-box>img{max-width:220px}.invoice-breakdown>.total{margin-bottom:5px}.form-grid{grid-template-columns:1fr;gap:0}.form-actions{padding-top:18px}.form-actions .button,.invoice-title .person-cell strong{font-size:13px}.invoice-title .badge{font-size:11px}.loan-summary{padding:16px;gap:12px;grid-template-columns:1fr 1fr}.loan-summary>div:first-child{grid-column:span 2}.loan-summary strong{font-size:18px}.section-subheading{flex-direction:column;align-items:flex-start;gap:9px}.settings-form{padding:22px 18px}.audit-list{padding:10px 18px}.audit-item{align-items:flex-start;flex-wrap:wrap}.audit-item time{margin-left:21px;font-size:11px}.audit-item>div{max-width:calc(100% - 28px);overflow-wrap:anywhere}.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-form{padding:35px 25px}.login-form>div{max-width:380px}.toast{right:15px;bottom:15px;font-size:13px}.table-footer>span{display:none}.footnote{font-size:12px}.brand-image{height:68px}.client-metrics strong{font-size:20px}.mini-summary{gap:12px}.form-actions .button{flex-grow:1}.field input[type=date],.field input[type=datetime-local]{min-height:43px}.client-card h2,.channel-card h2{font-size:21px}}.brand-image{height:80px}.brand-image img{width:136px;height:136px;top:-24px;left:0}.page-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:240px;color:var(--muted)}.brand-image img,.login-brand>img{mix-blend-mode:darken}@media(max-width:380px){.breadcrumb{display:none}.summary-grid{grid-template-columns:1fr}.summary-grid .balance-card,.summary-grid .stat-card{grid-column:auto;min-height:160px}.balance-card h2{font-size:26px}.stat-card h2{font-size:27px}.topbar-right{margin-left:auto}}