html{--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.error-snackbar{background-color:#f44336;color:#fff}.error-snackbar .mat-simple-snackbar-action{color:#fff}.success-snackbar{background-color:#4caf50;color:#fff}.success-snackbar .mat-simple-snackbar-action{color:#fff}.warning-snackbar{background-color:#ff9800;color:#fff}.warning-snackbar .mat-simple-snackbar-action{color:#fff}.error-container{display:flex;justify-content:center;align-items:center;height:80vh;padding:20px}.error-card{max-width:500px;width:100%;margin:auto;box-shadow:0 4px 8px #0000001a}.error-icon{display:flex;justify-content:center;margin:20px 0}.error-icon mat-icon{font-size:64px;height:64px;width:64px;color:#f44336}.error-actions{display:flex;justify-content:center;padding:16px}.tenant-management-container{padding:36px;background-color:#fafbfd;min-height:calc(100vh - 64px);position:relative;overflow:hidden}.tenant-management-container:before{content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle at center,rgba(57,73,171,.07) 0%,rgba(79,195,247,.03) 40%,transparent 70%);border-radius:50%;z-index:0;filter:blur(40px)}.tenant-management-container:after{content:"";position:absolute;bottom:-150px;left:-50px;width:700px;height:700px;background:radial-gradient(circle at center,rgba(67,160,71,.06) 0%,rgba(57,73,171,.04) 50%,transparent 75%);border-radius:50%;z-index:0;filter:blur(60px)}.page-header{margin-bottom:40px;position:relative;z-index:1}.page-header .header-content{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.page-header .header-content{flex-direction:column;align-items:flex-start;gap:20px}}.page-header .title-container{display:flex;align-items:center}.page-header .title-container .title-decorator{width:5px;height:50px;background:linear-gradient(to bottom,#3949ab,#4fc3f7);border-radius:3px;margin-right:20px}.page-header .page-title{margin:0 0 10px;font-size:34px;font-weight:700;color:#1a237e;letter-spacing:-.5px;background:linear-gradient(135deg,#3949ab,#4fc3f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.page-header .page-description{margin:0;color:#546e7a;font-size:16px;font-weight:400;max-width:600px}.page-header .header-actions{display:flex;align-items:center;gap:15px}.page-header .header-actions .search-container{position:relative}.page-header .header-actions .search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#90a4ae}.page-header .header-actions .search-container .search-input{background:#fff;border:1px solid #e0e0e0;border-radius:30px;padding:10px 20px 10px 40px;font-size:14px;width:240px;transition:all .3s ease}.page-header .header-actions .search-container .search-input:focus{outline:none;box-shadow:0 0 0 2px #3949ab33;border-color:#3949ab;width:280px}.page-header .header-actions .search-container .search-input::placeholder{color:#b0bec5}.page-header .header-actions .add-tenant-btn{border-radius:30px;padding:0 20px;height:40px;background:linear-gradient(135deg,#3949ab,#1a237e);box-shadow:0 4px 12px #3949ab33;transition:all .3s ease}.page-header .header-actions .add-tenant-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3949ab4d}.page-header .header-actions .add-tenant-btn mat-icon{margin-right:8px}.tenant-tabs{position:relative;z-index:1}.tenant-tabs ::ng-deep .mat-mdc-tab-header{margin-bottom:30px;border-bottom:1px solid #e0e0e0}.tenant-tabs ::ng-deep .mat-mdc-tab{height:56px;opacity:.7;transition:all .3s ease}.tenant-tabs ::ng-deep .mat-mdc-tab.mat-mdc-tab-active{opacity:1}.tenant-tabs ::ng-deep .mat-mdc-tab.mat-mdc-tab-active .tab-label-content{color:#3949ab}.tenant-tabs ::ng-deep .mat-mdc-tab.mat-mdc-tab-active .tab-label-content .tab-icon{color:#3949ab;background-color:#3949ab1a}.tenant-tabs ::ng-deep .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#3949ab;border-top-width:3px}.tenant-tabs .tab-label-content{display:flex;align-items:center;height:100%}.tenant-tabs .tab-label-content .tab-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;margin-right:10px;background-color:#0000000d;transition:all .3s ease}.tab-content{padding:20px 0}.tab-content .tenant-card{border-radius:24px;box-shadow:0 10px 30px #0000000a,0 1px 3px #00000005;overflow:hidden;background-color:#fff;transition:transform .3s ease,box-shadow .3s ease}.tab-content .tenant-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014,0 3px 10px #00000005}.tab-content .tenant-card-header{padding:24px 28px;display:flex;align-items:center;border-bottom:1px solid rgba(240,240,240,.6);position:relative;overflow:hidden}.tab-content .tenant-card-header:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3949ab,#4fc3f7)}.tab-content .tenant-card-header .tenant-header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;margin-right:20px;background:linear-gradient(135deg,#3949ab,#1a237e);box-shadow:0 8px 16px #3949ab33;position:relative}.tab-content .tenant-card-header .tenant-header-icon:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#4fc3f7,#3949ab);border-radius:18px;z-index:-1;opacity:.5;filter:blur(4px)}.tab-content .tenant-card-header .tenant-header-icon mat-icon{color:#fff;font-size:28px;width:28px;height:28px}.tab-content .tenant-card-header .tenant-header-title{margin:0;font-size:24px;font-weight:700;color:#1a237e;letter-spacing:-.3px}.tab-content .tenant-card-header .tenant-header-subtitle{margin:6px 0 0;font-size:14px;color:var(--text-muted);letter-spacing:.1px}.tab-content .tenant-card-content{padding:24px 28px}.tab-content .register-tenant-container{max-width:1024px;margin:0 auto;padding:0 16px}.tab-content .register-header{margin-bottom:40px}.tab-content .register-header .register-header-content{display:flex;justify-content:space-between;align-items:center}.tab-content .register-header .register-title-wrapper{display:flex;align-items:center;gap:24px}.tab-content .register-header .register-icon-bg{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#3949ab,#1a237e);display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px #3949ab33;position:relative}.tab-content .register-header .register-icon-bg:before{content:"";position:absolute;inset:-5px;background:linear-gradient(135deg,#4fc3f7,#3949ab);border-radius:30px;z-index:-1;opacity:.4;filter:blur(8px)}.tab-content .register-header .register-icon-bg mat-icon{font-size:40px;width:40px;height:40px;color:#fff}.tab-content .register-header .register-title-content h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#1a237e;letter-spacing:-.5px;background:linear-gradient(135deg,#3949ab,#4fc3f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.tab-content .register-header .register-title-content h1:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#3949ab,transparent);border-radius:3px}.tab-content .register-header .register-title-content p{margin:0;color:#546e7a;font-size:16px}.tab-content .register-form-container{margin-bottom:40px}.tab-content .register-form-container .register-form{display:flex;flex-direction:column;gap:24px}.tab-content .form-card{background-color:#fff;border-radius:24px;box-shadow:0 8px 24px #0000000f;overflow:hidden;transition:all .3s ease;position:relative}.tab-content .form-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;z-index:1}.tab-content .form-card.personal-info-card:before{background:linear-gradient(90deg,#3949ab,#4fc3f7)}.tab-content .form-card.contract-info-card:before{background:linear-gradient(90deg,#00796b,#4db6ac)}.tab-content .form-card.additional-info-card:before{background:linear-gradient(90deg,#5e35b1,#9575cd)}.tab-content .form-card .form-card-header{display:flex;align-items:center;gap:16px;padding:24px 32px;border-bottom:1px solid rgba(240,240,240,.8);background-color:#f9fafc80}.tab-content .form-card .form-card-header .section-indicator{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3949ab,#1a237e);color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #3949ab33}.tab-content .form-card .form-card-header h2{margin:0 0 4px;font-size:20px;font-weight:600;color:#1a237e;letter-spacing:-.3px}.tab-content .form-card .form-card-header p{margin:0;color:var(--text-muted);font-size:14px}.tab-content .form-card .form-card-content{padding:28px 32px}.tab-content .form-row-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.tab-content .form-row-split{grid-template-columns:1fr;gap:16px}}.tab-content .form-row-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}@media (max-width: 992px){.tab-content .form-row-3col{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.tab-content .form-row-3col{grid-template-columns:1fr}}.tab-content .full-width-field,.tab-content .notes-field{width:100%}.tab-content .notes-field textarea{resize:vertical;min-height:80px}.tab-content .tenant-photo-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.tab-content .tenant-photo-upload .photo-preview-area{width:100%;height:220px;border:2px dashed #b0bec5;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background-color:#f5f7fa}.tab-content .tenant-photo-upload .photo-preview-area:hover{border-color:#3949ab;background-color:#3949ab0d}.tab-content .tenant-photo-upload .photo-preview-area.has-image{border:none;border-radius:16px;background-color:#ebeff5}.tab-content .tenant-photo-upload .photo-preview-area .photo-placeholder-icon{font-size:64px;height:64px;width:64px;color:#b0bec5;margin-bottom:16px}.tab-content .tenant-photo-upload .photo-preview-area .photo-placeholder-text{text-align:center}.tab-content .tenant-photo-upload .photo-preview-area .photo-placeholder-text span{display:block;font-weight:500;color:#546e7a;font-size:16px;margin-bottom:6px}.tab-content .tenant-photo-upload .photo-preview-area .photo-placeholder-text small{display:block;font-size:13px;color:#90a4ae}.tab-content .tenant-photo-upload .photo-preview-area .photo-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.tab-content .tenant-photo-upload .photo-preview-area .photo-preview .photo-name{background-color:#fffc;padding:6px 12px;border-radius:20px;font-size:13px;color:#37474f;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 2px 6px #0000001a}.tab-content .tenant-photo-upload .photo-preview-area .photo-preview .remove-photo-btn{position:absolute;top:12px;right:12px;width:32px;height:32px}.tab-content .tenant-photo-upload .photo-preview-area .photo-preview .remove-photo-btn mat-icon{font-size:16px;width:16px;height:16px}.tab-content .contract-upload{margin-top:24px}.tab-content .contract-upload .upload-zone{display:flex;align-items:center;gap:16px;padding:16px 24px;background-color:#f5f7fa;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.tab-content .contract-upload .upload-zone:hover,.tab-content .contract-upload .upload-zone.has-file{background-color:#3949ab0d}.tab-content .contract-upload .upload-zone mat-icon{color:#3949ab;font-size:24px;width:24px;height:24px}.tab-content .contract-upload .upload-zone div{flex:1}.tab-content .contract-upload .upload-zone div span{display:block;font-weight:500;color:#37474f;margin-bottom:2px}.tab-content .contract-upload .upload-zone div small{display:block;font-size:12px;color:var(--text-muted)}.tab-content .contract-upload .upload-zone .remove-file-btn{color:#e53935}.tab-content .register-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:16px}.tab-content .register-actions button{min-width:140px;padding:8px 24px;border-radius:30px}.tab-content .register-actions button mat-icon{margin-right:8px}.tab-content .register-actions .reset-button{color:#546e7a}.tab-content .register-actions .submit-button{display:flex;align-items:center;background:linear-gradient(135deg,#3949ab,#1a237e);padding:10px 28px;box-shadow:0 6px 16px #3949ab40;transition:all .3s ease;position:relative;overflow:hidden}.tab-content .register-actions .submit-button:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 8px 20px #3949ab59}.tab-content .register-actions .submit-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.tab-content .register-actions .submit-button:hover:not([disabled]):after{left:100%}.tab-content .register-actions .submit-button mat-progress-spinner{margin-left:12px}.tenant-stepper-container{padding:24px}.tenant-stepper-container ::ng-deep .mat-stepper-horizontal{background-color:transparent}.tenant-stepper-container ::ng-deep .mat-horizontal-stepper-header-container{margin-bottom:30px}.tenant-stepper-container ::ng-deep .mat-stepper-horizontal-line{border-top-width:2px;border-top-color:#e0e0e0}.tenant-stepper-container ::ng-deep .mat-step-header .mat-step-icon{background-color:#3949ab;color:#fff}.tenant-stepper-container ::ng-deep .mat-step-header .mat-step-label{color:#37474f;font-weight:500}.tenant-stepper-container ::ng-deep .mat-step-header.mat-step-header-active .mat-step-label{color:#3949ab}.step-header{margin-bottom:24px;display:flex;align-items:center}.step-header .step-indicator{width:36px;height:36px;border-radius:50%;background-color:#3949ab;color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-right:12px;box-shadow:0 4px 8px #3949ab33}.step-header .step-info .step-title{margin:0 0 5px;font-size:18px;font-weight:600;color:#37474f}.step-header .step-info .step-description{margin:0;font-size:14px;color:var(--text-muted)}.form-section{margin-bottom:30px}.form-section .form-section-title{display:flex;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.form-section .form-section-title mat-icon{margin-right:10px;color:#3949ab}.form-section .form-section-title h2{margin:0;font-size:18px;font-weight:500;color:#37474f}.form-section .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-section .form-grid .full-width{grid-column:1/-1}.upload-container .upload-area{height:120px;border:2px dashed #b0bec5;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.upload-container .upload-area:hover{border-color:#3949ab;background-color:#3949ab0d}.upload-container .upload-area:hover .upload-icon{color:#3949ab;transform:scale(1.1)}.upload-container .upload-area .upload-content{text-align:center}.upload-container .upload-area .upload-content .upload-icon{font-size:36px;width:36px;height:36px;color:var(--text-muted);margin-bottom:10px;transition:all .3s ease}.upload-container .upload-area .upload-content .upload-text{display:block;font-weight:500;color:#546e7a;margin-bottom:5px}.upload-container .upload-area .upload-content .upload-hint{display:block;font-size:12px;color:#90a4ae}.upload-container .file-preview{margin-top:12px;padding:10px;background-color:#e0e0e04d;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.upload-container .file-preview .file-info{display:flex;align-items:center}.upload-container .file-preview .file-info mat-icon{color:#607d8b;margin-right:8px}.upload-container .file-preview .file-info .file-name{font-size:14px;color:#546e7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.step-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px}.step-actions .action-button{min-width:120px;border-radius:30px}.step-actions .action-button.next-button{background:linear-gradient(135deg,#3949ab,#1a237e);box-shadow:0 4px 12px #3949ab33}.step-actions .action-button.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3949ab4d}.step-actions .action-button mat-icon{margin-right:0;margin-left:5px}.tenant-summary{background-color:#f9fafc;border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 5px 15px #00000008;position:relative;overflow:hidden}.tenant-summary:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3949ab,#4fc3f7);opacity:.7}.tenant-summary h3{margin:0 0 20px;font-size:18px;font-weight:500;color:#37474f;padding-bottom:10px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center}.tenant-summary h3:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#3949ab,#4fc3f7);margin-right:10px}.tenant-summary .summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.tenant-summary .summary-grid .summary-item{display:flex;flex-direction:column}.tenant-summary .summary-grid .summary-item .label{font-size:12px;color:var(--text-muted);margin-bottom:5px;letter-spacing:.5px;text-transform:uppercase;font-weight:500}.tenant-summary .summary-grid .summary-item .value{font-size:16px;font-weight:500;color:#37474f;position:relative}.tenant-summary .summary-grid .summary-item .value:after{content:"";position:absolute;left:0;bottom:-4px;width:25px;height:2px;background:linear-gradient(90deg,#3949ab,#4fc3f7);opacity:.5}.fade-in{animation:fadeIn .8s ease-in-out}.slide-up{animation:slideUp .5s ease-in-out}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.add-tenant-btn-list{display:flex;align-items:center;gap:8px;font-weight:500;transform:translateY(0);transition:all .2s ease}.add-tenant-btn-list:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.add-tenant-btn-list:active{transform:translateY(0)}.submit-button mat-progress-spinner{margin-left:8px}:root{--primary-color: #3949ab;--primary-light: #4fc3f7;--secondary-color: #43a047;--accent-color: #ff5722;--warning-color: #fb8c00;--danger-color: #e53935;--background-color: #f9fafc;--text-color: #1f2937;--text-muted: #475569;--text-subtle: #64748b;--text-light: #475569;--light-gray: #e0e0e0;--dark-gray: #475569}body{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;color:var(--primary-color)}a{color:var(--secondary-color);text-decoration:none;transition:color .3s ease}a:hover{color:#25a25a}.container{width:90%;max-width:1200px;margin:0 auto;padding:20px}button,.btn{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}button:hover,.btn:hover{background-color:#2980b9}html,body{height:100%;margin:0;padding:0;font-family:Roboto,Helvetica Neue,sans-serif}body{background-color:var(--background-color);color:var(--text-color)}.mat-mdc-card,.mat-mdc-dialog-container,.mat-mdc-menu-item,.mat-mdc-option,.mat-mdc-select-value-text,input,textarea,select{color:var(--text-color)}.mat-mdc-form-field .mat-mdc-floating-label,.mat-mdc-form-field .mdc-floating-label,.mat-mdc-card-subtitle,.mat-mdc-form-field-hint,.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper,small,.text-muted,.mdc-list-item__secondary-text{color:var(--text-muted)}input::placeholder,textarea::placeholder,.mat-mdc-form-field .mat-mdc-select-placeholder{color:var(--text-subtle)!important;opacity:1}.full-width{width:100%}.container{padding:20px}.flex-container{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.card-container{padding:16px;margin:16px 0;border-radius:4px}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.p-4{padding:1rem}.form-container{max-width:500px;margin:0 auto;padding:24px}.form-container .form-header{margin-bottom:24px}.form-container .full-width{width:100%;margin-bottom:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:24px}.mat-mdc-dialog-container{--mdc-dialog-container-color: white !important}.mat-mdc-dialog-container .mdc-dialog__container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mat-mdc-dialog-container .mdc-dialog__surface{background-color:#fff!important;box-shadow:0 16px 32px #00000014!important;border-radius:24px!important;overflow:hidden!important;max-width:95vw!important;box-sizing:border-box!important}.mat-mdc-dialog-container .mat-mdc-dialog-content{max-height:calc(95vh - 160px)!important;box-sizing:border-box!important}.notification-panel.mat-mdc-menu-panel,.user-actions-panel.mat-mdc-menu-panel{background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid #d8e2ef;border-radius:20px!important;box-shadow:0 18px 40px #0f172a2e!important;overflow:hidden}.notification-panel{width:min(420px,100vw - 24px);min-width:380px;max-width:420px}.notification-panel .mat-mdc-menu-content{padding:0!important}.notification-panel .notification-header{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 18px 12px;background:linear-gradient(180deg,#2563eb14,#4f46e50a)}.notification-panel .notification-header-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.notification-panel .notification-header-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;width:100%}.notification-panel .notification-action-button,.notification-panel .notification-footer-button{min-width:0;height:34px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:600;line-height:34px}.notification-panel .notification-action-button{color:#1d4ed8;background:#ffffffd6;border:1px solid rgba(37,99,235,.16)}.notification-panel .notification-action-button:hover{background:#fff}.notification-panel .notification-heading{font-size:15px;font-weight:700;color:#0f172a}.notification-panel .notification-subheading{font-size:12px;color:#64748b}.notification-panel .notification-list{max-height:420px;overflow-y:auto;padding:8px}.notification-panel .notification-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;border-radius:16px;margin-bottom:6px;border:1px solid #cfe4ff;background:linear-gradient(180deg,#f4f9ff,#edf6ff)}.notification-panel .notification-item:last-child{margin-bottom:0}.notification-panel .notification-open-button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;cursor:pointer;border-radius:16px 0 0 16px}.notification-panel .notification-open-button:hover{background:#ffffff8f}.notification-panel .notification-delete-button{width:36px;height:36px;margin-right:8px;justify-self:center;color:#64748b}.notification-panel .notification-delete-button:hover{color:#dc2626}.notification-panel .mat-mdc-menu-item{height:auto!important;min-height:92px;border-radius:16px;margin-bottom:6px;padding:10px 12px!important;align-items:flex-start!important}.notification-panel .mat-mdc-menu-item:last-child{margin-bottom:0}.notification-panel .mat-mdc-menu-item .mat-mdc-menu-item-text{width:100%;white-space:normal!important}.notification-panel .notification-content{display:flex;flex-direction:column;gap:8px;width:100%}.notification-panel .notification-meta-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px}.notification-panel .notification-status-dot{width:9px;height:9px;margin-top:6px;border-radius:999px;background:linear-gradient(135deg,#06b6d4,#2563eb);box-shadow:0 0 0 4px #2563eb1f}.notification-panel .notification-title{font-size:14px;font-weight:700;line-height:1.35;color:#172033}.notification-panel .notification-time{font-size:11px;font-weight:600;color:#64748b;white-space:nowrap}.notification-panel .notification-message{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;font-size:12.5px;line-height:1.5;color:#4b5563}.notification-panel .unread-notification{background:linear-gradient(180deg,#f4f9ff,#edf6ff)!important;border:1px solid #cfe4ff}.notification-panel .notification-panel-footer{display:flex;justify-content:stretch;padding:10px 16px 14px}.notification-panel .notification-footer-button{width:100%;justify-content:center;color:#0f172a;background:#e2e8f080}.notification-panel .notification-footer-button:hover{background:#e2e8f0c7}.notification-panel .mat-mdc-menu-item:hover{background:#f7fbff!important}.notification-panel .empty-state{padding:26px 20px;text-align:center;font-size:13px;color:#64748b}.notification-panel .mat-divider{border-top-color:#e2e8f0}@media (max-width: 640px){.notification-panel{min-width:min(380px,100vw - 24px)}.notification-panel .notification-header{gap:10px}.notification-panel .notification-header-actions{justify-content:flex-start}.notification-panel .notification-meta-row{grid-template-columns:auto minmax(0,1fr)}.notification-panel .notification-time{grid-column:2}}.user-actions-panel{min-width:220px}.user-actions-panel .mat-mdc-menu-content{padding:8px!important}.user-actions-panel .mat-mdc-menu-item{border-radius:14px;margin-bottom:4px}.user-actions-panel .mat-mdc-menu-item:last-child{margin-bottom:0}.user-actions-panel .mat-mdc-menu-item:hover{background:#f2f7ff!important}.user-actions-panel .mat-divider{margin:8px 0;border-top-color:#e2e8f0}