:root{--gd:#065f46;--gm:#059669;--bg:#f9fafb;--surface:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--danger:#dc2626;--sidebar-w:280px;--topbar-h:56px;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit}#sidebar{min-height:100vh;width:var(--sidebar-w);background:var(--gd);color:#fff;z-index:300;flex-direction:column;max-width:82vw;transition:transform .22s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}#sidebar.open{transform:translate(0)}.mobile-topbar{height:var(--topbar-h);background:var(--gd);color:#fff;z-index:150;align-items:center;gap:14px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-topbar-title{font-size:.95rem;font-weight:700}.hamburger-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;display:flex}.hamburger-btn span{background:#fff;border-radius:1px;width:18px;height:2px}.sidebar-backdrop{z-index:250;background:#0006;position:fixed;inset:0}@media (width>=1024px){.mobile-topbar,.sidebar-backdrop{display:none}#sidebar{max-width:none;transform:none}}#sidebar .brand{border-bottom:1px solid #ffffff1a;padding:20px 18px 16px}#sidebar .brand-name{letter-spacing:.02em;font-size:.88rem;font-weight:700}#sidebar .brand-sub{color:#ffffff80;margin-top:2px;font-size:.7rem;font-weight:400}#sidebar nav{flex:1;padding:8px 0;overflow-y:auto}#sidebar .nav-section{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;padding:16px 18px 5px;font-size:.65rem;font-weight:600}#sidebar .nav-link{color:#ffffffa6;border-left:3px solid #0000;align-items:center;gap:11px;padding:9px 18px;font-size:.845rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}#sidebar .nav-link:hover{color:#fffffff2;background:#ffffff14}#sidebar .nav-link.active{color:#fff;border-left-color:var(--gm);background:#ffffff1f}#sidebar .nav-icon{opacity:.85;flex-shrink:0}#sidebar .nav-link.active .nav-icon{opacity:1}#main{max-width:100vw;min-height:100vh;margin-left:0;padding:18px 16px;overflow-x:hidden}@media (width>=1024px){#main{margin-left:var(--sidebar-w);padding:28px 32px}}.page-header{border-bottom:1px solid var(--border);margin-bottom:22px;padding-bottom:14px}.page-title{margin:0;font-size:1.1rem;font-weight:700}.page-subtitle{color:var(--muted);margin-top:2px;font-size:.78rem}.metric-grid{grid-template-columns:1fr;gap:14px;margin-bottom:20px;display:grid}@media (width>=640px){.metric-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width>=1024px){.metric-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-charts{grid-template-columns:1fr;gap:16px;display:grid}.chart-card{flex-direction:column;min-width:0;display:flex}.chart-frame{min-width:0;height:280px;position:relative}@media (width>=900px){.dashboard-charts{grid-template-columns:2fr 1fr;gap:18px}.chart-frame{height:320px}}.metric-card{background:var(--surface);border-radius:12px;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex;box-shadow:0 1px 3px #0000000f,0 1px 8px #0000000a}.metric-card .label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:8px;font-size:.72rem;font-weight:600}.metric-card .value{font-size:1.55rem;font-weight:700;line-height:1.1}.metric-card .sub{color:#9ca3af;margin-top:5px;font-size:.77rem}.metric-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:12px;font-size:1.25rem;display:flex}.metric-icon.blue{color:var(--gd);background:#d1fae5}.metric-icon.green{color:var(--gd);background:#a7f3d0}.metric-icon.purple{color:#7c4dcc;background:#f0ebfb}.metric-icon.orange{color:#d97706;background:#fef3e7}.metric-icon.teal{color:var(--gm);background:#ecfdf5}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:18px;padding:20px;box-shadow:0 1px 3px #0000000d}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:.8rem;font-weight:600}.payment-mix{flex-direction:column;height:100%;display:flex}.payment-mix-donut{flex:1;min-height:0;position:relative}.payment-mix-legend{margin:12px 0 0;padding:0;list-style:none}.payment-mix-legend li{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:5px 0;font-size:.8rem;display:flex}.payment-mix-legend li:last-child{border-bottom:none}.payment-mix-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.payment-mix-label{color:var(--text);flex:1}.payment-mix-pct{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.filter-field{flex-direction:column;gap:4px;display:flex}.filter-field label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.filter-field input,.filter-field select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:7px 10px;font-family:inherit;font-size:.85rem}.preset-row{flex-wrap:wrap;gap:6px;display:flex}button{cursor:pointer;font-family:inherit}.btn{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:7px 14px;font-size:.8rem;font-weight:500}.btn:hover{background:#f3f4f6}.btn-primary{background:var(--gd);border-color:var(--gd);color:#fff}.btn-primary:hover{background:#054e3a}.btn-xs{padding:4px 10px;font-size:.72rem}.btn-print,.btn-csv{color:#fff;border:none;border-radius:7px;padding:10px 18px;font-size:.86rem;font-weight:600;box-shadow:0 1px 2px #00000014}.btn-print{background:var(--gd)}.btn-print:hover{background:#054e3a}.btn-csv{background:#0891b2}.btn-csv:hover{background:#0e7490}.btn-icon{border:1px solid var(--border);background:#fff;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:.9rem;display:inline-flex}.btn-icon:hover{border-color:var(--gd);background:#f3f4f6}table{border-collapse:collapse;width:100%;font-size:.85rem}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:.7rem;font-weight:600}tbody td{border-bottom:1px solid var(--border);padding:9px 10px}tbody tr:hover{background:#f9fafb}td.num,th.num{text-align:right}.table-wrap{overflow-x:auto}.badge{border-radius:999px;padding:2px 9px;font-size:.7rem;font-weight:600;display:inline-block}.badge.sale{color:var(--gd);background:#d1fae5}.badge.split{color:#d97706;background:#fef3e7}.badge.refund{color:var(--danger);background:#fee2e2}.empty-state,.loading-state{text-align:center;color:var(--muted);padding:40px 0;font-size:.85rem}.error-state{color:var(--danger);background:#fee2e2;border-radius:8px;padding:16px;font-size:.85rem}.total-row{font-weight:700}.clickable-row{cursor:pointer}.search-box{border:1px solid var(--border);background:#fff;border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:flex}.search-box-icon{opacity:.6;font-size:.8rem}.search-box input{width:200px;color:var(--text);background:0 0;border:none;outline:none;padding:7px 0;font-family:inherit;font-size:.83rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:12px;flex-direction:column;width:480px;max-width:92vw;max-height:85vh;display:flex;overflow:hidden}.modal-box h3{margin:0 0 4px;font-size:1rem}.modal-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:1.3rem;line-height:1}.receipt-modal{width:760px}.receipt-modal-header{color:#fff;background:#005a36;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;font-size:1rem;font-weight:700;display:flex}.receipt-modal-body{padding:20px;overflow-y:auto}.report-filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;margin-bottom:18px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.preset-row-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-right:2px;font-size:.72rem;font-weight:600}.report-summary-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:.82rem;display:flex}.report-actions{gap:8px;display:flex}.metrics-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;flex-wrap:wrap;gap:28px;margin-bottom:16px;padding:16px 20px;display:flex}.metrics-box-item{min-width:120px}.metrics-box-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gd);margin-bottom:4px;font-size:.68rem;font-weight:600}.metrics-box-value{color:var(--gd);font-size:1.15rem;font-weight:700}.metrics-box-value.negative{color:var(--danger)}.report-table thead th{color:#fff;text-transform:none;letter-spacing:0;background:#005a36;border-bottom:none;font-size:.78rem;font-weight:700}.report-table tbody tr:nth-child(2n){background:#fafafa}.report-table tfoot td{background:#f0fdf4;font-weight:700}.report-table td.negative{color:var(--danger)}.print-only{display:none}@page{margin:0}@media print{#sidebar,.report-filter-bar,.report-summary-bar,.page-header,.metrics-box,.section-card{display:none!important}#main{margin-left:0!important;padding:0!important}body{background:#fff!important}.print-only{box-sizing:border-box;padding:.6in .55in;display:block!important}}.print-header{text-align:center;margin-bottom:8px}.print-branch{color:var(--gd);letter-spacing:.02em;font-size:.95rem;font-weight:700}.print-report-name{margin-top:1px;font-size:.85rem;font-weight:600}.print-date-range{color:#555;font-size:.7rem}.print-header-meta{text-align:center;margin-top:1px}.print-payment-type{color:#555;font-size:.7rem;font-weight:600}.print-metrics{background:#ecfdf5;border:1.5px solid #005a36;border-radius:6px;flex-wrap:wrap;justify-content:space-around;gap:8px;margin-bottom:10px;padding:6px 12px;display:flex}.print-metric-label{text-transform:uppercase;color:var(--gd);font-size:.58rem;font-weight:600}.print-metric-value{color:#111;font-size:.85rem;font-weight:700}.print-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:10px}.print-table thead th{text-align:left;color:#111;background:0 0;border-bottom:2px solid #111;padding:3px 6px;font-weight:700}.print-table td{color:#111;border-bottom:1px solid #ddd;padding:2px 6px}.print-total-row td{border-top:2px solid #111;font-weight:700}.print-table td.num,.print-table th.num{white-space:nowrap;text-align:right}.print-table thead{display:table-header-group}.print-table tfoot{display:table-footer-group}.print-table tr{page-break-inside:avoid;break-inside:avoid}.print-signature{color:#333;page-break-inside:avoid;break-inside:avoid;justify-content:space-between;margin-top:16px;font-size:.78rem;display:flex}.print-extra-section{page-break-inside:avoid;break-inside:avoid;margin-top:18px}.print-extra-title{color:var(--gd);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.8rem;font-weight:700}