:root{--navy:#513532;--gold:#c9a227;--bg:#f5f5f7;--card:#fff;--text:#17171c;--muted:#6b6b76;--border:#e5e5ea}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{background:var(--navy);color:#fff;z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000001f}.brand{letter-spacing:.4px;font-weight:800}.brand span{color:var(--gold)}.fy{color:#ddd}.layout{min-height:calc(100vh - 64px);display:flex}.side{border-right:1px solid var(--border);background:#fff;width:190px;padding:18px 12px}.navlink{color:#3f3f49;border-radius:10px;margin:3px 0;padding:11px 12px;display:block}.navlink:hover,.navlink.active{color:var(--navy);background:#f1f0fa;font-weight:700}.main{flex:1;width:100%;max-width:1700px;margin:0 auto;padding:20px}.grid{gap:16px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.twocol{grid-template-columns:1fr 1fr}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 2px 8px #00000008}.kpi{margin-top:6px;font-size:28px;font-weight:800}.muted{color:var(--muted);font-size:13px}.section h2{margin:0 0 12px;font-size:20px}.btn{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.btn.primary{background:var(--navy);color:#fff}.btn.gold{background:var(--gold);color:#fff}.btn.secondary{color:#222;background:#eeeef3}.btn.small{padding:6px 9px;font-size:12px}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field label{color:#555;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field input,.field select,.field textarea{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:10px}.field textarea{resize:vertical;min-height:80px}.field.full{grid-column:1/-1}.tablewrap{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px}.table th{text-transform:uppercase;color:#666;background:#fafafd;font-size:11px}.badge{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.badge.open{color:#775b00;background:#fff3cd}.badge.partial{color:#174ea6;background:#e8f0ff}.badge.closed{color:#116b3b;background:#e5f7ed}.error{color:#b00020;background:#fff0f1;border:1px solid #ffd0d4;border-radius:10px;padding:10px}.success{color:#116b3b;background:#eaf8f0;border:1px solid #bfe7ce;border-radius:10px;padding:10px}.demoBanner{color:#6b5200;background:#fff4d6;border:1px solid #e5c66b;border-radius:10px;margin-bottom:14px;padding:8px 12px;font-size:13px}.workflow{line-height:1.7}.detailbox{border:1px solid var(--border);background:#fafafd;border-radius:12px;padding:12px}.detailbox p{margin:7px 0}.calc{border:1px solid var(--border);border-radius:12px;margin-top:12px;overflow:hidden}.calc>div{border-bottom:1px solid var(--border);justify-content:space-between;padding:9px 12px;display:flex}.calc>div:last-child{border-bottom:0}.calc .grand{background:#f7f2dc;font-size:16px}.calc.mini{margin-top:12px}.receipt-page{max-width:900px;margin:0 auto}.receipt{background:#fff;border:1px solid #ccc;padding:34px;box-shadow:0 3px 12px #00000014}.receipt-head{border-bottom:2px solid var(--navy);justify-content:space-between;gap:20px;padding-bottom:18px;display:flex}.receipt-brand{color:var(--navy);font-size:24px;font-weight:800}.receipt-sub{color:var(--gold);margin-top:5px;font-size:16px;font-weight:800}.receipt-business{text-align:right;max-width:400px;font-size:11px;line-height:1.5}.receipt-meta{border:1px solid #ddd;border-top:0;grid-template-columns:1fr 1fr;display:grid}.receipt-meta>div{padding:10px}.receipt-meta>div+div{border-left:1px solid #ddd}.receipt-section-title{background:var(--navy);color:#fff;letter-spacing:.4px;margin-top:18px;padding:8px 10px;font-size:12px;font-weight:800}.receipt-grid{border:1px solid #ddd;border-top:0;grid-template-columns:1fr 1fr;display:grid}.receipt-grid>div{border-bottom:1px solid #eee;padding:9px}.receipt-grid>div:nth-child(odd){border-right:1px solid #eee}.receipt-grid .full{border-right:0;grid-column:1/-1}.receipt-grid b,.receipt-grid span{display:block}.receipt-grid b{color:#666;text-transform:uppercase;margin-bottom:3px;font-size:10px}.receipt-grid span{font-size:13px}.amount-table{border:1px solid #ddd;border-top:0}.amount-table>div{border-bottom:1px solid #eee;justify-content:space-between;padding:9px 12px;display:flex}.amount-table .total{background:#f7f2dc;font-size:15px}.receipt-note{text-align:center;background:#fff8df;border:1px solid #d8c16a;margin-top:18px;padding:10px;font-size:12px;font-weight:800}.receipt-legal{color:#666;font-size:10px;line-height:1.5}.sign-row{border-top:1px solid #ddd;justify-content:space-between;margin-top:30px;padding-top:10px;font-size:11px;display:flex}.copy-label{text-align:center;color:#666;text-transform:uppercase;letter-spacing:1px;margin-top:24px;font-size:10px}.header-logo{object-fit:contain;object-position:left center;width:auto;max-width:230px;height:68px;display:block}@media (max-width:1000px){.side{display:none}.main{padding:16px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.twocol,.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media (max-width:560px){.grid4{grid-template-columns:1fr}.topbar{padding:0 12px}.main{padding:12px}.receipt{padding:18px}.receipt-head{display:block}.receipt-business{text-align:left;margin-top:10px}.receipt-grid{grid-template-columns:1fr}.receipt-grid>div:nth-child(odd){border-right:0}.receipt-grid .full{grid-column:auto}}.receipt-logo{object-fit:contain;object-position:left center;width:180px;height:auto;max-height:70px;margin-bottom:6px;display:block}.receipt-details-large{white-space:normal;word-break:break-word;min-height:54px;line-height:1.5;display:block}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;width:100%;min-width:0;display:flex}.page-header-copy{flex:auto;min-width:0}.page-header-copy h1{margin-top:0}.page-header-action{white-space:nowrap;flex:none}.main{min-width:0;overflow-x:hidden}.tablewrap{width:100%;max-width:100%;overflow:auto hidden}.table.wide{min-width:1350px}.table.wide th,.table.wide td{font-size:13px}@media (max-width:1200px){.page-header{align-items:center}.page-header-action{flex-shrink:0}}@media (max-width:800px){.page-header{flex-wrap:wrap}.page-header-action{width:auto}}.table.wide{table-layout:auto;width:100%;min-width:1350px}.table.wide th,.table.wide td{white-space:nowrap;padding:8px 9px;font-size:12px}.table.wide td{text-overflow:clip;overflow:visible}.table.wide td:nth-child(16) .row{flex-wrap:nowrap;gap:6px}.table.wide td:nth-child(16) .btn.small{padding:5px 7px;font-size:11px}.page-header{margin-bottom:12px}.page-header-copy h1{margin:0 0 6px;font-size:30px}.page-header-copy .muted{font-size:12px}.demoBanner{margin-bottom:10px;padding:6px 10px;font-size:12px}.section{margin-top:14px}.tablewrap{margin-top:8px!important}.table.wide th,.table.wide td{padding-top:6px;padding-bottom:6px}@media print{@page{size:A4 portrait;margin:9mm 10mm}body{font-family:Arial,Helvetica,sans-serif;color:#17171c!important;background:#fff!important}.no-print,.demoBanner,.topbar,.side{display:none!important}.main{width:100%!important;max-width:none!important;padding:0!important}.receipt-page{width:100%!important;max-width:none!important;margin:0!important}.receipt{width:100%!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important}.receipt-head{gap:18px;border-bottom:1.5px solid var(--navy)!important;padding-bottom:10px!important}.receipt-logo{width:155px!important;max-height:52px!important;margin-bottom:3px!important}.receipt-sub{margin-top:3px!important;font-size:13px!important}.receipt-business{max-width:330px!important;font-size:9.5px!important;line-height:1.4!important}.receipt-meta>div{padding:6px 8px!important;font-size:10px!important}.receipt-section-title{margin-top:10px!important;padding:6px 8px!important;font-size:9.5px!important}.receipt-grid>div{padding:6px 8px!important}.receipt-grid b{margin-bottom:2px!important;font-size:8px!important}.receipt-grid span{font-size:10px!important;line-height:1.3!important}.receipt-details-large{min-height:0!important;line-height:1.3!important}.amount-table>div{padding:5px 8px!important;font-size:10px!important}.amount-table .total{padding-top:7px!important;padding-bottom:7px!important;font-size:12px!important}.receipt .tablewrap{border-radius:0!important;width:100%!important;margin-top:6px!important;overflow:visible!important}.receipt .table.wide{table-layout:fixed!important;width:100%!important;min-width:0!important;font-size:8.5px!important}.receipt .table.wide th,.receipt .table.wide td{white-space:normal!important;word-break:break-word!important;vertical-align:top!important;padding:5px!important;line-height:1.25!important}.receipt .table.wide th{font-size:7.5px!important}.receipt .table.wide th:first-child,.receipt .table.wide td:first-child{width:12%}.receipt .table.wide th:nth-child(2),.receipt .table.wide td:nth-child(2),.receipt .table.wide th:nth-child(3),.receipt .table.wide td:nth-child(3){width:14%}.receipt .table.wide th:nth-child(4),.receipt .table.wide td:nth-child(4),.receipt .table.wide th:nth-child(5),.receipt .table.wide td:nth-child(5){width:19%}.receipt .table.wide th:nth-child(6),.receipt .table.wide td:nth-child(6){width:22%}.receipt-note{margin-top:10px!important;padding:7px 8px!important;font-size:9px!important;line-height:1.3!important}.receipt-legal{margin:7px 0 0!important;font-size:8px!important;line-height:1.35!important}.sign-row{margin-top:18px!important;padding-top:7px!important;font-size:9px!important}.copy-label{margin-top:12px!important;font-size:8px!important}.receipt-section-title,.receipt-grid,.amount-table,.receipt-note,.receipt-legal,.sign-row{page-break-inside:avoid}}.dashboard-header{margin-bottom:18px}.dashboard-section{margin-top:24px}.dashboard-section>h2{color:var(--navy);margin:0 0 12px;font-size:19px;font-weight:800}.dashboard-section .card{border-color:#dedee4;transition:box-shadow .15s,transform .15s;box-shadow:0 2px 8px #00000009}.dashboard-section .card:hover{box-shadow:0 4px 14px #00000012}.dashboard-kpi-card{background:linear-gradient(#fff 0%,#faf9f8 100%);min-height:130px;border-top:4px solid var(--navy)!important}.dashboard-kpi-card .kpi{color:var(--navy)}.dashboard-today-card{background:linear-gradient(#fff 0%,#fdfbf4 100%);min-height:130px;border-top:4px solid var(--gold)!important}.dashboard-status-card{min-height:130px}.dashboard-status-card.status-open{background:#fffdf5;border-top:4px solid #c89b00!important}.dashboard-status-card.status-partial{background:#f8fbff;border-top:4px solid #4b78b8!important}.dashboard-status-card.status-full{background:#f7fcf9;border-top:4px solid #3d8b61!important}.ageing-card{background:#fffdf7;min-height:130px;border-top:4px solid #b99b3e!important}.ageing-card.ageing-mid{background:#fffaf2;border-top-color:#d49a2a!important}.ageing-card.ageing-old{background:#fff8f6;border-top-color:#bd6b5c!important}.kpi-secondary{color:var(--muted);margin-top:7px;font-size:11px;font-weight:600;line-height:1.35}.dashboard-mix-card{background:#fff;min-height:145px}.dashboard-mix-card.mix-service{border-left:4px solid #513532!important}.dashboard-mix-card.mix-product{border-left:4px solid #c9a227!important}.dashboard-mix-card.mix-wallet{border-left:4px solid #7186a8!important}.dashboard-note{border:1px solid var(--border);color:var(--muted);background:#fafafd;border-radius:10px;margin-top:10px;padding:9px 12px;font-size:12px;line-height:1.5}.dashboard-tablewrap{margin-top:0!important}.dashboard-table{width:100%;min-width:0!important}.dashboard-table th,.dashboard-table td{white-space:normal;vertical-align:top}.dashboard-table th{background:#f8f7f7}.dashboard-table-total{background:#fafafd;font-weight:700}.dashboard-existing-card{background:#fff;margin-top:0}.dashboard-terminology{background:#fff;margin-bottom:30px}.dashboard-terminology .dashboard-table th:first-child,.dashboard-terminology .dashboard-table td:first-child{width:30%}.dashboard-terminology .dashboard-table td{line-height:1.45}.dashboard-page{background:linear-gradient(#f3f2f1 0%,#f7f7f8 45%,#f5f5f7 100%);border-radius:16px;padding:2px}@media (max-width:1000px){.dashboard-section{margin-top:20px}.dashboard-section .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.dashboard-section .grid3{grid-template-columns:1fr}}@media (max-width:560px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header .btn{width:100%}.dashboard-section>h2{font-size:17px}}.dashboard-status-card{border-top:3px solid var(--border);background:#fff}.dashboard-status-card.status-open{background:#fffaf0;border-top-color:#c9a227}.dashboard-status-card.status-partial{background:#f4f8ff;border-top-color:#6b8fc9}.dashboard-status-card.status-full{background:#f3faf6;border-top-color:#6da583}.dashboard-status-card.status-total{background:#fafafa;border-top-color:#b8b8be}.ageing-card.ageing-watch{background:#fffaf0;border-top:3px solid #c9a227}.ageing-card.ageing-attention{background:#fff7ed;border-top:3px solid #d88a3d}.ageing-card.ageing-critical{background:#fff4f4;border-top:3px solid #c96b6b}.dashboard-kpi-card.financial-gross{border-top:3px solid var(--brand);background:#fff}.dashboard-kpi-card.financial-adjusted{background:#f4f8ff;border-top:3px solid #6b8fc9}.dashboard-kpi-card.financial-outstanding{background:#fffaf0;border-top:3px solid #c9a227}.dashboard-kpi-card.financial-ratio{background:#fff7f4;border-top:3px solid #c9826b}.dashboard-kpi-card.today-received{border-top:3px solid var(--brand);background:#fff}.dashboard-kpi-card.today-total-arvs{background:#fafafa;border-top:3px solid #b8b8be}.dashboard-kpi-card.today-outstanding-customers{background:#fffaf0;border-top:3px solid #c9a227}.dashboard-kpi-card.today-refunds{background:#fff5f5;border-top:3px solid #c96b6b}.dashboard-table tr.mix-service{border-left:3px solid var(--navy);background:#faf7f6}.dashboard-table tr.mix-product{background:#f5f8fc;border-left:3px solid #6b8fc9}.dashboard-table tr.mix-wallet{background:#f4faf6;border-left:3px solid #6da583}.dashboard-existing-card.workflow-card{background:#fffdf8;border-top:3px solid #c9a227}.dashboard-existing-card.controls-card{background:#f7f9fc;border-top:3px solid #6b8fc9}.dashboard-existing-card.workflow-card h2,.dashboard-existing-card.controls-card h2{margin-bottom:14px}.dashboard-existing-card.workflow-card .workflow li,.dashboard-existing-card.controls-card li{margin-bottom:8px}.dashboard-existing-card.workflow-card .row{margin-top:18px}.dashboard-terminology-card{border-top:3px solid var(--navy);background:#fafafa;overflow:hidden}.dashboard-terminology-card h2{margin-bottom:16px}.dashboard-terminology-card .dashboard-tablewrap{border-radius:10px;overflow:hidden}.dashboard-terminology-card .dashboard-table{background:#fff}.dashboard-terminology-card .dashboard-table th{color:var(--navy);background:#f1f3f6;font-weight:800}.dashboard-terminology-card .dashboard-table td:first-child{color:var(--navy);background:#fafbfc}.dashboard-terminology-card .dashboard-table tbody tr{border-bottom:1px solid var(--border)}.dashboard-terminology-card .dashboard-table tbody tr:last-child{border-bottom:0}.dashboard-terminology-card .dashboard-table td{padding-top:11px;padding-bottom:11px}.login-page{background:var(--navy);min-height:calc(100vh - 24px);margin:-20px;padding:80px 20px}.login-page .card{max-width:520px;margin:0 auto}.login-page form>label,.login-page form>div{display:block}.login-page form>label{font-size:14px;font-weight:700}.login-page input[type=email],.login-page input[type=password],.login-page input[type=text]{background:#fff;border:1px solid #cfcfd6;border-radius:10px;width:100%;height:44px;margin-top:8px;padding:10px 12px;display:block}.login-page input[type=email]:focus,.login-page input[type=password]:focus,.login-page input[type=text]:focus{outline-offset:1px;outline:2px solid #5135322e}.login-page form>div>label:first-child{font-size:14px;font-weight:700;display:block}.login-page form label:has(input[type=checkbox]){font-size:13px;font-weight:400}.main:has(.login-page){max-width:none;padding:0}.login-page{min-height:calc(100vh - 64px);margin:0}.login-page h1{white-space:nowrap;font-size:30px}html,body{min-height:100%}.login-page{background:var(--navy);min-height:100dvh;position:relative;overflow:hidden}.login-topbar{z-index:10;align-items:center;display:flex;position:absolute;top:28px;left:34px}.login-header-logo{object-fit:contain;object-position:left center;width:auto;max-width:240px;height:68px;display:block}.login-content{justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.login-card{width:100%;max-width:555px}@media (max-width:560px){.login-topbar{top:20px;left:18px}.login-header-logo{max-width:210px;height:56px}.login-content{padding:16px}}.login-brand{transform:translateY(-10px)}.login-page .card,.login-brand{transform:translateY(-20px)}.login-header-logo{transform:translateY(-20px)!important}