body{background-color:#f5f6fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ysu-red:#e63740;--ysu-red-dark:#c83038;--ysu-red-light:#fce8e9;--ysu-green:#82d431;--ysu-green-light:#eef9e0;--ysu-blue:#47b3e6;--ysu-blue-light:#e6f4fb;--ysu-yellow:#ffca10;--ysu-yellow-light:#fff8e1;--ysu-black:#000;--ysu-white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--primary:var(--ysu-red);--primary-light:var(--ysu-red-light);--primary-dark:var(--ysu-red-dark);--success:#28a745;--warning:#ffca10;--danger:var(--ysu-red);--info:var(--ysu-blue);--sidebar-width:280px;--header-height:72px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--gray-50);color:#343a40;color:var(--gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-family:var(--font-sans);margin:0}.app{min-height:100vh}.app-layout,.main-wrapper{display:flex;min-height:100vh}.main-wrapper{flex:1 1;flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width)}.main-content{background-color:#f8f9fa;background-color:var(--gray-50);flex:1 1;padding:28px 32px}.sidebar{background-color:#fff;background-color:var(--ysu-white);border-right:1px solid #e9ecef;border-right:1px solid var(--gray-200);box-shadow:4px 0 12px #00000008;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;width:var(--sidebar-width);z-index:100}.sidebar-brand{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);display:flex;gap:12px;padding:24px 20px}.sidebar-logo{border-radius:10px;border-radius:var(--radius-md);height:44px;object-fit:contain;width:44px}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-title{color:#212529;color:var(--gray-900);font-size:.95rem;font-weight:700}.brand-subtitle{color:#6c757d;color:var(--gray-600);font-size:.75rem;margin-top:2px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 14px}.nav-section{margin-bottom:24px}.nav-section-title{color:#adb5bd;color:var(--gray-500);display:block;font-size:.65rem;font-weight:700;letter-spacing:.08em;margin-bottom:8px;padding:0 12px;text-transform:uppercase}.nav-item{align-items:center;border-radius:10px;border-radius:var(--radius-md);color:#495057;color:var(--gray-700);display:flex;font-size:.9rem;font-weight:500;gap:12px;margin-bottom:2px;padding:10px 14px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#f1f3f5;background-color:var(--gray-100);color:#212529;color:var(--gray-900)}.nav-item.active{background-color:#fce8e9;background-color:var(--primary-light);color:#e63740;color:var(--primary);font-weight:600}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{background-color:#f8f9fa;background-color:var(--gray-50);border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);padding:16px}.user-mini-profile{align-items:center;display:flex;gap:10px;margin-bottom:12px}.user-avatar{align-items:center;background:linear-gradient(135deg,#e63740,#ffca10);background:linear-gradient(135deg,var(--ysu-red) 0,var(--ysu-yellow) 100%);border-radius:50%;color:#fff;color:var(--ysu-white);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-info{display:flex;flex-direction:column;line-height:1.2;overflow:hidden}.user-name{color:#343a40;color:var(--gray-800);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#adb5bd;color:var(--gray-500);font-size:.75rem}.sidebar-logout{align-items:center;background-color:#fff;background-color:var(--ysu-white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius-md);color:#495057;color:var(--gray-700);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.sidebar-logout:hover{background-color:#fce8e9;background-color:var(--primary-light);border-color:#fce8e9;border-color:var(--primary-light);color:#e63740;color:var(--primary)}.top-header{align-items:center;background-color:#fff;background-color:var(--ysu-white);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);display:flex;height:72px;height:var(--header-height);justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50}.header-greeting{color:#343a40;color:var(--gray-800);font-size:1.15rem;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:16px}.header-role{color:#6c757d;color:var(--gray-600);font-size:.85rem;font-weight:500}.header-divider{background-color:#dee2e6;background-color:var(--gray-300);height:24px;width:1px}.header-icon-btn{align-items:center;background-color:#fff;background-color:var(--ysu-white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:50%;color:#6c757d;color:var(--gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.header-icon-btn:hover{background-color:#f1f3f5;background-color:var(--gray-100);color:#212529;color:var(--gray-900)}.header-company-select{color:#343a40;color:var(--gray-800);min-width:160px;padding:8px 12px}.header-action-btn,.header-company-select{background-color:#fff;background-color:var(--ysu-white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem}.header-action-btn{color:#495057;color:var(--gray-700);font-weight:500;padding:8px 16px;transition:all .2s ease}.header-action-btn:hover{background-color:#f1f3f5;background-color:var(--gray-100)}.header-action-btn.logout{border-color:#fce8e9;border-color:var(--primary-light);color:#e63740;color:var(--primary)}.header-action-btn.logout:hover{background-color:#fce8e9;background-color:var(--primary-light)}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#212529;color:var(--gray-900);font-size:1.65rem;font-weight:700;margin:0}.page-subtitle{color:#6c757d;color:var(--gray-600);font-size:.9rem;margin-top:4px}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#e63740;background-color:var(--primary);color:#fff;color:var(--ysu-white)}.btn-primary:hover{background-color:#c83038;background-color:var(--primary-dark)}.edit-btn,.edit-btn-red{background-color:#e63740!important;border:none!important;color:#fff!important}.edit-btn-red:hover,.edit-btn:hover{background-color:#c83038!important;color:#fff!important}button.edit-btn-red{background-color:#e63740!important;color:#fff!important}.btn-secondary{background-color:#f1f3f5;background-color:var(--gray-100);color:#495057;color:var(--gray-700)}.btn-secondary:hover{background-color:#e9ecef;background-color:var(--gray-200)}.btn-danger{background-color:#e63740;background-color:var(--danger);color:#fff;color:var(--ysu-white)}.btn-danger:hover{background-color:#c5221f}.btn-success{background-color:#28a745;background-color:var(--success);color:#fff;color:var(--ysu-white)}.btn-success:hover{background-color:#218838}.btn-warning{background-color:#ffca10;background-color:var(--ysu-yellow);color:#000;color:var(--ysu-black)}.btn-warning:hover{background-color:#e6b60d}.btn-sm{font-size:.85rem;padding:6px 12px}.btn:disabled{cursor:not-allowed;opacity:.6}.card{background:#fff;background:var(--ysu-white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-title{color:#343a40;color:var(--gray-800);font-size:.85rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.aged-ar-container .card,.ar-report-container .card,.customer-list-container .card,.dashboard-container .bordered-card,.dashboard-container .card,.dashboard-container .chart-card,.dashboard-container .section-card,.dashboard-container .stat-card,.profile-card,.summary-container .card{border:none}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-with-toggle{padding-right:40px!important}.password-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#adb5bd;color:var(--gray-500);cursor:pointer;display:flex;justify-content:center;margin:0;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease,background-color .2s ease}.password-toggle-btn:hover{background-color:#f1f3f5;background-color:var(--gray-100);color:#495057;color:var(--gray-700)}.password-toggle-btn:focus{box-shadow:0 0 0 2px #e6374033;outline:none}.form-group{margin-bottom:16px}.form-group label{color:#495057;color:var(--gray-700);display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.form-control{background-color:#fff;background-color:var(--ysu-white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius-md);color:#343a40;color:var(--gray-800);font-size:.95rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-control:focus{border-color:#e63740;border-color:var(--primary);box-shadow:0 0 0 3px #d81f2a14;outline:none}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);padding:12px;text-align:left}.table.compact td,.table.compact th{font-size:.85rem;padding:8px 10px}.table.thin-border td,.table.thin-border th{border-width:1px 0}.table th{color:#495057;color:var(--gray-700);font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.table th,.table tr:hover{background-color:#f8f9fa;background-color:var(--gray-50)}.table-compact td,.table-compact th{padding:7px 9px}.alert{border-radius:10px;border-radius:var(--radius-md);font-size:.9rem;margin-bottom:16px;padding:12px 16px}.alert-error{background-color:#fce8e9;background-color:var(--primary-light);border:1px solid #d81f2a33;color:#e63740;color:var(--primary)}.alert-success{background-color:#e6f4ea;border:1px solid #28a74533;color:#1e8e3e}.loading{color:#6c757d;color:var(--gray-600);padding:48px;text-align:center}.empty-state{color:#adb5bd;color:var(--gray-500);padding:48px 24px;text-align:center}.empty-state-icon{align-items:center;background-color:#f1f3f5;background-color:var(--gray-100);border-radius:50%;color:#ced4da;color:var(--gray-400);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.empty-state-icon svg{height:32px;width:32px}.empty-state-title{color:#495057;color:var(--gray-700);font-size:1rem;font-weight:600;margin:0 0 4px}.empty-state-text{color:#adb5bd;color:var(--gray-500);font-size:.9rem;margin:0}.dashboard-title{color:#212529;color:var(--gray-900);font-size:1.75rem;font-weight:700;margin:0 0 4px}.dashboard-subtitle{color:#6c757d;color:var(--gray-600);font-size:.9rem;margin:0 0 24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.stat-card{background:#fff;background:var(--ysu-white);border:1px solid #e9ecef;border-radius:14px;border-radius:var(--radius-lg);border-top:4px solid #e63740;border:1px solid var(--gray-200);border-top:4px solid var(--primary);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.border-red{border-top-color:#e63740;border-top-color:var(--ysu-red)}.stat-card.border-green{border-top-color:#82d431;border-top-color:var(--ysu-green)}.stat-card.border-blue{border-top-color:#47b3e6;border-top-color:var(--ysu-blue)}.stat-card.border-yellow{border-top-color:#ffca10;border-top-color:var(--ysu-yellow)}.stat-card h3{color:#6c757d;color:var(--gray-600);font-size:.8rem;font-weight:600;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.stat-card p{color:#212529;color:var(--gray-900);font-size:1.85rem;font-weight:700;line-height:1;margin:0}.section-card{background:#fff;background:var(--ysu-white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.section-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 20px}.section-title{font-size:.85rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.section-badge,.section-title{color:#343a40;color:var(--gray-800);font-weight:700}.section-badge{align-items:center;background-color:#fff8e1;background-color:var(--ysu-yellow-light);border-radius:12px;display:inline-flex;font-size:.75rem;height:24px;justify-content:center;min-width:24px;padding:0 8px}.section-body{padding:20px}.bordered-card{border:1px dashed #dee2e6;border:1px dashed var(--gray-300);border-radius:10px;border-radius:var(--radius-md);padding:40px 24px;text-align:center}.dashboard-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.chart-card{background:#f8f9fa;background:var(--gray-50);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;min-height:280px;padding:16px}.chart-title{color:#495057;color:var(--gray-700);font-size:.8rem;font-weight:700;letter-spacing:.04em;margin:0 0 16px;text-transform:uppercase}.chart-donut-wrapper{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:20px;justify-content:center}.chart-donut{border-radius:50%;flex-shrink:0;height:140px;position:relative;width:140px}.chart-donut-center{align-items:center;background:#fff;background:var(--ysu-white);border-radius:50%;box-shadow:inset 0 0 8px #0000000a;display:flex;flex-direction:column;height:90px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90px}.chart-donut-value{color:#212529;color:var(--gray-900);font-size:.75rem;font-weight:700;line-height:1.2}.chart-donut-label{color:#6c757d;color:var(--gray-600);font-size:.65rem;text-transform:uppercase}.chart-legend{color:#495057;color:var(--gray-700);display:flex;flex-direction:column;font-size:.8rem;gap:8px}.chart-legend-item{align-items:center;display:flex;gap:8px}.chart-legend-dot{border-radius:2px;flex-shrink:0;height:10px;width:10px}.chart-horizontal-bars{display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.chart-bar-row{grid-gap:10px;align-items:center;display:grid;font-size:.8rem;gap:10px;grid-template-columns:110px 1fr 70px}.chart-bar-label{color:#495057;color:var(--gray-700);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-bar-track{background:#e9ecef;background:var(--gray-200);border-radius:5px;height:10px;overflow:hidden}.chart-bar-fill{background:linear-gradient(90deg,#e63740,#ff6b6b);background:linear-gradient(90deg,var(--ysu-red),#ff6b6b);border-radius:5px;height:100%;transition:width .5s ease}.chart-bar-value{color:#343a40;color:var(--gray-800);font-size:.75rem;font-weight:600;text-align:right}.chart-vertical-bars{align-items:flex-end;border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);display:flex;flex:1 1;gap:6px;justify-content:space-between;min-height:160px;padding-top:8px}.chart-vbar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.chart-vbar-track{align-items:flex-end;display:flex;height:160px;justify-content:center;width:100%}.chart-vbar-fill{background:linear-gradient(0deg,#e63740,#47b3e6);background:linear-gradient(to top,var(--ysu-red),var(--ysu-blue));border-radius:4px 4px 0 0;min-height:4px;transition:height .5s ease;width:70%}.chart-vbar-label{color:#6c757d;color:var(--gray-600);font-size:.65rem;margin-top:6px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.chart-progress-list{display:flex;flex:1 1;flex-direction:column;gap:14px;justify-content:center}.chart-progress-item{display:flex;flex-direction:column;gap:5px}.chart-progress-header{display:flex;font-size:.8rem;justify-content:space-between}.chart-progress-header strong{color:#343a40;color:var(--gray-800);max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-progress-track{background:#e9ecef;background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden}.chart-progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.table-compact{font-size:.82rem}.table-compact td,.table-compact th{padding:8px 10px}.grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.actions{display:flex;gap:8px}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.badge-success{background-color:#e6f4ea;color:#1e8e3e}.badge-danger{background-color:#fce8e9;background-color:var(--primary-light);color:#e63740;color:var(--primary)}.badge-warning{background-color:#fff8e1;background-color:var(--ysu-yellow-light);color:#856404}.login-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fce8e9);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-light) 100%);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;background:var(--ysu-white);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow-lg);max-width:420px;padding:40px;text-align:center;width:100%}.login-logo{height:auto;margin-bottom:16px;width:80px}.login-card h1{color:#212529;color:var(--gray-900);font-size:1.5rem;margin:0 0 8px}.login-subtitle{color:#6c757d;color:var(--gray-600);font-size:.9rem;margin-bottom:24px}.login-card form{text-align:left}.login-card .btn{margin-top:8px;width:100%}.login-hint{color:#6c757d;color:var(--gray-600);font-size:.85rem;margin-top:16px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--ysu-white);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#212529;color:var(--gray-900);margin:0}.close-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#e63740;color:var(--ysu-red);cursor:pointer;font-size:1rem;font-weight:600;padding:8px 12px;transition:all .2s ease}.close-btn:hover{background-color:#fce8e9;background-color:var(--ysu-red-light);color:#c83038;color:var(--ysu-red-dark)}.modal-body{padding:24px}.form-row{grid-template-columns:1fr 1fr}.modal-actions{border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.ar-report-container{padding-bottom:24px}.grand-total-card{background:linear-gradient(135deg,#e63740,#c83038);background:linear-gradient(135deg,var(--ysu-red) 0,var(--ysu-red-dark) 100%);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--ysu-white);margin-bottom:24px;padding:24px}.grand-total-card h2{font-size:1.25rem;margin:0 0 16px}.grand-total-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.grand-total-item{background:#ffffff26;border-radius:10px;border-radius:var(--radius-md);padding:16px}.grand-total-item.highlight{background:#ffffff40;border:2px solid #fff6}.grand-total-item .label{display:block;font-size:.8rem;margin-bottom:4px;opacity:.9}.grand-total-item .value{display:block;font-size:1.35rem;font-weight:700}.ar-table-card{padding:0}.ar-table{font-size:.9rem;min-width:1200px}.ar-table th{background-color:#f8f9fa;background-color:var(--gray-50);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--gray-300);color:#343a40;color:var(--gray-800);font-weight:700;padding:12px 8px;white-space:nowrap}.ar-table td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);padding:10px 8px;vertical-align:middle}.sp-col{min-width:140px;width:140px}.customer-col{min-width:280px}.number-col{min-width:130px;text-align:right;width:130px}.notes-col,.remarks-col{min-width:180px}.action-col{min-width:110px;text-align:center;width:110px}.percentage-col{min-width:50px;text-align:center;width:50px}.customer-row .sp-col{color:#6c757d;color:var(--gray-600);font-size:.85rem}.customer-row .balance{color:#e63740;color:var(--primary);font-weight:700}.customer-row .number-col{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.remark-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:2px 8px;white-space:nowrap}.remark-badge.paid{background-color:#e6f4ea;color:#1e8e3e}.remark-badge.partial{background-color:#fff3cd;color:#856404}.grand-total-item.percentage{background:#ffffff4d}.bc-sync-container h2{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--gray-200);color:#212529;color:var(--gray-900);margin-bottom:20px;margin-top:0;padding-bottom:12px}.sync-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.sync-actions button{min-width:140px}.warning-box{padding:12px}.bc-config-info p{background:#f8f9fa;background:var(--gray-50);border-radius:10px;border-radius:var(--radius-md);font-size:.95rem;padding:12px}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.pagination-info{color:#6c757d;color:var(--gray-600);font-size:.9rem}.mobile-menu-btn{background:none;border:none;border-radius:10px;border-radius:var(--radius-md);color:#495057;color:var(--gray-700);cursor:pointer;display:none;margin-right:12px;padding:8px}.mobile-menu-btn:hover{background-color:#f1f3f5;background-color:var(--gray-100)}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}.sidebar-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;color:var(--gray-600);cursor:pointer;display:none;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:16px;top:16px;width:32px}.sidebar-close:hover{background-color:#f1f3f5;background-color:var(--gray-100)}@media (max-width:1024px){:root{--sidebar-width:240px}.main-content{padding:20px}.top-header{padding:0 20px}}@media (max-width:768px){:root{--sidebar-width:0}.sidebar{transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}.sidebar-close{display:flex}.sidebar-overlay{display:block}.main-wrapper{margin-left:0}.top-header{height:60px;padding:0 16px}.header-left,.mobile-menu-btn{align-items:center;display:flex}.mobile-menu-btn{justify-content:center}.header-greeting{font-size:.95rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{padding:16px}.header-action-btn,.header-company-select,.header-divider,.header-role{display:none}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-header h1{font-size:1.4rem}.page-actions{flex-wrap:wrap;width:100%}.page-actions .btn{flex:1 1;min-width:120px}.form-row,.stats-grid,.upload-grid{grid-template-columns:1fr}.grand-total-card{padding:16px}.grand-total-header{align-items:flex-start;flex-direction:column;gap:12px}.grand-total-header h2{font-size:1.1rem}.dashboard-charts-grid{grid-template-columns:repeat(2,1fr)}.chart-title{font-size:.75rem}.chart-donut{height:100px;width:100px}.chart-donut-center{height:60px;width:60px}.chart-donut-value{font-size:.65rem}.chart-horizontal-bars{gap:8px}.chart-bar-row{font-size:.75rem;grid-template-columns:90px 1fr 50px}.chart-bar-label{font-size:.7rem}.table-compact{display:block}.section-card,.table-compact{overflow-x:auto}.dashboard-charts-grid,.stats-grid{gap:12px}.stat-card p{font-size:1.6rem}.grand-total-actions{flex-wrap:wrap;width:100%}.grand-total-actions .form-control{flex:1 1;min-width:140px}.grand-total-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.grand-total-item{padding:10px}.grand-total-item .label{font-size:.7rem}.aged-as-of,.grand-total-item .value{font-size:.95rem}.ar-table-card,.card{padding:12px}.table-scroll-hint{display:flex}.ar-table{font-size:.8rem;min-width:1100px}.ar-table td,.ar-table th{padding:6px 4px}.ar-table .sp-col{min-width:100px;width:100px}.ar-table .customer-code-col{min-width:80px;width:80px}.ar-table .customer-col{max-width:200px;min-width:150px}.ar-table .number-col{min-width:90px;width:90px}.ar-table .notes-col,.ar-table .remarks-col{max-width:130px;min-width:100px}.ar-table .actions-col{min-width:70px;width:70px}.ar-table .actions-col .btn{font-size:.75rem;padding:4px 8px}.table{min-width:600px}.pagination-controls{flex-direction:column;gap:12px}.pagination-controls .btn{width:100%}.dashboard-title{font-size:1.5rem}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-content{margin:16px;max-width:95vw}.modal-actions,.modal-body,.modal-header{padding:16px}.sync-actions{flex-direction:column}.sync-actions .btn{width:100%}.bc-config-info p{word-break:break-all}.instructions-card ol{padding-left:20px}}@media (max-width:480px){.header-greeting{font-size:.85rem;max-width:140px}.page-header h1{font-size:1.25rem}.grand-total-grid,.stats-grid{grid-template-columns:1fr}.grand-total-actions .btn,.grand-total-actions .form-control,.page-actions .btn{flex:none;width:100%}.grand-total-actions{flex-direction:column}.top-header{padding:0 12px}.dashboard-charts-grid{grid-template-columns:1fr}.chart-card{min-height:240px}}.upload-grid{gap:24px}.upload-card h2{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--gray-200);color:#212529;color:var(--gray-900);margin-bottom:16px;margin-top:0;padding-bottom:12px}.form-hint{color:#6c757d;color:var(--gray-600);font-size:.9rem;margin-bottom:16px}.error-details{margin-top:8px}.bc-config-info{background:#f8f9fa;background:var(--gray-50);border-radius:10px;border-radius:var(--radius-md);margin-top:16px;padding:12px}.bc-config-info p{margin:8px 0}.bc-config-info code{background:#e9ecef;background:var(--gray-200);border-radius:3px;font-family:Courier New,monospace;font-size:.9rem;padding:2px 6px;word-break:break-all}.checkbox-label{align-items:center;display:flex;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.info-box{background:#e6f4fb;background:var(--ysu-blue-light);border-radius:10px;border-radius:var(--radius-md);font-size:.95rem;margin:16px 0;padding:12px}.warning-box{background:#fff8e1;background:var(--ysu-yellow-light);border:1px solid #ffca10;border:1px solid var(--ysu-yellow);border-radius:10px;border-radius:var(--radius-md);font-size:.9rem;margin-top:16px;padding:16px}.warning-box code{background:#00000014;border-radius:3px;font-family:monospace;padding:2px 6px}.help-text{color:#6c757d;color:var(--gray-600);font-size:.85rem;margin-top:4px}.instructions-card ul{list-style-type:disc;margin:12px 0;padding-left:24px}.instructions-card li{line-height:1.6;margin:8px 0}.instructions-card a{color:#e63740;color:var(--primary);text-decoration:underline}.instructions-card strong{color:#e63740;color:var(--ysu-red)}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:-8px}.form-row .form-group{margin-bottom:0}.pagination-controls{align-items:center;background-color:#f8f9fa;background-color:var(--gray-50);border-radius:10px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-top:20px;padding:15px}.page-actions{align-items:center;display:flex;gap:12px}.cache-status{background-color:#e6f4fb;background-color:var(--ysu-blue-light);border:1px solid #47b3e633;border-radius:10px;border-radius:var(--radius-md);font-size:.95rem;margin-bottom:16px;padding:12px 16px}.ar-table-card{overflow-x:auto}.report-filters{background-color:#f8f9fa!important;background-color:var(--gray-50)!important}.report-filters input{width:100%}.grand-total-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px}.grand-total-header h2{color:#fff;margin:0}.aged-as-of{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px;text-shadow:1px 1px 2px #00000080}.grand-total-actions{align-items:center;display:flex;gap:10px}.grand-total-actions .form-control{min-width:200px}.ar-table .total-collectibles-col{color:#212529;color:var(--gray-900);font-weight:700}.ar-table .number-highlight{font-weight:600}.summary-grand-total{margin-bottom:24px;padding:20px}.summary-as-of{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px;text-shadow:1px 1px 2px #00000080}.summary-data-table tbody tr:hover{background-color:#f8f9fa;background-color:var(--gray-50)}.ar-table .sp-col{max-width:160px;min-width:120px;width:120px}.ar-table .customer-code-col{min-width:100px;width:100px}.ar-table .customer-col{max-width:280px;min-width:200px}.ar-table .customer-col>*{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-table .number-col{min-width:110px;width:110px}.ar-table .notes-col,.ar-table .remarks-col{max-width:180px;min-width:140px}.ar-table .notes-col>*,.ar-table .remarks-col>*{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-table .actions-col{background-color:#fff;background-color:var(--ysu-white);box-shadow:-2px 0 4px #00000014;min-width:80px;position:sticky;right:0;width:80px;z-index:2}.ar-table thead .actions-col{background-color:#f8f9fa;background-color:var(--gray-50);z-index:3}.edit-btn{align-items:center;background-color:#47b3e6!important;background-color:var(--ysu-blue)!important;border:none!important;border-radius:6px!important;box-shadow:0 2px 4px #47b3e64d;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.9rem!important;font-weight:600!important;gap:4px;padding:6px 12px!important;transition:all .2s ease!important}.edit-btn:hover{background-color:var(--ysu-blue-dark)!important;box-shadow:0 4px 8px #47b3e666!important;transform:translateY(-1px)}.edit-btn:active{box-shadow:0 1px 2px #47b3e64d!important;transform:translateY(0)}@media (max-width:768px){.ar-table .edit-btn{font-size:.95rem!important;justify-content:center;padding:8px 16px!important;width:100%}.ar-table .actions-col{max-width:100px;position:relative}}.table-scroll-hint{align-items:center;background-color:#fff8e1;background-color:var(--ysu-yellow-light);border:1px dashed #ffca10;border:1px dashed var(--ysu-yellow);border-radius:10px;border-radius:var(--radius-md);color:#856404;display:none;font-size:.85rem;gap:6px;margin-bottom:12px;padding:8px 12px}.table-scroll-hint svg{flex-shrink:0}.text-right{text-align:right}.balance{color:#e63740;color:var(--ysu-red);font-weight:700}.negative{background-color:#ffe6e6!important;color:#c5221f;font-weight:700}.salesperson-row{background-color:#fff;background-color:var(--ysu-white);cursor:pointer;transition:background-color .2s}.salesperson-row:hover{background-color:#f8f9fa;background-color:var(--gray-50)}.salesperson-row td{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--gray-300)}.expand-icon{color:#6c757d;color:var(--gray-600);font-size:.75rem;margin-right:8px}.customer-row{background-color:#fff;background-color:var(--ysu-white)}.customer-row:hover{background-color:#f8f9fa;background-color:var(--gray-50)}.percentage-value.success{color:#28a745}.percentage-value.warning{color:#ffca10;color:var(--ysu-yellow)}.percentage-value.danger{color:#e63740;color:var(--ysu-red)}.customer-info{background:#f8f9fa;background:var(--gray-50);border-radius:10px;border-radius:var(--radius-md);margin-bottom:16px;padding:12px}.total-row td,.total-row th{border-top:2px solid #dee2e6;border-top:2px solid var(--gray-300);font-weight:700;padding-top:12px!important}.company-section{display:flex;flex-direction:column;gap:8px}.company-wrapper{background-color:#fff;background-color:var(--ysu-white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);overflow:hidden}.company-wrapper.expanded{box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-md)}.company-toggle-btn{align-items:center;background-color:#f8f9fa;background-color:var(--gray-50);border:none;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:16px 20px;transition:all .2s;width:100%}.company-toggle-btn:hover{background-color:#f1f3f5;background-color:var(--gray-100)}.toggle-icon{color:#6c757d;color:var(--gray-600);font-size:1.25rem;font-weight:700;line-height:1;margin-right:12px}.company-toggle-btn strong{color:#212529;color:var(--gray-900)}.company-totals{color:#6c757d;color:var(--gray-600);font-size:.9rem}.salesperson-table{margin:0;width:100%}.salesperson-code{color:#adb5bd;color:var(--gray-500);font-size:.75rem;margin-top:4px}.grand-total-wrapper{margin-top:16px}.grand-total-label{background-color:#fce8e9!important;background-color:var(--ysu-red-light)!important;color:#c83038!important;color:var(--ysu-red-dark)!important;font-size:1.1rem}.last-sync-time{font-size:.85rem;margin-left:8px;opacity:.9}
/*# sourceMappingURL=main.f9e80b91.css.map*/