.sidebar{background:var(--color-white);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;width:240px;min-width:240px;height:100vh;transition:width .2s,min-width .2s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-collapsed{width:64px;min-width:64px}.sidebar-top{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;min-height:60px;padding:12px;display:flex}.sidebar-collapsed .sidebar-top{justify-content:center}.sidebar-toggle-btn{width:36px;min-width:36px;height:36px;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .12s;display:flex}.sidebar-toggle-btn:hover{background:var(--color-bg);color:var(--color-text)}.sidebar-logo-img{flex-shrink:1;width:auto;min-width:0;max-width:100%;height:34px}.sidebar-nav{flex:1;padding:8px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.sidebar-section{margin-bottom:2px}.sidebar-item{border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.sidebar-item:hover{background:var(--color-bg);color:var(--color-text);text-decoration:none}.sidebar-item-active{background:var(--color-row-hover);color:var(--color-primary-light);font-weight:600}.sidebar-item-active .sidebar-icon{color:var(--color-primary-light)}.sidebar-collapsed .sidebar-item{justify-content:center;padding:10px}.sidebar-icon{color:var(--color-text-muted);flex-shrink:0;transition:color .12s}.sidebar-item:hover .sidebar-icon{color:var(--color-text-secondary)}.sidebar-item-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.sidebar-chevron-open{transform:rotate(180deg)}.sidebar-children{padding:2px 0 4px}.sidebar-child{color:var(--color-text-secondary);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;padding:6px 12px 6px 42px;font-size:13px;text-decoration:none;transition:all .12s;display:block;overflow:hidden}.sidebar-child:hover{background:var(--color-bg);color:var(--color-text);text-decoration:none}.sidebar-child-active{color:var(--color-primary-light);background:var(--color-row-hover);font-weight:600}.sidebar-footer{border-top:1px solid var(--color-border);padding:8px}.sidebar-user{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 12px;display:flex}.sidebar-collapsed .sidebar-user{justify-content:center}.sidebar-avatar{background:var(--color-primary);width:32px;min-width:32px;height:32px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--color-text-muted);font-size:11px}.app-layout{min-height:100vh;display:flex}.app-main{flex:1;min-width:0;max-width:1440px;padding:24px 24px 48px;overflow-x:hidden}.main-dashboard{padding-top:8px}.main-dashboard-title{color:var(--color-text);margin-bottom:2px;font-size:24px;font-weight:700}.main-dashboard-subtitle{color:var(--color-text-muted);margin-bottom:24px;font-size:13px}.main-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.main-kpi-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);align-items:center;gap:16px;padding:20px;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:flex}.main-kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);text-decoration:none}.main-kpi-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.main-kpi-icon-blue{color:#2563eb;background:#dbeafe}.main-kpi-icon-amber{color:#d97706;background:#fef3c7}.main-kpi-icon-red{color:#dc2626;background:#fee2e2}.main-kpi-icon-green{color:#059669;background:#d1fae5}.main-kpi-value{color:var(--color-text);font-size:24px;font-weight:700;line-height:1.2}.main-kpi-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:500}.main-quicknav{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px}.main-quicknav h2{color:var(--color-text);margin-bottom:16px;font-size:16px;font-weight:600}.main-quicknav-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.main-quicknav-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;text-decoration:none;transition:all .12s;display:block}.main-quicknav-card:hover{border-color:var(--color-primary-light);background:var(--color-row-hover);text-decoration:none}.main-quicknav-label{color:var(--color-text);margin-bottom:4px;font-size:14px;font-weight:600}.main-quicknav-desc{color:var(--color-text-muted);font-size:12px}.data-table-wrapper{background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead th{background:var(--color-bg);text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap;z-index:1;padding:10px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.data-table tbody td{color:var(--color-text);border-bottom:1px solid var(--color-border-light);white-space:nowrap;padding:12px 16px;font-size:14px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-row-hover)}.data-table-row-clickable{cursor:pointer}.data-table-row-clickable:hover{background:var(--color-row-hover)}.data-table-empty{text-align:center;color:var(--color-text-muted);font-style:italic;padding:40px 16px!important}.data-table td a{color:var(--color-primary-light);font-weight:500}.data-table td a:hover{text-decoration:underline}.search-bar{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:8px;min-width:200px;max-width:320px;padding:6px 12px;display:flex}.search-icon{color:var(--color-text-muted);flex-shrink:0}.search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.search-input::placeholder{color:var(--color-text-muted)}.search-shortcut{flex-shrink:0;gap:2px;display:flex}.search-shortcut kbd{background:var(--color-border-light);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px;font-family:var(--font-sans);border-radius:4px;padding:0 4px}.filter-bar{align-items:center;gap:8px;display:flex}.filter-badge{cursor:pointer;background:var(--color-white);color:var(--color-text-secondary);border:2px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:4px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.filter-badge:hover{opacity:.85}.filter-count{border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.filter-badge-blue{color:#2563eb;border-color:#2563eb}.filter-badge-blue .filter-count,.filter-badge-blue.filter-badge-active{color:#fff;background:#2563eb}.filter-badge-blue.filter-badge-active .filter-count{color:#2563eb;background:#fff}.filter-badge-green{color:#059669;border-color:#059669}.filter-badge-green .filter-count,.filter-badge-green.filter-badge-active{color:#fff;background:#059669}.filter-badge-green.filter-badge-active .filter-count{color:#059669;background:#fff}.filter-badge-yellow{color:#d97706;border-color:#d97706}.filter-badge-yellow .filter-count,.filter-badge-yellow.filter-badge-active{color:#fff;background:#d97706}.filter-badge-yellow.filter-badge-active .filter-count{color:#d97706;background:#fff}.filter-badge-red{color:#dc2626;border-color:#dc2626}.filter-badge-red .filter-count,.filter-badge-red.filter-badge-active{color:#fff;background:#dc2626}.filter-badge-red.filter-badge-active .filter-count{color:#dc2626;background:#fff}.filter-badge-gray{color:#6b7280;border-color:#6b7280}.filter-badge-gray .filter-count,.filter-badge-gray.filter-badge-active{color:#fff;background:#6b7280}.filter-badge-gray.filter-badge-active .filter-count{color:#6b7280;background:#fff}.filter-badge-default{color:var(--color-text-secondary);border-color:var(--color-border)}.filter-badge-default .filter-count{background:var(--color-border);color:var(--color-text)}.status-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:9999px;padding:2px 12px;font-size:11px;font-weight:600;display:inline-block}.status-open{background:var(--color-status-open-bg);color:var(--color-status-open)}.status-paid{background:var(--color-status-paid-bg);color:var(--color-status-paid)}.status-pending{background:var(--color-status-pending-bg);color:var(--color-status-pending)}.status-overdue{background:var(--color-status-overdue-bg);color:var(--color-status-overdue)}.status-voided{background:var(--color-status-voided-bg);color:var(--color-status-voided)}.status-active{background:var(--color-status-active-bg);color:var(--color-status-active)}.status-returned{background:var(--color-status-returned-bg);color:var(--color-status-returned)}.status-draft{background:var(--color-status-draft-bg);color:var(--color-status-draft)}.status-discarded{background:var(--color-status-discarded-bg);color:var(--color-status-discarded)}.status-default{color:#6b7280;background:#e5e7eb}.line-tags{gap:4px;display:inline-flex}.line-tag{border-radius:9999px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.line-tag-cp{background:var(--color-tag-cp-bg);color:var(--color-tag-cp)}.line-tag-gl{background:var(--color-tag-gl-bg);color:var(--color-tag-gl)}.line-tag-cu{background:var(--color-tag-cu-bg);color:var(--color-tag-cu)}.line-tag-wc{background:var(--color-tag-wc-bg);color:var(--color-tag-wc)}.text-muted{color:var(--color-text-muted)}.list-page{padding-top:16px}.list-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.list-page-actions{align-items:center;gap:12px;display:flex}.btn-primary{background:var(--color-primary-light);color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:4px;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-white);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:4px;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.btn-secondary:hover{background:var(--color-bg)}.breadcrumbs{color:var(--color-text-muted);align-items:center;gap:4px;padding:12px 0;font-size:13px;display:flex}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none}.breadcrumb-link:hover{color:var(--color-primary-light);text-decoration:underline}.breadcrumb-sep{color:var(--color-text-muted);margin:0 4px}.breadcrumb-current{color:var(--color-text);font-weight:500}.detail-page{padding-top:8px}.back-btn{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:4px;margin-bottom:16px;padding:6px 16px;font-size:13px;display:inline-flex}.back-btn:hover{background:var(--color-white)}.detail-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.detail-info-banner{background:var(--color-row-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.detail-info-banner code{background:var(--color-bg);border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.detail-status-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.detail-title{color:var(--color-text);margin-bottom:2px;font-size:28px;font-weight:700}.detail-subtitle{color:var(--color-text-secondary);font-size:16px}.detail-header-right{text-align:right}.detail-premium-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-size:12px;font-weight:600}.detail-premium-value{color:var(--color-text);font-size:32px;font-weight:700}.detail-premium-change{font-size:13px;font-weight:500}.detail-meta-row{border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);gap:32px;margin-bottom:24px;padding:16px 0;display:flex}.detail-meta-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.detail-meta-value{color:var(--color-text);font-size:14px;font-weight:500}.detail-section{margin-bottom:24px}.detail-section h2{color:var(--color-text);margin-bottom:12px;font-size:16px;font-weight:600}.detail-table{border-collapse:collapse;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;overflow:hidden}.detail-table th{background:var(--color-bg);text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);padding:8px 16px;font-size:12px;font-weight:600}.detail-table td{border-bottom:1px solid var(--color-border-light);padding:10px 16px;font-size:14px}.detail-table tr:last-child td{border-bottom:none}.detail-table-total{background:var(--color-bg)}.detail-table-total td{border-top:2px solid var(--color-border)}.detail-empty{color:var(--color-text-muted);font-size:14px;font-style:italic}.detail-sidebar h3{margin-bottom:12px;font-size:16px;font-weight:600}.sidebar-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:12px;padding:16px}.sidebar-card-active{border-color:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-primary-light)}.sidebar-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.sidebar-card-row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.sidebar-card-row span:first-child{color:var(--color-text-secondary)}.sidebar-card-row span:last-child{font-weight:500}.create-badge{color:#2563eb;background:#dbeafe;border-radius:9999px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.create-form-grid{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.create-field{flex-direction:column;gap:4px;display:flex}.create-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.create-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-white);font-size:14px;font-family:var(--font-sans);outline:none;padding:8px 12px;transition:border-color .15s}.create-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 2px #2563eb1a}.create-input-error{border-color:#dc2626}.create-input-error:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc26261a}.create-error{color:#dc2626;font-size:12px;font-weight:500}.create-line-toggles{flex-wrap:wrap;gap:6px;display:flex}.create-line-toggle{border:2px solid var(--color-border);background:var(--color-white);color:var(--color-text-muted);cursor:pointer;border-radius:9999px;padding:4px 14px;font-size:12px;font-weight:600;transition:all .15s}.create-line-toggle:hover{border-color:var(--color-text-secondary)}.create-line-toggle-active.create-line-toggle-cp{border-color:var(--color-tag-cp);background:var(--color-tag-cp-bg);color:var(--color-tag-cp)}.create-line-toggle-active.create-line-toggle-gl{border-color:var(--color-tag-gl);background:var(--color-tag-gl-bg);color:var(--color-tag-gl)}.create-line-toggle-active.create-line-toggle-cu{border-color:var(--color-tag-cu);background:var(--color-tag-cu-bg);color:var(--color-tag-cu)}.create-line-toggle-active.create-line-toggle-wc{border-color:var(--color-tag-wc);background:var(--color-tag-wc-bg);color:var(--color-tag-wc)}.create-table-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:var(--color-white);font-size:14px;font-family:var(--font-sans);outline:none;padding:6px 10px;transition:border-color .15s}.create-table-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 2px #2563eb1a}.create-remove-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.create-remove-btn:hover{color:#dc2626;background:#fee2e2}.create-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.create-section-header h2{margin-bottom:0}.create-actions{border-top:1px solid var(--color-border-light);gap:12px;margin-top:8px;padding:24px 0 16px;display:flex}.create-submit-btn{padding:10px 24px;font-size:14px;font-weight:600}.create-submit-btn:disabled{opacity:.6;cursor:not-allowed}.stub-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.stub-content{text-align:center;color:var(--color-text-secondary)}.stub-icon{color:var(--color-text-muted);margin-bottom:16px}.stub-content h2{color:var(--color-text);margin-bottom:8px;font-size:20px;font-weight:600}.stub-content p{margin-bottom:4px;font-size:14px}.stub-hint{color:var(--color-text-muted);margin-top:16px;font-size:13px!important}.billing-dashboard{padding-top:24px}.dashboard-header{margin-bottom:24px}.dashboard-header h1{color:var(--color-text);font-size:24px;font-weight:600}.dashboard-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.dash-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);border-top:3px solid var(--color-primary-light);padding:20px;text-decoration:none;transition:box-shadow .15s,border-color .15s}.dash-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);text-decoration:none}.dash-card-red{border-top-color:#dc2626}.dash-card-green{border-top-color:#059669}.dash-card-yellow{border-top-color:#d97706}.dash-card-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.dash-card-value{color:var(--color-text);margin-bottom:4px;font-size:28px;font-weight:700}.dash-card-sub{color:var(--color-text-muted);font-size:13px}.dashboard-sections{grid-template-columns:1fr 320px;gap:24px;display:grid}.dashboard-activity h2,.dashboard-quicklinks h2{color:var(--color-text);margin-bottom:16px;font-size:16px;font-weight:600}.dashboard-activity{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.activity-list{flex-direction:column;gap:0;display:flex}.activity-item{border-bottom:1px solid var(--color-border-light);gap:12px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-dot-payment{background:#059669}.activity-dot-invoice{background:#2563eb}.activity-dot-returned{background:#dc2626}.activity-dot-commission{background:#7c3aed}.activity-body{flex:1;min-width:0}.activity-desc{color:var(--color-text);margin-bottom:2px;font-size:13px}.activity-meta{color:var(--color-text-muted);justify-content:space-between;font-size:12px;display:flex}.activity-amount{color:var(--color-text-secondary);font-weight:600}.dashboard-quicklinks{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.quicklinks-grid{flex-direction:column;gap:4px;display:flex}.quicklink{border-radius:var(--radius-sm);color:var(--color-text);align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .1s;display:flex}.quicklink:hover{background:var(--color-row-hover);text-decoration:none}.quicklink svg{color:var(--color-text-muted)}.period-select{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-white);cursor:pointer;outline:none;padding:6px 12px;font-size:13px}.period-select:focus{border-color:var(--color-primary-light)}.installment-detail{background:var(--color-white);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--color-primary-light);margin-top:20px;padding:20px}.installment-detail-header{margin-bottom:16px}.installment-detail-header h3{margin-bottom:4px;font-size:16px;font-weight:600}.installment-detail-sub{color:var(--color-text-secondary);font-size:13px}.installment-schedule{border-collapse:collapse;width:100%;margin-bottom:16px}.installment-schedule th{background:var(--color-bg);text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);padding:8px 16px;font-size:12px;font-weight:600}.installment-schedule td{border-bottom:1px solid var(--color-border-light);padding:10px 16px;font-size:14px}.installment-schedule tr:last-child td{border-bottom:none}.installment-progress{margin-top:12px}.progress-bar{background:var(--color-border-light);border-radius:9999px;height:8px;margin-bottom:6px;overflow:hidden}.progress-fill{background:var(--color-primary-light);border-radius:9999px;height:100%;transition:width .3s}.progress-label{color:var(--color-text-muted);font-size:12px}.ar-report{padding-top:24px}.ar-report-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.ar-report-header h1{color:var(--color-text);margin-bottom:2px;font-size:22px;font-weight:700}.ar-report-date{color:var(--color-text-muted);font-size:13px}.ar-report-header .btn-secondary{align-items:center;gap:6px;display:inline-flex}.ar-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.ar-kpi-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:4px solid var(--color-primary-light);padding:20px}.ar-kpi-red{border-left-color:#dc2626}.ar-kpi-green{border-left-color:#059669}.ar-kpi-blue{border-left-color:#2563eb}.ar-kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:6px;font-size:11px;font-weight:600}.ar-kpi-value{color:var(--color-text);margin-bottom:2px;font-size:26px;font-weight:700}.ar-kpi-sub{color:var(--color-text-muted);font-size:12px}.ar-aging-section{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.ar-aging-chart,.ar-aging-table-wrap{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.ar-aging-chart h2,.ar-aging-table-wrap h2{color:var(--color-text);margin-bottom:16px;font-size:15px;font-weight:600}.ar-aging-bars{flex-direction:column;gap:12px;display:flex}.ar-aging-bar-row{grid-template-columns:100px 1fr 110px;align-items:center;gap:12px;display:grid}.ar-aging-bar-label{justify-content:space-between;align-items:center;gap:6px;display:flex}.ar-aging-bar-name{color:var(--color-text);font-size:13px;font-weight:500}.ar-aging-bar-count{color:var(--color-text-muted);background:var(--color-bg);text-align:center;border-radius:9999px;min-width:20px;padding:0 6px;font-size:11px}.ar-aging-bar-track{background:var(--color-border-light);border-radius:var(--radius-sm);height:24px;overflow:hidden}.ar-aging-bar-fill{border-radius:var(--radius-sm);height:100%;transition:width .4s}.ar-aging-bar-amount{color:var(--color-text);text-align:right;font-size:13px;font-weight:600}.ar-summary-table{border-collapse:collapse;width:100%}.ar-summary-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border);padding:8px 12px;font-size:11px;font-weight:600}.ar-summary-table td{color:var(--color-text);border-bottom:1px solid var(--color-border-light);padding:10px 12px;font-size:13px}.ar-summary-table tfoot td{border-top:2px solid var(--color-border);border-bottom:none;padding-top:12px}.ar-bucket-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.ar-detail-section{margin-bottom:32px}.ar-detail-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ar-detail-header h2{color:var(--color-text);font-size:16px;font-weight:600}.ar-group-toggle{align-items:center;gap:4px;display:flex}.ar-group-label{color:var(--color-text-muted);margin-right:6px;font-size:12px}.ar-group-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text-secondary);cursor:pointer;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s}.ar-group-btn:hover{background:var(--color-bg)}.ar-group-btn-active{background:var(--color-primary-light);color:var(--color-white);border-color:var(--color-primary-light)}.ar-detail-group{margin-bottom:20px}.ar-detail-group-header{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.ar-detail-group-title{color:var(--color-text);align-items:center;font-size:14px;font-weight:600;display:flex}.ar-detail-group-total{color:var(--color-text);font-size:14px;font-weight:700}.ar-detail-table{border-collapse:collapse;background:var(--color-white);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);width:100%;overflow:hidden}.ar-detail-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);background:var(--color-white);padding:8px 12px;font-size:11px;font-weight:600}.ar-detail-table td{color:var(--color-text);border-bottom:1px solid var(--color-border-light);white-space:nowrap;padding:10px 12px;font-size:13px}.ar-detail-table tr:last-child td{border-bottom:none}.ar-detail-table tr:hover{background:var(--color-row-hover)}.ar-link{color:var(--color-primary-light);font-weight:500}.ar-link:hover{text-decoration:underline}.ar-balance{color:var(--color-text);font-weight:600}.ar-days-badge{border-radius:9999px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.ar-days-mild{color:#92400e;background:#fef3c7}.ar-days-warn{color:#c2410c;background:#ffedd5}.ar-days-critical{color:#991b1b;background:#fee2e2}.ar-days-current{color:var(--color-text-muted);font-size:11px}.ar-empty{text-align:center;color:var(--color-text-muted);padding:40px;font-style:italic}.text-right{text-align:right!important}@media print{.ar-report-header .btn-secondary,.ar-group-toggle,.billing-nav,.app-header{display:none!important}.ar-kpi-grid{grid-template-columns:repeat(4,1fr)}.ar-aging-section{grid-template-columns:1fr 1fr}.ar-detail-table tr:hover{background:0 0}}.config-header{margin-bottom:16px}.config-title{color:var(--color-text);font-size:20px;font-weight:700}.config-inline-input{border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);background:#f0f7ff;outline:none;width:100%;padding:4px 8px;font-size:13px}.config-add-row{background:#f0f7ff!important}.config-actions{gap:4px;display:flex}.config-save-btn{background:var(--color-primary-light);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:2px 10px;font-size:12px}.config-cancel-btn{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px 10px;font-size:12px}.config-delete-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:12px}.config-delete-btn:hover{color:#dc2626}.config-active-badge{border-radius:9999px;padding:1px 10px;font-size:11px;font-weight:600;display:inline-block}.config-active-yes{color:#059669;background:#d1fae5}.config-active-no{color:#6b7280;background:#e5e7eb}.settings-page{max-width:900px;padding-top:8px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings-header h1{color:var(--color-text);font-size:22px;font-weight:700}.settings-header-actions{align-items:center;gap:8px;display:flex}.settings-saved{color:#059669;background:#d1fae5;border-radius:9999px;padding:4px 14px;font-size:13px;font-weight:500}.settings-unsaved{color:#92400e;background:#fef3c7;border-radius:9999px;padding:4px 14px;font-size:13px;font-weight:500}.settings-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:20px;padding:24px}.settings-section h2{color:var(--color-text);border-bottom:1px solid var(--color-border-light);margin-bottom:16px;padding-bottom:8px;font-size:15px;font-weight:600}.settings-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.settings-field{flex-direction:column;gap:4px;display:flex}.settings-field-full{grid-column:1/-1}.settings-field label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.settings-field input,.settings-field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-white);font-size:14px;font-family:var(--font-sans);outline:none;padding:8px 12px;transition:border-color .15s}.settings-field input:focus,.settings-field select:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 2px #2563eb1a}.settings-logo-area{align-items:flex-start;gap:24px;display:flex}.settings-logo-preview{border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);justify-content:center;align-items:center;width:220px;min-width:220px;height:100px;display:flex;overflow:hidden}.settings-logo-img{object-fit:contain;max-width:100%;max-height:100%;padding:8px}.settings-logo-placeholder{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:6px;display:flex}.settings-logo-placeholder span{font-size:12px}.settings-logo-actions{flex:1}.settings-logo-hint{color:var(--color-text-secondary);margin-bottom:12px;font-size:13px;line-height:1.5}.settings-logo-buttons{gap:8px;display:flex}.settings-logo-upload-btn{cursor:pointer;align-items:center;display:inline-flex}.settings-actions{padding-top:8px}:root{--color-primary:#1a3a5c;--color-primary-light:#2563eb;--color-primary-hover:#1e4d8c;--color-accent:#3b82f6;--color-bg:#f8f9fa;--color-white:#fff;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-row-hover:#f0f7ff;--color-status-open:#059669;--color-status-open-bg:#d1fae5;--color-status-paid:#059669;--color-status-paid-bg:#d1fae5;--color-status-pending:#d97706;--color-status-pending-bg:#fef3c7;--color-status-overdue:#dc2626;--color-status-overdue-bg:#fee2e2;--color-status-voided:#6b7280;--color-status-voided-bg:#e5e7eb;--color-status-active:#2563eb;--color-status-active-bg:#dbeafe;--color-status-returned:#dc2626;--color-status-returned-bg:#fee2e2;--color-status-draft:#8b5cf6;--color-status-draft-bg:#ede9fe;--color-status-discarded:#dc2626;--color-status-discarded-bg:#fee2e2;--color-tag-cp:#2563eb;--color-tag-cp-bg:#dbeafe;--color-tag-gl:#059669;--color-tag-gl-bg:#d1fae5;--color-tag-cu:#0891b2;--color-tag-cu-bg:#cffafe;--color-tag-wc:#7c3aed;--color-tag-wc-bg:#ede9fe;--color-filter-active:#2563eb;--color-filter-active-bg:#2563eb;--color-filter-rehab:#f59e0b;--color-filter-rehab-bg:#f59e0b;--color-filter-pending:#d97706;--color-filter-pending-bg:#d97706;--color-filter-runoff:#059669;--color-filter-runoff-bg:#059669;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-size:14px;line-height:1.5}a{color:var(--color-primary-light);text-decoration:none}a:hover{text-decoration:underline}