#preloader{z-index:999;box-sizing:border-box;background:#fffc;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}@media (width>=768px){#preloader{padding-left:var(--sidebar-width)}}.sidebar.active~#preloader{padding-left:var(--sidebar-width)}.loader-spinner{border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{color:#fff;border-radius:.5rem;padding:1rem 1.5rem;animation:.3s ease-out fade-in;box-shadow:0 4px 6px #0000001a}.toast-success{background-color:var(--success-color)}.toast-error{background-color:var(--danger-color)}.toast-info{background-color:var(--accent-color)}.toast-warning{background-color:var(--warning-color)}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#1e293b;--secondary-color:#334155;--accent-color:#3b82f6;--success-color:#22c55e;--danger-color:#ef4444;--warning-color:#f59e0b;--light-color:#f8fafc;--sidebar-width:260px;--font-family:"Inter", system-ui, -apple-system, sans-serif}body{font-family:var(--font-family);color:#1e293b;background-color:#f1f5f9;margin:0;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--primary-color);color:#fff;z-index:9998;height:100vh;position:fixed;box-shadow:2px 0 5px #0000001a}.sidebar h2{text-align:center;background:#0f172a;margin:0;padding:2rem 1rem;font-size:1.25rem}.sidebar nav ul{margin-top:1rem;padding:0;list-style:none}.sidebar nav ul li{padding:.75rem 1.5rem}.sidebar nav ul li a{color:#94a3b8;align-items:center;gap:1rem;padding:.25rem 0;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar nav ul li a i{text-align:center;width:20px;font-size:1.1rem}.sidebar nav ul li a:hover,.sidebar nav ul li.active a{color:#fff}.sidebar nav ul li.active{background-color:var(--accent-color);border-radius:.5rem;margin:0 .75rem}.sidebar nav ul li.active a i{color:#fff}.main-content{margin-left:var(--sidebar-width);flex:1;padding:2rem}.content-wrapper{width:100%}.full-width-content{box-sizing:border-box;width:100%;margin-left:0;padding:2rem}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header h1{margin:0;font-size:1.5rem}.btn{cursor:pointer;color:#fff;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.9}.btn-primary{background-color:var(--accent-color)}.btn-success{background-color:var(--success-color)}.btn-danger{background-color:var(--danger-color)}.btn-warning{background-color:var(--warning-color);color:#000}.btn-secondary{color:#fff;background-color:#64748b}.btn-outline-primary{border:1px solid var(--accent-color);color:var(--accent-color);background:0 0}.btn-outline-primary:hover{background-color:var(--accent-color);color:#fff}.btn-expand{cursor:pointer;color:var(--accent-color);background:0 0;border:none;padding:5px;font-size:1rem}.chip{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.chip-paid{color:#1e40af;background-color:#dbeafe}.chip-unpaid{color:#991b1b;background-color:#fee2e2}.chip-partial{color:#166534;background-color:#dcfce7}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.summary-cards{flex-wrap:wrap;gap:1rem;width:100%;margin-bottom:20px;display:flex}@media (width>=1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.card h3{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.875rem}.card .value{color:var(--primary-color);font-size:1.8rem;font-weight:700}table{border-collapse:separate;border-spacing:0;background:#fff;border-radius:.5rem;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000d}th{background-color:var(--light-color);text-align:left;color:#64748b;text-transform:uppercase;padding:.6rem .75rem;font-size:.75rem}td{border-top:1px solid #e2e8f0;padding:.6rem .75rem;font-size:.85rem}.modal{z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-sizing:border-box;background-color:#0006;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{background-color:#fff;border-radius:1rem;width:50%;margin:5% auto;padding:2rem;box-shadow:0 10px 25px #0000001a}.form-group{margin-bottom:1.25rem}.form-group label{margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{-webkit-appearance:none;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;max-width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-select-min{min-width:150px}.search-container input,.filters input,.filters select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.5rem;width:auto;padding:.6rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.search-container input:focus,.filters input:focus,.filters select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #3b82f633}.filters{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.table-responsive{width:100%;margin-bottom:1rem;overflow-x:auto}.controls-container .left-controls select#sub-select,.controls-container .left-controls select#filter-billing-status,.controls-container .left-controls select#filter-status,.controls-container .left-controls select#filter-year,.controls-container .left-controls input#search-sub{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;min-width:200px;padding:.6rem 1rem;font-size:1rem}.controls-container .left-controls select#sub-select:focus,.controls-container .left-controls select#filter-billing-status:focus,.controls-container .left-controls select#filter-status:focus,.controls-container .left-controls select#filter-year:focus,.controls-container .left-controls input#search-sub:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #3b82f633}.menu-toggle{background:var(--primary-color);color:#fff;cursor:pointer;z-index:10000;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:1.5rem;display:none}.checkbox-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;max-height:250px;padding:1rem;display:grid;overflow-y:auto}.checkbox-item{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;min-height:2.2rem;padding:.6rem;transition:background-color .2s;display:flex}.checkbox-item:hover{background-color:#f1f5f9}.checkbox-item input[type=checkbox]{appearance:none;cursor:pointer;background-color:#fff;border:2px solid #cbd5e1;border-radius:.25rem;flex-shrink:0;width:1.2rem;height:1.2rem;margin:0;transition:all .2s;position:relative}.checkbox-item input[type=checkbox]:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.checkbox-item input[type=checkbox]:checked:after{content:"";color:#fff;font-family:"Font Awesome 6 Free";font-size:.7rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-item span{color:var(--secondary-color);-webkit-user-select:none;user-select:none;font-size:.95rem;line-height:1;display:block}.checkbox-item input[type=checkbox]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.pagination{background-color:#fff;border-radius:.5rem;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:1rem;display:flex}.btn-sm{padding:.4rem .8rem;font-size:.875rem}.controls-container{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.controls-container .form-group,.controls-container #unpaid-summary{margin-bottom:0!important}.controls-container input,.controls-container select{background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;padding:.6rem 1rem;font-size:1rem}.controls-container input:focus,.controls-container select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #3b82f633}.header-actions{gap:.75rem;display:flex}@media (width<=768px){.menu-toggle{display:block;position:fixed;top:1rem;right:1rem}.sidebar{z-index:9998;width:260px;height:100%;transition:transform .3s;position:fixed;transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{width:unset;margin-left:0;padding:1rem}.modal-content{width:80%}.header{flex-direction:column;align-items:flex-start;gap:1rem}.controls-container{flex-direction:column;align-items:stretch}.controls-container input,.controls-container select{box-sizing:border-box;width:100%}.controls-container button{justify-content:center}.controls-container .left-controls{flex-direction:column;align-items:stretch;gap:5px;display:flex}}