:root{--bg-app: #0B0F19;--bg-glass: rgba(17, 24, 39, .65);--bg-glass-card: rgba(30, 41, 59, .35);--border-glass: rgba(255, 255, 255, .06);--border-glass-focused: rgba(255, 255, 255, .15);--primary: #8B5CF6;--primary-glow: rgba(139, 92, 246, .4);--primary-grad: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--accent: #06B6D4;--accent-grad: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .37);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--bg-input: rgba(15, 23, 42, .6);--bg-input-select: rgba(15, 23, 42, .8);--bg-table-th: rgba(15, 23, 42, .7);--bg-table-td: rgba(30, 41, 59, .15);--bg-table-hover: rgba(255, 255, 255, .02)}body.light-theme{--bg-app: #F8FAFC;--bg-glass: rgba(255, 255, 255, .7);--bg-glass-card: rgba(255, 255, 255, .85);--border-glass: rgba(0, 0, 0, .08);--border-glass-focused: rgba(0, 0, 0, .15);--primary: #7C3AED;--primary-glow: rgba(124, 58, 237, .2);--primary-grad: linear-gradient(135deg, #7C3AED 0%, #EC4899 100%);--accent: #0891B2;--accent-grad: linear-gradient(135deg, #0891B2 0%, #3B82F6 100%);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .08);--bg-input: rgba(255, 255, 255, .9);--bg-input-select: rgba(255, 255, 255, .95);--bg-table-th: rgba(241, 245, 249, .9);--bg-table-td: rgba(255, 255, 255, .6);--bg-table-hover: rgba(0, 0, 0, .03)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-app);color:var(--text-primary);background-image:radial-gradient(at 10% 20%,rgba(139,92,246,.12) 0px,transparent 50%),radial-gradient(at 90% 80%,rgba(6,182,212,.1) 0px,transparent 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-glass-focused);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium)}.glass-card{background:var(--bg-glass-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--border-glass-focused);transform:translateY(-2px);box-shadow:0 12px 24px #0006}.btn-primary{background:var(--primary-grad);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;box-shadow:0 4px 14px var(--primary-glow);transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow);opacity:.95}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;box-shadow:0 4px 14px #10b9814d;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-approve:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98166;opacity:.95}.btn-approve:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-glass-focused);padding:10px 20px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background:#ffffff0d;border-color:var(--text-primary)}.btn-online{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 12px #0077b659}.btn-online:hover:not(:disabled){background:linear-gradient(135deg,#0096c7,#005f99);box-shadow:0 4px 18px #0077b680;transform:translateY(-1px)}.btn-online:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-danger:hover{background:#ef4444cc;color:#fff;transform:translateY(-1px)}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-success{color:var(--success)!important}.text-primary{color:var(--primary)!important}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:var(--text-secondary)}.form-input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf640}select,.form-select{width:100%;padding:10px 36px 10px 14px!important;background-color:#0f172a!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b5cf6'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:22px!important;appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.15)!important;border-radius:var(--radius-md);color:#f8fafc!important;font-size:14px;transition:all .2s ease;box-sizing:border-box;cursor:pointer}body.light-theme select,body.light-theme .form-select{background-color:#fff!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.15)!important}.form-select:focus,select:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px #8b5cf640!important}select option,.form-select option{background-color:#0f172a!important;color:#f8fafc!important;padding:10px}body.light-theme select option,body.light-theme .form-select option{background-color:#fff!important;color:#0f172a!important}.tag{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.tag-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.tag-warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.tag-danger{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.tag-primary{background:#8b5cf626;color:#c084fc;border:1px solid rgba(139,92,246,.25)}.tag-info{background:#06b6d426;color:#67e8f9;border:1px solid rgba(6,182,212,.25)}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-glass)}.premium-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.premium-table th{background:var(--bg-table-th);padding:16px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-glass)}.premium-table td{padding:16px;color:var(--text-primary);border-bottom:1px solid var(--border-glass);background:var(--bg-table-td)}.premium-table tr:hover td{background:var(--bg-table-hover)}.premium-table tr:last-child td{border-bottom:none}.container{max-width:1280px;margin:0 auto;padding:24px}.flex-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.grid-cols-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.grid-cols-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.grid-cols-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.desktop-only-table{display:block}.mobile-only-cards{display:none!important}.pagination-controls{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.toast-container{position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-message{background:var(--bg-glass-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--success);border:1px solid rgba(16,185,129,.4);padding:14px 24px;border-radius:var(--radius-md);font-weight:600;font-size:14px;box-shadow:var(--shadow-premium);animation:slideInRight .3s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:auto;display:flex;align-items:center;gap:10px}.toast-message:before{content:"check_circle";font-family:Material Icons;font-size:18px}.toast-message.error{color:var(--danger);border-color:#ef44444d}.toast-message.error:before{content:"error"}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.metric-card{padding:24px;display:flex;align-items:center;justify-content:space-between}.metric-info h3{margin:0;font-size:13px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.metric-info .value{font-size:28px;font-weight:700;margin-top:8px;background:var(--primary-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metric-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#8b5cf626;color:var(--primary);display:flex;align-items:center;justify-content:center}.metric-icon .material-icons{font-size:24px}.mat-mdc-tab-group{--mdc-tab-indicator-active-indicator-color: var(--primary) !important;--mdc-tab-indicator-active-indicator-height: 3px !important}.mat-mdc-tab{color:var(--text-secondary)!important;font-family:Inter,sans-serif!important;font-weight:500!important}.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--text-primary)!important}.mat-mdc-dialog-container{--mdc-dialog-container-color: var(--bg-glass) !important;border:1px solid var(--border-glass)!important;border-radius:var(--radius-lg)!important;backdrop-filter:blur(20px)!important}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;backdrop-filter:blur(8px);z-index:20000;display:flex;justify-content:center;align-items:center}.modal-container{width:90%;max-width:500px;padding:30px;box-shadow:var(--shadow-premium);background:var(--bg-app)!important;border-radius:var(--radius-lg);border:1px solid var(--border-glass)}.modal-sm{max-width:380px}.modal-receipt{max-width:420px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;font-size:18px;font-weight:700}.modal-body{max-height:70vh;overflow-y:auto;padding-right:8px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border-glass-focused);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--primary)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;border-top:1px solid var(--border-glass);padding-top:16px}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}body.light-theme input[type=date]::-webkit-calendar-picker-indicator,body.light-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,body.light-theme input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0)}@media (max-width: 768px){html,body{font-size:13px!important}.dashboard-module,.tab-panel{padding:10px 12px!important}.glass-panel{padding:12px 14px!important;border-radius:12px!important}.glass-card,.metric-card{padding:10px 14px!important;min-height:auto!important}.metric-card .value{font-size:17px!important;font-weight:700!important}.metric-info h3{font-size:10px!important;letter-spacing:.02em!important}.metric-icon{width:32px!important;height:32px!important;border-radius:8px!important}.metric-icon .material-icons{font-size:18px!important}.modal-container{width:96vw;max-width:100%;max-height:92vh;margin:8px auto;padding:16px!important;display:flex;flex-direction:column}.modal-body{max-height:calc(92vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 4px 24px 0}.form-group{margin-bottom:10px!important}.form-label,label{font-size:11px!important;margin-bottom:3px!important}.form-input,.form-select,select,input[type=text],input[type=number],input[type=date],input[type=email],input[type=password]{padding-top:6px!important;padding-bottom:6px!important;padding-left:10px;font-size:12px!important;min-height:34px!important;border-radius:6px!important}.form-input,input[type=text],input[type=number],input[type=date],input[type=email],input[type=password]{padding-right:10px}.form-select,select{padding-right:36px!important}.input-with-icon .form-input,.input-with-icon input{padding-left:36px!important}.input-icon{font-size:16px!important;left:10px!important}.table-container,.table-wrapper,.flats-table-wrapper,.bills-list-panel{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important}.premium-table,.data-table,.roster-table{display:block!important;overflow-x:auto!important;white-space:nowrap!important;width:100%!important;font-size:12px!important;-webkit-overflow-scrolling:touch!important}.premium-table th,.premium-table td{padding:8px 10px!important}.desktop-only-table{display:none!important}.mobile-only-cards{display:flex!important}.flex-row{flex-direction:column;align-items:stretch!important;gap:8px}.blocks-grid,.stats-grid,.asset-grid,.issue-grid,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important;gap:10px!important}h1{font-size:18px!important}h2{font-size:16px!important}h3{font-size:14px!important}.subtitle{font-size:11px!important}button,.btn-primary,.btn-secondary,.btn-danger{padding:6px 12px!important;font-size:12px!important;min-height:34px!important;border-radius:6px!important}.btn-icon{padding:4px!important;min-width:28px!important;min-height:28px!important}.btn-icon .material-icons{font-size:16px!important}}.global-loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0b0f1966;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:99999;animation:fadeInLoader .3s ease-out}.loader-glass-panel{background:var(--bg-glass-card);border:1px solid var(--border-glass-focused);border-radius:var(--radius-lg);padding:40px;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 50px #0006;text-align:center;max-width:320px;width:90%;animation:scaleUpLoader .3s cubic-bezier(.34,1.56,.64,1)}.spinner-glow-container{position:relative;width:80px;height:80px;display:flex;justify-content:center;align-items:center;margin-bottom:24px}.double-spin-ring{position:absolute;border-radius:50%;border:3px solid transparent}.double-spin-ring.ring-outer{width:80px;height:80px;border-top-color:var(--primary);border-bottom-color:var(--accent);animation:spinClockwise 1.5s linear infinite;filter:drop-shadow(0 0 8px var(--primary))}.double-spin-ring.ring-inner{width:56px;height:56px;border-left-color:#ec4899;border-right-color:var(--accent);animation:spinCounterClockwise 1s linear infinite;filter:drop-shadow(0 0 6px #EC4899)}.loading-icon{font-size:28px;color:var(--text-primary);animation:pulseGlow 1.8s ease-in-out infinite,spinClockwise 2s linear infinite}.loading-text{font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;background:var(--primary-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loading-subtext{font-size:12px;color:var(--text-secondary);font-weight:500}@keyframes fadeInLoader{0%{opacity:0}to{opacity:1}}@keyframes scaleUpLoader{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCounterClockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}body.sidebar-lock{overflow:hidden!important;height:100vh!important;width:100%!important}.filters-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}@media (max-width: 768px){.filters-row .form-group,.filters-row .filter-item{min-width:0!important;margin-bottom:0!important}}@media print{@page{margin:8mm;size:landscape}.no-print,.sidebar,.sidebar-container,.side-menu-panel,.sidebar-backdrop,aside,.dashboard-header,.top-bar,.top-nav,.tabs-container,header,nav,.receipt-footer,.toast-container,.ngx-toastr,.filters-row,.pagination-container,.nav-btn,.grid-container,.stats-grid{display:none!important;visibility:hidden!important}body.print-modal-active .side-menu-panel,body.print-modal-active .dashboard-header,body.print-modal-active .main-content>*:not(.tab-panel),body.print-modal-active .tab-panel>*:not(.modal-backdrop),body.print-modal-active .bills-content-wrapper{display:none!important;visibility:hidden!important}html,body{background:#fff!important;color:#000!important;font-size:11pt!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}body.print-modal-active{height:auto!important;min-height:0!important;padding:0!important;margin:0!important}.dashboard-wrapper,.dashboard-container,.main-content,.container,.tab-panel,.printable-report-panel{margin:0!important;padding:0!important;border:none!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;background:transparent!important;box-shadow:none!important;position:static!important}.glass-panel,.glass-card,.premium-table,.table-responsive{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:none!important;color:#000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;page-break-inside:auto!important}tr,.receipt-grid,.amount-box,div[style*="display: grid"]{page-break-inside:avoid!important;break-inside:avoid!important}.modal-backdrop{background:#fff!important;position:static!important;width:100%!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;padding:0!important;margin:0!important;z-index:99999!important}.modal-backdrop *{visibility:visible!important;opacity:1!important}.modal-backdrop .no-print,.modal-backdrop .no-print *{display:none!important;visibility:hidden!important}.modal-container,.modal-receipt,.printable-area,.passbook-modal-container{background:#fff!important;border:none!important;outline:none!important;box-shadow:none!important;color:#000!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important;display:block!important;position:static!important;border-radius:0!important;page-break-inside:auto!important;break-inside:auto!important;max-height:none!important;height:auto!important}.modal-body{max-height:none!important;overflow:visible!important;padding:0!important}.desktop-only{display:block!important;width:100%!important;overflow:visible!important}.mobile-only,.passbook-card-list,.passbook-toolbar,.no-print{display:none!important}.data-table{width:100%!important;max-width:100%!important;table-layout:auto!important;border-collapse:collapse!important;font-size:8.5pt!important;color:#000!important}.data-table th,.data-table td{border:1px solid #cbd5e1!important;padding:5px 6px!important;color:#000!important;word-break:break-word!important}.data-table th{background:#f1f5f9!important;font-weight:700!important}.amount-box{background:#f8fafc!important;border:1px solid #94a3b8!important;color:#000!important}.receipt-meta strong,.receipt-branding h4,.form-label,h2,h3,h4,th,td{color:#000!important}*{color:#000!important;text-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.filter-toggle-btn{display:none!important}.filters-row{box-sizing:border-box!important;width:100%!important;display:flex!important;flex-direction:column!important}@media (max-width: 768px){.filters-row{padding:12px 14px!important}.filter-toggle-btn{display:inline-flex!important;flex:0 0 auto!important}.filters-row>div:first-child{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important}.filters-row>div:first-child .filter-item,.filters-row>div:first-child .search-item{flex:1 1 auto!important;width:100%!important;min-width:0!important}.collapsible-filters{display:none!important;width:100%!important;box-sizing:border-box!important}.collapsible-filters.open-mobile{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 10px!important;width:100%!important;margin-top:14px!important;padding-top:12px!important;border-top:1px solid var(--border-glass, rgba(255, 255, 255, .08))!important;box-sizing:border-box!important}.collapsible-filters .filter-item,.collapsible-filters .form-group{width:100%!important;min-width:0!important;flex:none!important;margin-bottom:0!important;box-sizing:border-box!important}.collapsible-filters .form-input,.collapsible-filters .form-select{width:100%!important;box-sizing:border-box!important}}