*{margin:0;padding:0;box-sizing:border-box}.dashboard-wrapper{display:flex;min-height:100vh;background-color:#f8f9fa}.sidebarContainer{width:280px;background:white;border-right:1px solid #dee2e6;position:fixed;top:0;left:0;height:100vh;z-index:1050;transform:translateX(-100%);transition:transform .3s ease-in-out;overflow-y:auto}.sidebarContainer.translate-x-0{transform:translateX(0)}@media (min-width:992px){.sidebarContainer{position:-webkit-sticky;position:sticky;transform:translateX(0)}.mainContent{margin-left:280px;flex:1 1}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1040;display:none}.sidebar-overlay.active{display:block}.mainContent{flex:1 1;min-height:100vh;width:100%;transition:margin-left .3s ease-in-out}.mobile-header{position:-webkit-sticky;position:sticky;top:0;z-index:1030;background:white;border-bottom:1px solid #dee2e6;height:56px}.sidebarNav{height:calc(100vh - 240px);overflow-y:auto}.sidebarNav::-webkit-scrollbar{width:4px}.sidebarNav::-webkit-scrollbar-track{background:#f1f1f1}.sidebarNav::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.dashboard-content{padding:20px}.dashboard-header{background:white;padding:1.5rem;border-radius:10px;margin-bottom:1.5rem}.dashboard-header,.stat-card{box-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-card{border:none;border-radius:10px;transition:all .3s ease;height:100%}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.quick-action-card{transition:all .3s ease;border:2px solid transparent;height:100%;text-decoration:none!important}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1);border-color:currentColor;text-decoration:none!important}.icon-wrapper{width:56px;height:56px;border-radius:12px;margin:0 auto 1rem}.activity-avatar,.icon-wrapper{display:flex;align-items:center;justify-content:center}.activity-avatar{width:36px;height:36px}.inspection-time{min-width:60px;text-align:center}.time-hour{font-size:1.1rem;font-weight:700;line-height:1}.time-period{font-size:.75rem;opacity:.9}.table th{border-top:none;font-weight:600;color:#495057;background-color:#f8f9fa}.table td{vertical-align:middle}.card{border:none;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:1.5rem}.card-header{background:white;border-bottom:1px solid #e9ecef;padding:1rem 1.25rem;border-radius:10px 10px 0 0!important}.bg-primary-light{background-color:rgba(13,110,253,.1)!important}.bg-success-light{background-color:rgba(25,135,84,.1)!important}.bg-warning-light{background-color:rgba(255,193,7,.1)!important}.bg-danger-light{background-color:rgba(220,53,69,.1)!important}.bg-info-light{background-color:rgba(13,202,240,.1)!important}.text-primary-light{color:rgba(13,110,253,.8)!important}.text-success-light{color:rgba(25,135,84,.8)!important}.text-warning-light{color:rgba(255,193,7,.8)!important}.text-danger-light{color:rgba(220,53,69,.8)!important}.text-info-light{color:rgba(13,202,240,.8)!important}.border-primary-light{border-color:rgba(13,110,253,.2)!important}.border-success-light{border-color:rgba(25,135,84,.2)!important}.border-warning-light{border-color:rgba(255,193,7,.2)!important}.border-danger-light{border-color:rgba(220,53,69,.2)!important}.border-info-light{border-color:rgba(13,202,240,.2)!important}.hover-bg-light:hover{background-color:rgba(0,0,0,.05)!important}@media (max-width:768px){.dashboard-content{padding:15px}.dashboard-header{padding:1rem}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:1030}.dashboard-content{padding-top:70px}}@media (max-width:576px){.card-body{padding:1rem}.table-responsive{font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.last-mb-0:last-child{margin-bottom:0!important}.z-40{z-index:40}.z-1050{z-index:1050}@media (max-width:991.98px){.dropdown-menu{position:absolute!important}}.form-container{background:#f8f9fa;min-height:100vh}.form-header{background:white;border-bottom:1px solid #dee2e6;padding:1.5rem 0}.form-main{max-width:1200px;margin:0 auto}.form-card{border:none;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s ease;margin-bottom:1.5rem}.form-card:hover{transform:translateY(-2px)}.form-card .card-header{background:white;border-bottom:1px solid #e9ecef;border-radius:10px 10px 0 0!important;padding:1.25rem 1.5rem}.form-card .card-body{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{font-weight:600;color:#495057;margin-bottom:.5rem;display:block}.form-control,.form-select{border:1px solid #ced4da;border-radius:6px;padding:.625rem 1rem;font-size:.9375rem;transition:all .3s ease;height:calc(2.5rem + 2px)}.form-control:focus,.form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.25);outline:none}.form-control.is-invalid,.form-select.is-invalid{border-color:#dc3545;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")}.form-control.is-invalid,.form-control.is-valid,.form-select.is-invalid,.form-select.is-valid{background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid,.form-select.is-valid{border-color:#198754;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")}.input-group-text{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:6px 0 0 6px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:0;z-index:5}.password-toggle:hover{color:#495057}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875rem;color:#dc3545}.is-invalid~.invalid-feedback{display:block}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875rem;color:#198754}.is-valid~.valid-feedback{display:block}.role-permissions{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:8px;padding:1.5rem}.role-permission-item{display:flex;align-items:center;margin-bottom:.75rem}.role-permission-dot{width:8px;height:8px;border-radius:50%;margin-right:10px;flex-shrink:0}.guide-card{border-left:4px solid;margin-bottom:1rem;transition:transform .2s ease}.guide-card:hover{transform:translateX(5px)}.guide-card.blue{border-color:#0d6efd;background:rgba(13,110,253,.05)}.guide-card.green{border-color:#198754;background:rgba(25,135,84,.05)}.guide-card.yellow{border-color:#ffc107;background:rgba(255,193,7,.05)}.guide-card.purple{border-color:#6f42c1;background:rgba(111,66,193,.05)}.loading-spinner{display:inline-block;width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.form-card .card-body{padding:1rem}.form-control,.form-select{font-size:.875rem}.guide-sidebar{margin-top:2rem}}.alert-message{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.stats-card{transition:all .3s ease;border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.stats-card .card-body{padding:1rem}.user-avatar{width:40px;height:40px;font-size:1rem;font-weight:700}.status-toggle,.user-role-badge{font-size:.75rem;padding:.25rem .5rem}.status-toggle{width:80px}.action-buttons .btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:10}.building-info,.extra-small{font-size:.75rem}.building-info{color:#6c757d}@media (max-width:768px){.table-responsive,.user-avatar{font-size:.875rem}.user-avatar{width:32px;height:32px}.action-buttons{flex-wrap:wrap;gap:.25rem}.action-buttons .btn{width:28px;height:28px}.stats-card .card-body{padding:.75rem}}.empty-state{min-height:300px;display:flex;align-items:center;justify-content:center}.search-input:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.user-profile-header{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:10px;padding:2rem;margin-bottom:2rem}.user-avatar-large{width:80px;height:80px;font-size:2rem;font-weight:700;border:4px solid white}.stats-card-small{transition:all .3s ease;border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);height:100%}.stats-card-small:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.stats-card-small .card-body{padding:1rem}.permission-list li{padding:.25rem 0;border-bottom:1px solid #f0f0f0}.permission-list li:last-child{border-bottom:none}.quick-action-btn{padding:.75rem 1rem;border-radius:8px;transition:all .2s ease}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.form-control-plaintext{padding:.375rem 0;margin-bottom:0;background-color:transparent;border:none}.role-badge{font-size:.875rem;padding:.35rem .75rem}.activity-timeline{position:relative;padding-left:2rem}.activity-timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#e9ecef}.activity-item{position:relative;padding-bottom:1.5rem}.activity-item:before{content:"";position:absolute;left:-1.75rem;top:5px;width:12px;height:12px;border-radius:50%;background:#0d6efd;border:2px solid white}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.edit-mode .form-control{background-color:#fff;border:1px solid #ced4da}.edit-mode .form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}@media (max-width:768px){.user-profile-header{padding:1.5rem}.user-avatar-large{width:60px;height:60px;font-size:1.5rem}.stats-card-small .card-body{padding:.75rem}.activity-timeline{padding-left:1.5rem}.activity-item:before{left:-1.25rem}}.loading-overlay-user{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:9999}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-animation{animation:slideDown .3s ease}.bg-purple{background-color:#6f42c1!important}.btn-group-action{display:flex;gap:.5rem;flex-wrap:wrap}.form-section{margin-bottom:2rem;padding:1.5rem;background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-section-header{border-bottom:1px solid #e9ecef;padding-bottom:1rem;margin-bottom:1.5rem}.unit-status-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px}.unit-status-available{background-color:rgba(25,135,84,.1);color:#198754;border:1px solid #198754}.unit-status-rented{background-color:rgba(13,110,253,.1);color:#0d6efd;border:1px solid #0d6efd}.unit-status-maintenance{background-color:rgba(255,193,7,.1);color:#ffc107;border:1px solid #ffc107}.unit-status-unavailable{background-color:rgba(108,117,125,.1);color:#6c757d;border:1px solid #6c757d}.unit-card{transition:all .3s ease;border:none;border-radius:10px;overflow:hidden;height:100%}.unit-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.unit-card .card-img-top{height:200px;object-fit:cover}.unit-features{gap:1rem;margin:1rem 0}.unit-feature,.unit-features{display:flex;align-items:center}.unit-feature{gap:.5rem}.unit-feature .icon{color:#6c757d}.unit-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px;margin-top:1rem}.unit-gallery-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer}.unit-gallery-item img{width:100%;height:100px;object-fit:cover;transition:transform .3s ease}.unit-gallery-item:hover img{transform:scale(1.1)}.unit-form-section{border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.amenities-grid{margin-top:10px}.unit-detail-header{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:10px;padding:2rem;margin-bottom:2rem}.unit-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.unit-info-item{display:flex;flex-direction:column;gap:.5rem}.unit-info-label{font-size:.875rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.unit-info-value{font-size:1.125rem;font-weight:600;color:#343a40}.image-upload-container{transition:all .3s ease}.image-upload-container:hover{border-color:#0d6efd;background-color:rgba(13,110,253,.05)}.image-upload-container.dragover{border-color:#198754;background-color:rgba(25,135,84,.05)}.image-preview-item{border-radius:6px}.image-preview-item img{height:100px}.remove-image-btn{transition:all .2s ease}.remove-image-btn:hover{background:#dc3545;transform:scale(1.1)}.unit-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width:768px){.unit-detail-header{padding:1.5rem}.unit-info-grid{grid-template-columns:1fr}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.amenities-grid{grid-template-columns:1fr}}.unit-stats-card{background:white;border-radius:8px;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s ease}.unit-stats-card:hover{transform:translateY(-2px)}.unit-stats-icon{border-radius:50%}.table-unit-avatar{width:40px;height:40px}.empty-units-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem}.unit-calendar{background:white;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.calendar-day{text-align:center;padding:.5rem;border-radius:6px;cursor:pointer}.calendar-day.booked{background-color:rgba(220,53,69,.1);color:#dc3545}.calendar-day.available{background-color:rgba(25,135,84,.1);color:#198754}.calendar-day.today{background-color:rgba(13,110,253,.1);color:#0d6efd;font-weight:700}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px;margin-top:1rem}.image-preview-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.image-preview-item img{width:100%;height:120px;object-fit:cover}.remove-image-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:rgba(220,53,69,.9);color:white;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.remove-image-btn:hover{background:rgba(220,53,69,1)}.unit-form-section{background:white;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px}.amenity-checkbox{display:flex;align-items:center;gap:8px;padding:4px 0}.image-upload-container{border:2px dashed #dee2e6;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.image-upload-container.dragover,.image-upload-container:hover{border-color:#0d6efd;background:rgba(13,110,253,.05)}.table-unit-avatar{width:50px;height:50px;border-radius:8px;object-fit:cover}.unit-stats-card{text-align:center}.unit-stats-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}@media (max-width:768px){.amenities-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-preview-grid{grid-template-columns:repeat(2,1fr)}}