*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}a{color:#4a6fdc;text-decoration:none;transition:all .3s ease}a:hover{color:#3a59b0;text-decoration:underline}a:focus{outline:3px solid rgba(74,111,220,.5);outline-offset:2px}button:focus,input:focus{outline:3px solid rgba(74,111,220,.5);outline-offset:2px}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}.btn{padding:12px 24px;font-size:16px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:#4a6fdc;color:#fff;flex:1}.btn-primary:hover{background-color:#3a59b0;color:#f8f9fa}.btn-secondary{background-color:#f2f2f2;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.form-container{padding:30px;transition:all .3s ease;animation:fadeIn .5s ease}.form-container.hidden{display:none}.form-group{margin-bottom:20px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px}.form-actions{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font-size:24px;margin-bottom:20px;color:#4a6fdc;text-align:center}label{display:block;margin-top:6px;font-weight:500;color:#333}.input-icon-wrapper{position:relative;display:flex;align-items:center}.input-icon-wrapper i{align-self:self-start;place-self:center;position:absolute;left:12px;color:#777}select,textarea,input,#email,#password{width:100%;padding:12px 40px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease}select:focus,textarea:focus,input:focus,#email:focus,#password:focus{border-color:#4a6fdc;outline:none;box-shadow:0 0 0 3px rgba(74,111,220,.2)}.toggle-password{align-self:flex-end;place-self:center;position:absolute;right:40px;top:30%;background:none;border:none;color:#777;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-password:hover{color:#4a6fdc}.checkbox-container{position:relative;padding-left:28px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container .checkmark{position:absolute;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #e0e0e0;border-radius:3px}.checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container:hover input~.checkmark{border-color:#4a6fdc}.checkbox-container input:checked~.checkmark{background-color:#4a6fdc;border-color:#4a6fdc}.checkbox-container input:checked~.checkmark:after{display:block}.password-strength{margin-top:8px;background-color:#f2f2f2;height:5px;border-radius:10px;overflow:hidden}.password-strength .strength-bar{height:100%;width:0;background-color:#e74c3c;transition:all .3s ease}.password-strength .strength-text{display:block;font-size:12px;margin-top:4px;color:#777}.login-message,.recovery-message,.reset-message{margin-top:20px;padding:10px;border-radius:8px;font-size:14px}.loading{padding:12px;border-radius:8px;display:flex;align-items:center;gap:10px;display:abasolute;top:100px;position:fixed;left:50%;transform:translateX(-50%);z-index:1000;background-color:#e9f3fe;color:#4a6fdc}.success-message{padding:12px;border-radius:8px;display:flex;align-items:center;gap:10px;display:abasolute;top:100px;position:fixed;left:50%;transform:translateX(-50%);z-index:1000;background-color:#e8f8f0;color:#2ecc71}.error-message{padding:12px;border-radius:8px;display:flex;align-items:center;gap:10px;display:abasolute;top:100px;position:fixed;left:50%;transform:translateX(-50%);z-index:1000;background-color:#fdedec;color:#e74c3c}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:100%;width:350px}.toast{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:15px;display:flex;align-items:center;justify-content:space-between;animation:slide-in .3s ease forwards;overflow:hidden;position:relative}.toast::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#4a6fdc}.toast.toast-success::before{background-color:#2ecc71}.toast.toast-error::before{background-color:#e74c3c}.toast.toast-warning::before{background-color:#f39c12}.toast-content{display:flex;align-items:center;gap:10px;flex:1}.toast-content i{font-size:18px;color:#4a6fdc}.toast-success .toast-content i{color:#2ecc71}.toast-error .toast-content i{color:#e74c3c}.toast-warning .toast-content i{color:#f39c12}.toast-close{background:none;border:none;color:#777;cursor:pointer;font-size:14px;padding:5px;display:flex;align-items:center;justify-content:center;margin-left:10px}.toast-close:hover{color:#333}.toast-hiding{animation:slide-out .3s ease forwards}@keyframes slide-out{0%{transform:translateX(0);opacity:1}100%{transform:translateX(100%);opacity:0}}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:auto}.modal.show{display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal .modal-content{background-color:#fff;margin:20px auto;width:95%;max-height:90vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;position:relative;animation:slideIn .3s ease}@media(max-width: 768px){.modal .modal-content{width:95%;margin:10px auto;max-height:95vh}}.modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background-color:rgba(74,111,220,.05)}.modal .modal-content .modal-header h3{margin:0;color:#4a6fdc;font-size:18px;display:flex;align-items:center;gap:8px}.modal .modal-content .modal-header h3 i{color:#4a6fdc}.modal .modal-content .modal-header .close-modal{background:none;border:none;font-size:24px;cursor:pointer;color:#777;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.modal .modal-content .modal-header .close-modal:hover{background-color:rgba(231,76,60,.1);color:#e74c3c}.modal .modal-content .modal-body{padding:20px;max-height:60vh;overflow-y:auto}.modal .modal-content .modal-body p{margin:0 0 15px;line-height:1.6}.modal .modal-content .modal-body .form-group{margin-bottom:20px}.modal .modal-content .modal-body .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.modal .modal-content .modal-body .form-group label .required{color:#e74c3c;margin-left:3px}.modal .modal-content .modal-body .form-group input,.modal .modal-content .modal-body .form-group select,.modal .modal-content .modal-body .form-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease}.modal .modal-content .modal-body .form-group input:focus,.modal .modal-content .modal-body .form-group select:focus,.modal .modal-content .modal-body .form-group textarea:focus{border-color:#4a6fdc;outline:none;box-shadow:0 0 0 3px rgba(74,111,220,.1)}.modal .modal-content .modal-body .form-group input.error,.modal .modal-content .modal-body .form-group select.error,.modal .modal-content .modal-body .form-group textarea.error{border-color:#e74c3c}.modal .modal-content .modal-body .form-group input.error:focus,.modal .modal-content .modal-body .form-group select.error:focus,.modal .modal-content .modal-body .form-group textarea.error:focus{box-shadow:0 0 0 3px rgba(231,76,60,.1)}.modal .modal-content .modal-body .form-group textarea{resize:vertical;min-height:80px}.modal .modal-content .modal-body .form-group .form-error{color:#e74c3c;font-size:12px;margin-top:5px;display:block}.modal .modal-content .modal-body .form-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width: 640px){.modal .modal-content .modal-body .form-grid{grid-template-columns:repeat(2, 1fr)}}.modal .modal-content .modal-body .form-grid .form-group.col-span-2{grid-column:1/-1}.modal .modal-content .modal-body .warning-box{padding:15px;background-color:rgba(243,156,18,.1);border-left:4px solid #f39c12;border-radius:8px;margin:15px 0;display:flex;align-items:flex-start;gap:10px}.modal .modal-content .modal-body .warning-box i{color:#f39c12;margin-top:3px;font-size:18px}.modal .modal-content .modal-body .warning-box p{margin:0;color:#333;font-size:14px}.modal .modal-content .modal-body .document-upload-container{margin-top:15px}.modal .modal-content .modal-body .document-upload-container .document-upload-dropzone{border:2px dashed #e0e0e0;border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease}.modal .modal-content .modal-body .document-upload-container .document-upload-dropzone:hover,.modal .modal-content .modal-body .document-upload-container .document-upload-dropzone.drag-over{border-color:#4a6fdc;background-color:rgba(74,111,220,.02)}.modal .modal-content .modal-body .document-upload-container .document-upload-dropzone i{font-size:48px;color:#777;margin-bottom:15px;display:block}.modal .modal-content .modal-body .document-upload-container .document-upload-dropzone p{margin:5px 0;color:#333}.modal .modal-content .modal-body .document-upload-container .document-upload-dropzone .upload-text{color:#4a6fdc;font-weight:500;text-decoration:underline}.modal .modal-content .modal-body .document-upload-container .document-upload-dropzone .upload-note{font-size:12px;color:#777}.modal .modal-content .modal-body .document-upload-container #document-preview{margin-top:15px}.modal .modal-content .modal-body .document-upload-container #document-preview .document-preview-item{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:8px;padding:15px;background-color:rgba(74,111,220,.02)}.modal .modal-content .modal-body .document-upload-container #document-preview .document-preview-item .document-icon{font-size:24px;color:#4a6fdc;margin-right:15px;width:40px;text-align:center}.modal .modal-content .modal-body .document-upload-container #document-preview .document-preview-item .document-info{flex:1}.modal .modal-content .modal-body .document-upload-container #document-preview .document-preview-item .document-info .document-name{font-weight:500;color:#333;margin-bottom:3px}.modal .modal-content .modal-body .document-upload-container #document-preview .document-preview-item .document-info .document-size{font-size:12px;color:#777}.modal .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0;background-color:rgba(248,249,250,.5)}@media(max-width: 768px){.modal .modal-content .modal-footer{flex-direction:column}.modal .modal-content .modal-footer .btn{width:100%;margin-bottom:5px}}.modal .modal-content .modal-footer .btn{min-width:100px}.modal .modal-content .modal-footer .btn:last-child{margin-bottom:0}#payment-modal .modal-content{max-width:700px}#payment-modal .payment-info{background-color:rgba(74,111,220,.05);padding:15px;border-radius:8px;margin-bottom:20px}#payment-modal .payment-info h4{margin:0 0 10px;color:#4a6fdc}#payment-modal .payment-info .payment-details{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:10px}#payment-modal .payment-info .payment-details .detail-item .label{font-size:12px;color:#777;display:block}#payment-modal .payment-info .payment-details .detail-item .value{font-weight:500;color:#333}#receipt-modal{z-index:10001}#receipt-modal .modal-content{max-width:900px;max-height:95vh}@media(max-width: 768px){#receipt-modal .modal-content{max-width:95vw;margin:10px auto}}#receipt-modal .modal-body{padding:0;max-height:none}#receipt-modal .modal-body #receipt-content{padding:20px;max-height:75vh;overflow-y:auto;background:#fff}#receipt-modal .modal-body #receipt-content .receipt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;border-bottom:2px solid #2c5aa0;padding-bottom:15px}#receipt-modal .modal-body #receipt-content .receipt-header h1{margin:0;font-size:24px;color:#2c5aa0;font-weight:bold}#receipt-modal .modal-body #receipt-content .receipt-header .receipt-number{margin:5px 0 0 0;color:#666;font-size:11px}#receipt-modal .modal-body #receipt-content .receipt-header .receipt-total{text-align:right}#receipt-modal .modal-body #receipt-content .receipt-header .receipt-total .amount-box{background:#2c5aa0;color:#fff;padding:8px 12px;border-radius:4px;margin-bottom:8px;font-size:14px;font-weight:bold}#receipt-modal .modal-body #receipt-content .receipt-header .receipt-total .receipt-date,#receipt-modal .modal-body #receipt-content .receipt-header .receipt-total .receipt-status{margin:0;font-size:11px;color:#666}#receipt-modal .modal-body #receipt-content .parties-section{display:flex;justify-content:space-between;margin-bottom:20px;gap:15px}#receipt-modal .modal-body #receipt-content .parties-section .party-box{width:48%;background:#f8f9fa;padding:15px;border-radius:6px}#receipt-modal .modal-body #receipt-content .parties-section .party-box.landlord{border-left:4px solid #2c5aa0}#receipt-modal .modal-body #receipt-content .parties-section .party-box.tenant{border-left:4px solid #28a745}#receipt-modal .modal-body #receipt-content .parties-section .party-box h3{margin:0 0 10px 0;font-size:14px;font-weight:bold}#receipt-modal .modal-body #receipt-content .parties-section .party-box h3.landlord-title{color:#2c5aa0}#receipt-modal .modal-body #receipt-content .parties-section .party-box h3.tenant-title{color:#28a745}#receipt-modal .modal-body #receipt-content .parties-section .party-box .party-name{margin:0 0 5px 0;font-weight:bold;font-size:13px}#receipt-modal .modal-body #receipt-content .parties-section .party-box .party-contact{margin:0 0 3px 0;font-size:11px;color:#666}#receipt-modal .modal-body #receipt-content .property-section{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:15px;margin-bottom:20px}#receipt-modal .modal-body #receipt-content .property-section h3{margin:0 0 12px 0;color:#2c5aa0;font-size:14px;font-weight:bold;border-bottom:1px solid #dee2e6;padding-bottom:8px}#receipt-modal .modal-body #receipt-content .property-section .property-info{display:flex;justify-content:space-between}#receipt-modal .modal-body #receipt-content .property-section .property-info .property-main{width:60%}#receipt-modal .modal-body #receipt-content .property-section .property-info .property-main .property-name{margin:0 0 5px 0;font-weight:bold;font-size:13px}#receipt-modal .modal-body #receipt-content .property-section .property-info .property-main .property-details{margin:0 0 3px 0;font-size:11px;color:#666}#receipt-modal .modal-body #receipt-content .property-section .property-info .property-rent{width:35%;text-align:right}#receipt-modal .modal-body #receipt-content .property-section .property-info .property-rent .rent-amount,#receipt-modal .modal-body #receipt-content .property-section .property-info .property-rent .rent-frequency{margin:0 0 3px 0;font-size:11px;color:#666}#receipt-modal .modal-body #receipt-content .payment-details-section{background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden;margin-bottom:20px}#receipt-modal .modal-body #receipt-content .payment-details-section .section-header{margin:0;color:#fff;background:#2c5aa0;font-size:14px;font-weight:bold;padding:12px 15px}#receipt-modal .modal-body #receipt-content .payment-details-section .details-table{width:100%;border-collapse:collapse}#receipt-modal .modal-body #receipt-content .payment-details-section .details-table tr{border-bottom:1px solid #dee2e6}#receipt-modal .modal-body #receipt-content .payment-details-section .details-table tr:last-child{border-bottom:none}#receipt-modal .modal-body #receipt-content .payment-details-section .details-table td{padding:10px 15px}#receipt-modal .modal-body #receipt-content .payment-details-section .details-table td.label{font-weight:bold;width:40%;background:#f8f9fa}#receipt-modal .modal-body #receipt-content .payment-details-section .details-table td.value{font-size:12px}#receipt-modal .modal-body #receipt-content .payment-details-section .details-table .status-badge{background:#d4edda;color:#155724;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:bold}#receipt-modal .modal-body #receipt-content .notes-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:12px;margin-bottom:20px}#receipt-modal .modal-body #receipt-content .notes-section h4{margin:0 0 8px 0;color:#856404;font-size:12px;font-weight:bold}#receipt-modal .modal-body #receipt-content .notes-section p{margin:0;font-size:11px;color:#856404}#receipt-modal .modal-body #receipt-content .total-section{text-align:center;background:linear-gradient(135deg, #f8f9fa, #e9ecef);border:2px solid #2c5aa0;border-radius:8px;padding:20px;margin-bottom:20px}#receipt-modal .modal-body #receipt-content .total-section .total-label{margin:0 0 8px 0;font-size:14px;color:#666}#receipt-modal .modal-body #receipt-content .total-section .total-amount{margin:0 0 8px 0;font-size:28px;font-weight:bold;color:#2c5aa0}#receipt-modal .modal-body #receipt-content .total-section .total-status{margin:0;font-size:12px;color:#28a745;font-weight:bold}#receipt-modal .modal-body #receipt-content .receipt-footer{border-top:1px solid #dee2e6;padding-top:15px;text-align:center;color:#666;font-size:10px}#receipt-modal .modal-body #receipt-content .receipt-footer .footer-details{display:flex;justify-content:space-between;margin-bottom:8px}#receipt-modal .modal-body #receipt-content .receipt-footer .footer-details span{font-size:10px}#receipt-modal .modal-body #receipt-content .receipt-footer .footer-signature{margin:8px 0 0 0;border-top:1px solid #dee2e6;padding-top:8px}#receipt-modal .modal-body #receipt-content .receipt-footer .footer-signature strong{font-size:11px}@media(max-width: 768px){#receipt-modal .modal-body #receipt-content .parties-section{flex-direction:column}#receipt-modal .modal-body #receipt-content .parties-section .party-box{width:100%}#receipt-modal .modal-body #receipt-content .property-info{flex-direction:column}#receipt-modal .modal-body #receipt-content .property-info .property-main,#receipt-modal .modal-body #receipt-content .property-info .property-rent{width:100%}#receipt-modal .modal-body #receipt-content .property-info .property-rent{text-align:left;margin-top:10px}#receipt-modal .modal-body #receipt-content .footer-details{flex-direction:column;gap:5px;text-align:center}}#receipt-modal .modal-footer{flex-wrap:wrap;justify-content:center;gap:10px;padding:15px 20px}@media(max-width: 768px){#receipt-modal .modal-footer{flex-direction:column}#receipt-modal .modal-footer .btn{width:100%;margin-bottom:5px}}#receipt-modal .modal-footer .btn{min-width:120px}#receipt-modal .modal-footer .btn#whatsapp-receipt-btn{background-color:#25d366;border-color:#25d366}#receipt-modal .modal-footer .btn#whatsapp-receipt-btn:hover{background-color:#20ba59;border-color:#20ba59}#delete-modal .modal-content{max-width:450px}#delete-modal .modal-body{text-align:center}#delete-modal .modal-body i{font-size:48px;color:#e74c3c;margin-bottom:15px;display:block}#delete-modal .modal-body p{font-size:16px;color:#333}#delete-modal .modal-footer{justify-content:center}#delete-modal .modal-footer .btn-danger{background-color:#e74c3c;color:#fff}#delete-modal .modal-footer .btn-danger:hover{background-color:rgb(213.698630137,43.8356164384,26.301369863)}#document-modal .modal-content{max-width:600px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(-50px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media print{.modal-header,.modal-footer,.close-modal,.no-print{display:none !important}@page{size:A4;margin:12mm 15mm}*{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;box-shadow:none !important}body{font-family:Arial,sans-serif !important;font-size:11px !important;line-height:1.3 !important;color:#000 !important;margin:0 !important;padding:0 !important}#receipt-content{padding:0 !important;max-height:none !important;overflow:visible !important}#receipt-content .receipt-header{border-bottom:2px solid #000 !important}#receipt-content .receipt-header h1{color:#000 !important;font-size:20px !important}#receipt-content .receipt-header .receipt-total .amount-box{background:#f0f0f0 !important;color:#000 !important;border:1px solid #000 !important}#receipt-content .parties-section{margin-bottom:15px !important}#receipt-content .parties-section .party-box{background:#f8f8f8 !important;border-left:3px solid #000 !important;page-break-inside:avoid}#receipt-content .parties-section .party-box h3{color:#000 !important}#receipt-content .property-section{background:#fff !important;border:1px solid #000 !important;margin-bottom:15px !important;page-break-inside:avoid}#receipt-content .property-section h3{color:#000 !important;border-bottom:1px solid #000 !important}#receipt-content .payment-details-section{border:1px solid #000 !important;margin-bottom:15px !important;page-break-inside:avoid}#receipt-content .payment-details-section .section-header{background:#e0e0e0 !important;color:#000 !important;border-bottom:1px solid #000 !important}#receipt-content .payment-details-section .details-table td.label{background:#f0f0f0 !important}#receipt-content .payment-details-section .details-table tr{border-bottom:1px solid #ccc !important}#receipt-content .payment-details-section .details-table .status-badge{background:#e0e0e0 !important;color:#000 !important;border:1px solid #000 !important}#receipt-content .notes-section{background:#f8f8f8 !important;border:1px solid #000 !important;margin-bottom:15px !important;page-break-inside:avoid}#receipt-content .notes-section h4,#receipt-content .notes-section p{color:#000 !important}#receipt-content .total-section{background:#f0f0f0 !important;border:2px solid #000 !important;margin-bottom:15px !important;page-break-inside:avoid}#receipt-content .total-section .total-amount{color:#000 !important;font-size:24px !important}#receipt-content .total-section .total-label,#receipt-content .total-section .total-status{color:#000 !important}#receipt-content .receipt-footer{border-top:1px solid #000 !important;font-size:9px !important;page-break-inside:avoid}#receipt-content .receipt-footer .footer-details{border-bottom:1px solid #ccc !important}h1,h2,h3,h4,h5,h6{page-break-after:avoid}.party-box,.property-section,.payment-details-section,.notes-section,.total-section{page-break-inside:avoid}.modal-body{display:block !important}#receipt-modal{display:block !important;position:static !important;background:none !important}#receipt-modal .modal-content{box-shadow:none !important;border-radius:0 !important;max-width:none !important;max-height:none !important;margin:0 !important;padding:0 !important}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:9999;display:none}.modal-overlay.active{display:block;animation:fadeIn .3s ease}.action-dropdown{position:relative}.action-dropdown-btn{background:none;border:none;cursor:pointer;color:#777;font-size:16px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-dropdown-btn:hover{background-color:rgba(74,111,220,.1);color:#4a6fdc}.action-dropdown-content{position:absolute;right:0;top:100%;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2);min-width:180px;z-index:3000;display:none;overflow:visible}.action-dropdown-content.active{display:block;animation:fadeIn .2s ease}.action-dropdown-content a{display:flex;align-items:center;gap:10px;padding:10px 15px;color:#333;text-decoration:none;transition:all .3s ease;white-space:nowrap}.action-dropdown-content a i{width:20px;text-align:center;color:#4a6fdc}.action-dropdown-content a:hover{background-color:rgba(74,111,220,.1);text-decoration:none}.action-dropdown-content a.action-danger{color:#e74c3c}.action-dropdown-content a.action-danger i{color:#e74c3c}.action-dropdown-content a.action-danger:hover{background-color:rgba(231,76,60,.1)}.project-card{position:relative;z-index:10;overflow-x:visible}.project-card .action-dropdown{position:absolute;top:140px;right:10px;z-index:20}.project-card .action-dropdown-btn{background-color:hsla(0,0%,100%,.9)}.project-card .action-dropdown-btn:hover{background-color:#fff}.project-card .action-dropdown-content{position:absolute;z-index:3000}.project-card .action-dropdown-content.active{max-height:80vh;overflow-y:auto;padding:10px 0}.project-card .action-dropdown-content.active a{padding:5px 15px}@media(max-width: 768px){.project-card .action-dropdown-content{right:auto;left:0}}.projects-table .project-actions{position:relative}.projects-table .project-actions .action-dropdown{display:inline-block}.projects-table .project-actions .action-dropdown-content{right:0;z-index:3000}@media(max-width: 768px){.projects-table .project-actions .action-dropdown-content{right:auto;left:-120px}}body .action-dropdown-content.active{position:absolute !important;z-index:3000 !important}.documents-stats{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.documents-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:20px;text-align:center}.documents-stats .stats-grid .stat-item .stat-value{font-size:24px;font-weight:bold;color:var(--primary-color, #4a6fdc);margin-bottom:5px}.documents-stats .stats-grid .stat-item .stat-label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;padding:0}@media(max-width: 768px){.documents-grid{grid-template-columns:1fr;gap:15px}}.document-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease;position:relative;display:flex;flex-direction:column}.document-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.document-card .document-icon{display:flex;justify-content:center;margin-bottom:15px}.document-card .document-icon i{font-size:48px;transition:color .3s ease}.document-card .document-icon i.fa-file-pdf{color:#e74c3c}.document-card .document-icon i.fa-file-image{color:#f39c12}.document-card .document-icon i.fa-file-word{color:#3498db}.document-card .document-icon i.fa-file-excel{color:#27ae60}.document-card .document-icon i.fa-file-archive{color:#9b59b6}.document-card .document-icon i.fa-file{color:#6c757d}.document-card .document-icon i.fa-file-alt{color:#6c757d}.document-card .document-info{text-align:center;flex-grow:1;margin-bottom:15px}.document-card .document-info h4{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 10px 0;line-height:1.3;min-height:40px;display:flex;align-items:center;justify-content:center}.document-card .document-info p{margin:5px 0;font-size:13px;color:#6c757d;display:flex;align-items:center;justify-content:center;gap:5px}.document-card .document-info p i{font-size:12px;opacity:.7}.document-card .document-info p.document-date{color:#28a745;font-weight:500}.document-card .document-info p.document-size{color:#17a2b8;font-weight:500}.document-card .document-info p.document-tenant,.document-card .document-info p.document-uploader{color:#6f42c1;font-size:12px}.document-card .document-info .document-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;border-radius:4px;padding:5px 8px;font-size:11px;margin-top:10px;display:flex;align-items:center;gap:5px}.document-card .document-info .document-warning i{font-size:10px}.document-card .document-actions{display:flex;justify-content:center;gap:10px;border-top:1px solid #f8f9fa;padding-top:15px;margin-top:auto}.document-card .document-actions .btn-icon{background:none;border:1px solid #dee2e6;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#6c757d;cursor:pointer;transition:all .3s ease;font-size:14px}.document-card .document-actions .btn-icon:hover{background:#f8f9fa;color:#495057;transform:translateY(-1px)}.document-card .document-actions .btn-icon.danger{border-color:#dc3545;color:#dc3545}.document-card .document-actions .btn-icon.danger:hover{background:#dc3545;color:#fff}.document-card .document-actions .btn-icon:disabled{opacity:.5;cursor:not-allowed}.document-card .document-actions .btn-icon:disabled:hover{transform:none;background:none}.no-documents,.no-activities,.error-message-inline{text-align:center;padding:40px 20px;color:#6c757d;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.no-documents i,.no-activities i,.error-message-inline i{font-size:48px;margin-bottom:15px;opacity:.5}.no-documents p,.no-activities p,.error-message-inline p{margin:10px 0;line-height:1.5}.no-documents p:first-of-type,.no-activities p:first-of-type,.error-message-inline p:first-of-type{font-weight:600;color:#495057}.no-documents .btn,.no-activities .btn,.error-message-inline .btn{margin-top:15px}.document-upload-container .document-upload-dropzone{border:2px dashed #dee2e6;border-radius:8px;padding:40px 20px;text-align:center;background:#f8f9fa;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.document-upload-container .document-upload-dropzone:hover,.document-upload-container .document-upload-dropzone.drag-over{border-color:var(--primary-color, #4a6fdc);background:rgba(74,111,220,.05)}.document-upload-container .document-upload-dropzone i{font-size:32px;color:#6c757d;margin-bottom:10px}.document-upload-container .document-upload-dropzone p{margin:5px 0;color:#6c757d}.document-upload-container .document-upload-dropzone p .upload-text{color:var(--primary-color, #4a6fdc);font-weight:600;cursor:pointer}.document-upload-container .document-upload-dropzone p.upload-note{font-size:12px;opacity:.8}.document-upload-container #document-preview .document-preview-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;position:relative}.document-upload-container #document-preview .document-preview-item .document-icon i{font-size:32px;color:var(--primary-color, #4a6fdc)}.document-upload-container #document-preview .document-preview-item .document-info{flex-grow:1}.document-upload-container #document-preview .document-preview-item .document-info .document-name{font-weight:600;color:#2c3e50;margin-bottom:5px}.document-upload-container #document-preview .document-preview-item .document-info .document-size,.document-upload-container #document-preview .document-preview-item .document-info .document-type{font-size:12px;color:#6c757d;margin:2px 0}.document-upload-container #document-preview .document-preview-item .remove-preview{position:absolute;top:5px;right:5px;width:24px;height:24px;padding:0;font-size:10px}.loading-message{text-align:center;padding:40px 20px;color:#6c757d}.loading-message i{font-size:24px;margin-bottom:15px;color:var(--primary-color, #4a6fdc)}.loading-message p{margin:0;font-weight:500}@media(max-width: 576px){.documents-stats .stats-grid{grid-template-columns:repeat(2, 1fr);gap:15px}.documents-stats .stats-grid .stat-item .stat-value{font-size:20px}.document-card{padding:15px}.document-card .document-icon i{font-size:36px}.document-card .document-info h4{font-size:14px;min-height:auto}.document-card .document-actions{gap:8px}.document-card .document-actions .btn-icon{width:32px;height:32px;font-size:12px}.document-upload-container .document-upload-dropzone{padding:30px 15px}.document-upload-container .document-upload-dropzone i{font-size:24px}}@keyframes documentAppear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.document-card{animation:documentAppear .3s ease forwards}.documents-grid .document-card:nth-child(n){animation-delay:calc(.1s*var(--index, 0))}@media(prefers-color-scheme: dark){.document-card{background:#2c3e50;border-color:#34495e;color:#ecf0f1}.document-card .document-info h4{color:#ecf0f1}.document-card .document-info p{color:#bdc3c7}.document-card .document-actions{border-top-color:#34495e}.document-card .document-actions .btn-icon{border-color:#34495e;color:#bdc3c7}.document-card .document-actions .btn-icon:hover{background:#34495e;color:#ecf0f1}.documents-stats{background:#2c3e50;border-color:#34495e;color:#ecf0f1}.no-documents,.no-activities,.error-message-inline{background:#2c3e50;border-color:#34495e;color:#bdc3c7}}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;max-width:450px;overflow:hidden;transition:all .3s ease}.login-header{background-color:#4a6fdc;color:#fff;padding:20px;text-align:center;border-radius:8px 8px 0 0}.login-header h1{margin:10px 0 0;font-size:24px;font-weight:600}.login-footer{text-align:center;padding:20px;border-top:1px solid #e0e0e0;color:#777;font-size:14px}.logo{-o-object-fit:contain;object-fit:contain;border-radius:50%;background-color:#fff;padding:20px 25px;color:#000;text-align:center;font-size:3rem;width:100px;height:100px}.checkbox-container{display:flex}.form-container .form-group .input-icon-wrapper input,.form-container .form-group .input-icon-wrapper select{padding:10px 35px}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;width:100%}.dashboard-header{background-color:#fff;padding:15px 20px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;border-bottom:1px solid #e0e0e0}.dashboard-content{flex:1;padding:20px;width:100%;max-width:100%}@media(min-width: 768px){.dashboard-content{padding:30px}}.dashboard-content .top-search{margin-bottom:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:15px}.dashboard-content .filter-panel{border-radius:0 0 8px 8px;margin-bottom:20px}.dashboard-footer{background-color:#fff;padding:15px 20px;text-align:center;border-top:1px solid #e0e0e0;color:#777;font-size:14px;width:100%}.dashboard-stats-compact{display:grid;grid-template-columns:repeat(1, 1fr);gap:15px;margin:20px 0}@media(min-width: 640px){.dashboard-stats-compact{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.dashboard-stats-compact{grid-template-columns:repeat(4, 1fr)}}.dashboard-stats-compact .stat-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:15px;display:flex;justify-content:space-between;align-items:center}.dashboard-stats-compact .stat-card i{width:45px;height:45px;font-size:20px;background-color:rgba(74,111,220,.1);color:#4a6fdc;border-radius:50%;display:flex;justify-content:center;align-items:center}.dashboard-stats-compact .stat-card .stat-info{flex:1;margin-left:15px}.dashboard-stats-compact .stat-card .stat-info h3{font-size:14px;margin:0 0 5px 0;color:#777}.dashboard-stats-compact .stat-card .stat-info p{font-size:18px;font-weight:600;color:#333;margin:0}.logo-container{display:flex;align-items:center;gap:10px}.logo-container i{color:#4a6fdc;font-size:24px}.logo-container h1{color:#4a6fdc;font-size:20px;font-weight:600;margin:0}@media(min-width: 768px){.logo-container h1{font-size:24px}}.user-menu{display:flex;align-items:center;gap:15px}.user-menu #user-name{display:none;color:#333;font-weight:500}@media(min-width: 768px){.user-menu #user-name{display:block}}.user-dropdown{position:relative}.user-dropdown-btn{background:none;border:none;cursor:pointer;color:#4a6fdc;font-size:20px;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.user-dropdown-btn:hover{background-color:rgba(74,111,220,.1)}.user-dropdown-content{position:absolute;right:0;top:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);min-width:200px;z-index:10;display:none;overflow:hidden}.user-dropdown-content a{display:flex;align-items:center;gap:10px;padding:12px 15px;color:#333;text-decoration:none;transition:all .3s ease}.user-dropdown-content a i{width:20px;text-align:center;color:#4a6fdc}.user-dropdown-content a:hover{background-color:rgba(74,111,220,.1);text-decoration:none}.user-dropdown:hover .user-dropdown-content{display:block;animation:fadeIn .2s ease}.welcome-message{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}.welcome-message h2{color:#4a6fdc;font-size:24px;margin-bottom:10px}.welcome-message p{color:#777;margin:0}.projects-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:30px 0;overflow:hidden;width:100%}.projects-section .section-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.projects-section .section-header h2{margin:0;color:#4a6fdc;font-size:20px}.projects-section .section-header .actions{display:flex;gap:10px;width:400px;justify-content:flex-end}.projects-section .section-header .actions .create-btn{background-color:#4a6fdc;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.projects-section .section-header .actions .create-btn:hover{background-color:rgb(39.375,81,203.625)}@media screen and (max-width: 768px){.projects-section .section-header{flex-direction:column;align-items:flex-start}.projects-section .section-header h2{margin-bottom:10px}.projects-section .section-header .actions{width:100%;justify-content:flex-start}}.search-filter-container{padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.search-filter-container .search-box{flex:1;min-width:200px;position:relative}.search-filter-container .search-box i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#777}.search-filter-container .search-box input{width:100%;padding:12px 40px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px}.search-filter-container .search-box input:focus{border-color:#4a6fdc;outline:none;box-shadow:0 0 0 3px rgba(74,111,220,.2)}.search-filter-container .view-toggles{display:flex;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.search-filter-container .view-toggles .view-toggle{background:none;border:none;padding:8px 12px;cursor:pointer;color:#777}.search-filter-container .view-toggles .view-toggle.active{background-color:#4a6fdc;color:#fff}.search-filter-container .view-toggles .view-toggle:hover:not(.active){background-color:rgba(74,111,220,.1)}.search-filter-container .filter-toggle-btn{padding:8px 15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px}.search-filter-container .filter-toggle-btn:hover{background-color:rgba(74,111,220,.1)}.search-filter-container .filter-toggle-btn.active{background-color:#4a6fdc;color:#fff;border-color:#4a6fdc}.filter-panel{padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:none}.filter-panel.active{display:block;animation:fadeIn .3s ease}.filter-panel .filter-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.filter-panel .filter-group{flex:1;min-width:150px}.filter-panel .filter-group label{display:block;margin-bottom:5px;font-size:13px;color:#777}.filter-panel .filter-group input,.filter-panel .filter-group select{width:100%;padding:8px 10px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px}.filter-panel .filter-group input:focus,.filter-panel .filter-group select:focus{border-color:#4a6fdc;outline:none}.filter-panel .filter-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.container{padding:20px;min-height:300px}.container .loading-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;color:#777;height:200px}.container .loading-container i{font-size:30px;color:#4a6fdc}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}.projects-grid.hidden{display:none}.project-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden;transition:all .3s ease;border:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.project-card .project-image{height:180px;position:relative;overflow:hidden}.project-card .project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.project-card .project-image .project-status{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;background-color:hsla(0,0%,100%,.8);z-index:1}.project-card .project-image .project-status.active{color:#2ecc71;background-color:rgba(46,204,113,.1)}.project-card .project-image .project-status.rented{color:#4a6fdc;background-color:rgba(74,111,220,.1)}.project-card .project-image .project-status.sold{color:#e74c3c;background-color:rgba(231,76,60,.1)}.project-card .project-image .project-status.inactive{color:#777;background-color:rgba(119,119,119,.1)}.project-card .project-details{padding:15px;flex:1}.project-card .project-details h3{margin:0 0 10px;font-size:18px;font-weight:600;color:#333}.project-card .project-details .project-type{color:#777;font-size:14px;margin-bottom:10px}.project-card .project-details .project-price span{font-size:18px;font-weight:600;color:#4a6fdc;margin-bottom:10px}.project-card .project-details .project-location{display:flex;align-items:center;gap:5px;color:#777;font-size:14px;margin-bottom:10px}.project-card .project-details .project-location i{color:#4a6fdc}.project-card .project-details .project-features{display:flex;gap:15px;font-size:13px;color:#333;margin-bottom:10px}.project-card .project-details .project-features .feature{display:flex;align-items:center;gap:5px}.project-card .project-details .project-features .feature i{color:#4a6fdc}.project-card .project-card-actions{display:flex;flex-wrap:wrap;padding:10px;border-top:1px solid #e0e0e0;background-color:#f8f9fa}.project-card .project-card-actions .action-btn{flex:1;min-width:80px;padding:8px 10px;text-align:center;color:#333;text-decoration:none;font-size:13px;transition:all .3s ease;border-radius:8px;margin:2px}.project-card .project-card-actions .action-btn i{margin-right:5px}.project-card .project-card-actions .action-btn:hover{background-color:rgba(74,111,220,.1);color:#4a6fdc}.project-card .project-card-actions .action-btn.edit-btn:hover{background-color:rgba(74,111,220,.1);color:#4a6fdc}.project-card .project-card-actions .action-btn.delete-btn:hover{background-color:rgba(231,76,60,.1);color:#e74c3c}.project-card .project-card-actions .action-btn.lease-btn:hover{background-color:rgba(46,204,113,.1);color:#2ecc71}.project-card .project-card-actions .action-btn.role-btn:hover{background-color:rgba(243,156,18,.1);color:#f39c12}.projects-list{width:100%;overflow-x:auto}.projects-list.hidden{display:none}.projects-list .projects-table{width:100%;border-collapse:collapse}.projects-list .projects-table th,.projects-list .projects-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.projects-list .projects-table th{font-weight:600;color:#333;background-color:rgba(74,111,220,.05)}.projects-list .projects-table tr:hover{background-color:rgba(74,111,220,.03)}.projects-list .projects-table .text-center{text-align:center}.projects-list .projects-table .project-name{font-weight:500;color:#4a6fdc}.projects-list .projects-table .project-type{color:#777}.projects-list .projects-table .project-location{display:flex;align-items:center;gap:5px}.projects-list .projects-table .project-location i{color:#4a6fdc}.projects-list .projects-table .project-status{padding:5px 8px;border-radius:20px;font-size:12px;text-align:center;display:inline-block}.projects-list .projects-table .project-status.active{background-color:rgba(46,204,113,.1);color:#2ecc71}.projects-list .projects-table .project-status.rented{background-color:rgba(74,111,220,.1);color:#4a6fdc}.projects-list .projects-table .project-status.sold{background-color:rgba(231,76,60,.1);color:#e74c3c}.projects-list .projects-table .project-status.inactive{background-color:rgba(119,119,119,.1);color:#777}.projects-list .projects-table .project-actions{display:flex;gap:5px}.projects-list .projects-table .project-actions a{padding:5px 8px;border-radius:8px;color:#777;text-decoration:none;font-size:14px;transition:all .3s ease}.projects-list .projects-table .project-actions a:hover{background-color:rgba(74,111,220,.1);color:#4a6fdc}.pagination{display:flex;justify-content:center;gap:5px;margin-top:20px;padding:10px 0}.pagination .page-item a,.pagination .page-item span{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:8px;font-size:14px;transition:all .3s ease}.pagination .page-item a{background-color:#fff;color:#333;border:1px solid #e0e0e0;text-decoration:none}.pagination .page-item a:hover{background-color:rgba(74,111,220,.1);border-color:#4a6fdc}.pagination .page-item.active a{background-color:#4a6fdc;color:#fff;border-color:#4a6fdc}.pagination .page-item.disabled span{background-color:#f8f9fa;color:#777;border:1px solid #e0e0e0;cursor:not-allowed}.recent-activity{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.recent-activity h2{color:#4a6fdc;font-size:20px;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.recent-activity .loading-text{text-align:center;color:#777;padding:20px 0}.recent-activity .loading-text i{color:#4a6fdc;margin-right:10px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;gap:15px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item .activity-icon{background-color:rgba(74,111,220,.1);color:#4a6fdc;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.activity-item .activity-details{flex:1}.activity-item .activity-details .activity-text{margin:0 0 5px;color:#333}.activity-item .activity-details .activity-text strong{font-weight:600}.activity-item .activity-details .activity-time{margin:0;font-size:12px;color:#777}.view-container{padding:20px}.create-project-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:20px 0;overflow:hidden}.create-project-header{padding:20px;border-bottom:1px solid #e0e0e0}.create-project-header h2{font-size:24px;margin:0 0 10px;color:#4a6fdc}.create-project-header p{color:#777;margin:0}.create-project-form{padding:0 0 20px}.notification-container{padding:0 20px;margin-bottom:20px}.notification-container .notification{padding:12px 15px;border-radius:8px;margin-bottom:10px;display:flex;align-items:center;gap:10px}.notification-container .notification.error{background-color:rgba(231,76,60,.1);color:#e74c3c;border-left:4px solid #e74c3c}.notification-container .notification.success{background-color:rgba(46,204,113,.1);color:#2ecc71;border-left:4px solid #2ecc71}.notification-container .notification.warning{background-color:rgba(243,156,18,.1);color:#f39c12;border-left:4px solid #f39c12}.notification-container .notification.info{background-color:rgba(74,111,220,.1);color:#4a6fdc;border-left:4px solid #4a6fdc}.notification-container .notification i{font-size:20px}.notification-container .notification .message{flex:1}.notification-container .notification .close-btn{background:none;border:none;font-size:14px;cursor:pointer;opacity:.7;transition:all .3s ease}.notification-container .notification .close-btn:hover{opacity:1}.progress-container{padding:20px}.progress-container .progress-bar{height:6px;background-color:#e0e0e0;border-radius:3px;margin-bottom:15px;overflow:hidden;position:relative}.progress-container .progress-bar .progress-indicator{background-color:#4a6fdc;height:100%;width:20%;transition:width .3s ease}.progress-container .progress-steps{display:flex;justify-content:space-between}.progress-container .progress-steps .progress-step{display:flex;flex-direction:column;align-items:center;width:20%;position:relative;cursor:pointer}.progress-container .progress-steps .progress-step::before{content:"";position:absolute;top:-26px;width:15px;height:15px;border-radius:50%;background-color:#e0e0e0;z-index:1;transition:all .3s ease}.progress-container .progress-steps .progress-step.active::before,.progress-container .progress-steps .progress-step.complete::before{background-color:#4a6fdc}.progress-container .progress-steps .progress-step.complete::before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center}.progress-container .progress-steps .progress-step .step-number{display:none}.progress-container .progress-steps .progress-step .step-name{font-size:12px;color:#777;margin-top:5px;text-align:center;transition:all .3s ease}.progress-container .progress-steps .progress-step.active .step-name,.progress-container .progress-steps .progress-step.complete .step-name{color:#4a6fdc;font-weight:500}.form-section{display:none;padding:20px}.form-section.active{display:block;animation:fadeIn .3s ease}.form-section .section-header h3{font-size:18px;color:#333}.form-section .section-header p{color:#777;margin:0;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr;gap:5px}@media(min-width: 640px){.form-grid{grid-template-columns:repeat(2, 1fr)}}.form-grid .form-group.col-span-2{grid-column:span 1}@media(min-width: 640px){.form-grid .form-group.col-span-2{grid-column:span 2}}.form-group{margin:0;padding:0}.form-group label{display:block;font-weight:500;color:#333}.form-group label .required{color:#e74c3c}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=email],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=date]:focus,.form-group input[type=email]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a6fdc;outline:none;box-shadow:0 0 0 3px rgba(74,111,220,.1)}.form-group input[type=text].error,.form-group input[type=number].error,.form-group input[type=date].error,.form-group input[type=email].error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c}.form-group input[type=text].error:focus,.form-group input[type=number].error:focus,.form-group input[type=date].error:focus,.form-group input[type=email].error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px rgba(231,76,60,.1)}.form-group textarea{resize:vertical;min-height:100px}.form-group .form-error{color:#e74c3c;font-size:12px;margin-top:5px;min-height:18px}.checkbox-group{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}@media(min-width: 768px){.checkbox-group.columns-3{grid-template-columns:repeat(3, 1fr)}}.checkbox-group .checkbox-item{display:flex;align-items:center}.checkbox-group .checkbox-item input[type=checkbox]{margin-right:8px;width:16px;height:16px;cursor:pointer}.checkbox-group .checkbox-item label{margin-bottom:0;cursor:pointer;font-weight:normal}.checkbox-toggle{display:flex;background-color:#777;border-radius:10px}.checkbox-toggle input[type=checkbox]{position:relative;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#e0e0e0;border-radius:22px;cursor:pointer;transition:all .3s ease;margin-right:10px}.checkbox-toggle input[type=checkbox]:checked{background-color:#4a6fdc}.checkbox-toggle input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:all .3s ease}.checkbox-toggle input[type=checkbox]:checked:before{left:24px}.checkbox-toggle label{margin-bottom:0;cursor:pointer;font-weight:normal}.photo-upload-container{border:2px dashed #e0e0e0;border-radius:8px;padding:20px;transition:all .3s ease}.photo-upload-container:hover{border-color:#4a6fdc}.photo-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;cursor:pointer}.photo-upload-dropzone i{font-size:48px;color:#777;margin-bottom:15px}.photo-upload-dropzone p{margin:5px 0;color:#333}.photo-upload-dropzone .upload-text{color:#4a6fdc;font-weight:500}.photo-upload-dropzone .upload-note{font-size:12px;color:#777}.photo-preview-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.photo-preview-item{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden}.photo-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-preview-item .photo-actions{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:all .3s ease}.photo-preview-item .photo-actions .btn{margin:3px;padding:5px 10px;font-size:12px}.photo-preview-item:hover .photo-actions{opacity:1}.photo-preview-item .cover-badge{position:absolute;top:5px;right:5px;background-color:#4a6fdc;background-color:red;color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:500}.photo-preview-item .remove-photo{position:absolute;top:5px;right:5px;background-color:hsla(0,0%,100%,.8);color:#e74c3c;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .3s ease}.photo-preview-item .remove-photo:hover{background-color:#e74c3c;color:#fff}.photo-preview-item .photo-description{position:absolute;bottom:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,.6);color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-nav{display:flex;justify-content:space-between;gap:5px}.form-nav .btn{display:flex;flex:1;align-items:center}.photo-current-list{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.photo-current-list .photo-current-item{position:relative;width:160px;height:160px;border-radius:12px;overflow:hidden;border:2px solid rgba(0,0,0,0);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .35s cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow .35s cubic-bezier(0.25, 0.8, 0.25, 1),border-color .35s ease;cursor:pointer}.photo-current-list .photo-current-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .35s cubic-bezier(0.25, 0.8, 0.25, 1)}.photo-current-list .photo-current-item .photo-actions{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);opacity:0;transition:opacity .35s ease-in-out;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.photo-current-list .photo-current-item .photo-actions .cover-selection-group{display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:8px 12px;background-color:hsla(0,0%,100%,.15);border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;box-sizing:border-box}.photo-current-list .photo-current-item .photo-actions .cover-selection-group input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;min-height:20px;border:2px solid hsla(0,0%,100%,.8);border-radius:50%;outline:none;cursor:pointer;transition:all .25s ease-in-out;margin-right:8px;flex-shrink:0;position:relative;display:inline-block}.photo-current-list .photo-current-item .photo-actions .cover-selection-group input[type=radio]:checked{background-color:#4a6fdc;border-color:#4a6fdc;box-shadow:0 0 0 2px hsla(0,0%,100%,.9)}.photo-current-list .photo-current-item .photo-actions .cover-selection-group input[type=radio]:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;background-color:#fff;border-radius:50%}.photo-current-list .photo-current-item .photo-actions .cover-selection-group input[type=radio]:hover:not(:checked){border-color:#fff;background-color:hsla(0,0%,100%,.1)}@media(max-width: 480px){.photo-current-list .photo-current-item .photo-actions .cover-selection-group input[type=radio]{width:18px;height:18px;min-width:18px;min-height:18px}.photo-current-list .photo-current-item .photo-actions .cover-selection-group input[type=radio]:checked::after{width:6px;height:6px}}.photo-current-list .photo-current-item .photo-actions .cover-selection-group label{font-size:13px;color:#fff;font-weight:600;cursor:pointer;letter-spacing:.3px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.photo-current-list .photo-current-item .photo-actions .btn-remove-current{width:100%;padding:9px 12px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:7px;background-color:rgba(231,76,60,.8);color:#fff;border:none;border-radius:8px;transition:background-color .25s ease,transform .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.photo-current-list .photo-current-item .photo-actions .btn-remove-current i{font-size:14px}.photo-current-list .photo-current-item .photo-actions .btn-remove-current:hover{background-color:#e74c3c;transform:translateY(-1px)}.photo-current-list .photo-current-item:hover{transform:scale(1.04);box-shadow:0 7px 22px rgba(0,0,0,.18);z-index:10}.photo-current-list .photo-current-item:hover img{transform:scale(1.1)}.photo-current-list .photo-current-item:hover .photo-actions{opacity:1}.photo-current-list .photo-current-item .set-cover{position:absolute;bottom:10px;left:10px;right:10px;background-color:rgba(74,111,220,.9);color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease}.photo-current-list .photo-current-item .set-cover:hover{background-color:#4a6fdc;transform:translateY(-1px);box-shadow:0 2px 8px rgba(74,111,220,.4)}.photo-current-list .photo-current-item .set-cover.is-cover{background-color:rgba(46,204,113,.9)}.photo-current-list .photo-current-item .set-cover.is-cover:hover{background-color:#2ecc71}.photo-current-list .photo-current-item .cover-badge{position:absolute;top:10px;left:10px;background-color:#4a6fdc;color:#fff;padding:6px 10px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;z-index:5;letter-spacing:.5px;box-shadow:0 2px 6px rgba(0,0,0,.25);display:flex;align-items:center}.photo-current-list .photo-current-item .cover-badge::before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:5px;font-size:9px}.photo-current-list .photo-current-item .delete-photo{position:absolute;top:8px;right:8px;background-color:rgba(231,76,60,.5);color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;padding:5px}.photo-current-list .photo-current-item .delete-photo i{font-size:14px;width:100%;margin:auto}.photo-current-list .photo-current-item .delete-photo:hover{background-color:rgba(231,76,60,.9);color:hsla(0,0%,100%,.8);transform:scale(1.5);box-shadow:0 2px 8px rgba(231,76,60,.4)}.photo-current-list .photo-current-item.is-cover{border-color:#4a6fdc;box-shadow:0 0 0 3.5px rgba(74,111,220,.45),0 5px 12px rgba(0,0,0,.12)}.photo-current-list .photo-current-item.marked-for-deletion{opacity:.5;filter:grayscale(100%)}.photo-current-list .photo-current-item.marked-for-deletion .photo-actions{background:linear-gradient(to top, rgba(220, 53, 69, 0.8) 0%, rgba(220, 53, 69, 0.3) 50%, transparent 100%)}.photo-current-list .no-photos-message{width:100%;text-align:center;padding:20px;color:#777;font-style:italic}@media(hover: none)and (pointer: coarse){.photo-current-item .photo-actions{opacity:.8}.photo-current-item:active .photo-actions{opacity:1}}.photo-preview-item{position:relative;width:150px;height:150px;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.photo-preview-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.photo-preview-item:hover .photo-actions{opacity:1}.photo-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-preview-item .photo-actions{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.7) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.photo-preview-item .photo-actions .remove-photo{position:absolute;top:8px;right:8px;background-color:rgba(231,76,60,.9);color:#fff;width:28px;height:28px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:bold;transition:all .3s ease;z-index:15;pointer-events:auto}.photo-preview-item .photo-actions .remove-photo:hover{background-color:#e74c3c;transform:scale(1.1);box-shadow:0 2px 8px rgba(231,76,60,.4)}.photo-preview-item .photo-actions .set-cover-btn{position:absolute;bottom:8px;left:8px;right:8px;background-color:rgba(74,111,220,.9);color:#fff;border:2px solid #fff;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;z-index:10;pointer-events:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-preview-item .photo-actions .set-cover-btn:hover{background-color:#4a6fdc;transform:translateY(-1px);box-shadow:0 2px 8px rgba(74,111,220,.4)}.photo-preview-item .photo-actions .set-cover-btn.is-cover{background-color:rgba(46,204,113,.9)}.photo-preview-item .photo-actions .set-cover-btn.is-cover:hover{background-color:#2ecc71}.photo-preview-item .cover-badge{position:absolute;top:8px;left:8px;background-color:rgba(46,204,113,.95);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;z-index:12;border:1px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}.url-input-group{display:flex;align-items:center;gap:10px;padding:10px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;transition:all .3s ease}.url-input-group:hover{border-color:#6f8fe5;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.url-input-group>i.fas{color:#4a6fdc;font-size:16px;min-width:20px}.url-input-group .url-input-field{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px}.url-input-group .url-input-field:focus{outline:none;border-color:#4a6fdc;box-shadow:0 0 0 2px rgba(74,111,220,.1)}.url-input-group .url-input-field.field-error{border-color:#e74c3c;background-color:rgba(231,76,60,.05)}.url-input-group .url-thumbnail{width:60px;height:45px;border-radius:4px;-o-object-fit:cover;object-fit:cover;border:1px solid #e0e0e0;background-color:#fff;transition:all .3s ease}.url-input-group .url-thumbnail.loading{background-color:#f8f9fa;position:relative}.url-input-group .url-thumbnail.loading::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:16px;height:16px;border:2px solid #e0e0e0;border-top:2px solid #4a6fdc;border-radius:50%;animation:spin 1s linear infinite}.url-input-group .url-thumbnail.loaded:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.2)}.url-input-group .url-thumbnail.error{background-color:#e9ecef;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:18px}.url-input-group .set-url-cover-btn{padding:6px 12px;font-size:11px;white-space:nowrap;min-width:120px}.url-input-group .set-url-cover-btn:hover{transform:translateY(-1px)}.url-input-group .url-cover-badge{background-color:#2ecc71;color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;min-width:120px;text-align:center}.notification{position:fixed;top:20px;right:20px;max-width:350px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10000;font-size:14px;line-height:1.4;animation:slideInRight .3s ease}.notification.success{background-color:#d4edda;color:#155724;border-left:4px solid #28a745}.notification.error{background-color:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.notification.warning{background-color:#fff3cd;color:#856404;border-left:4px solid #ffc107}.notification.info{background-color:#d1ecf1;color:#0c5460;border-left:4px solid #17a2b8}.notification.fade-out{animation:slideOutRight .3s ease forwards}.notification:hover{transform:translateX(-5px)}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width: 768px){.photo-preview-item{width:120px;height:120px}.url-input-group{flex-direction:column;align-items:stretch;gap:8px}.url-input-group .url-thumbnail{align-self:center;margin:5px 0}.url-input-group .set-url-cover-btn,.url-input-group .url-cover-badge{min-width:auto;width:100%}.notification{right:10px;left:10px;max-width:none}}.drag-over{border-color:#4a6fdc !important;background-color:rgba(74,111,220,.05) !important}.drag-over::after{content:"Suelta las imágenes aquí";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#4a6fdc;font-weight:600;z-index:10}.photo-actions button:focus,.set-url-cover-btn:focus{outline:2px solid #4a6fdc;outline-offset:2px}.photo-actions button:focus:not(:hover),.set-url-cover-btn:focus:not(:hover){transform:none}.photos-status-indicator{padding:10px 15px;background-color:rgba(74,111,220,.05);border:1px solid rgba(74,111,220,.2);border-radius:8px;margin-top:15px;font-size:13px;color:#333}.photos-status-indicator .status-item{display:inline-flex;align-items:center;margin-right:15px}.photos-status-indicator .status-item i{margin-right:5px;color:#4a6fdc}.photos-status-indicator .status-item.success i{color:#2ecc71}.photos-status-indicator .status-item.warning i{color:#f39c12}.photo-source-selector{display:flex;align-items:center;gap:10px;margin-bottom:15px;width:100%;flex:1}.photo-source-selector label{flex:1;font-size:14px;font-weight:500;display:inline;width:100%}.photo-source-selector label input{max-width:30px;display:inline}.tenants-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:30px 0;overflow:hidden}.tenants-section .section-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.tenants-section .section-header h2{margin:0;color:#4a6fdc;font-size:20px}.tenants-section .section-header .create-btn{padding:8px 15px;font-size:14px}.tenants-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;padding:20px}.tenants-grid.hidden{display:none}.tenants-grid .tenant-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden;transition:all .3s ease;border:1px solid #e0e0e0}.tenants-grid .tenant-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.tenants-grid .tenant-card .tenant-info{padding:15px}.tenants-grid .tenant-card .tenant-info .tenant-name{font-size:18px;font-weight:600;color:#333;margin-bottom:10px}.tenants-grid .tenant-card .tenant-info .tenant-email,.tenants-grid .tenant-card .tenant-info .tenant-phone{font-size:14px;color:#777;margin-bottom:5px}.tenants-grid .tenant-card .tenant-info .tenant-occupation{font-size:14px;color:#333;margin-bottom:10px}.tenants-grid .tenant-card .tenant-info .tenant-status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.tenants-grid .tenant-card .tenant-info .tenant-status.active{background-color:rgba(46,204,113,.1);color:#2ecc71}.tenants-grid .tenant-card .tenant-info .tenant-status.inactive{background-color:rgba(243,156,18,.1);color:#f39c12}.tenants-grid .tenant-card .tenant-info .tenant-status.blacklisted{background-color:rgba(231,76,60,.1);color:#e74c3c}.tenants-grid .tenant-card .tenant-actions{display:flex;border-top:1px solid #e0e0e0}.tenants-grid .tenant-card .tenant-actions a{flex:1;padding:10px;text-align:center;color:#333;text-decoration:none;font-size:14px;transition:all .3s ease}.tenants-grid .tenant-card .tenant-actions a:not(:last-child){border-right:1px solid #e0e0e0}.tenants-grid .tenant-card .tenant-actions a:hover{background-color:rgba(74,111,220,.1);color:#4a6fdc}.tenants-grid .tenant-card .tenant-actions a i{margin-right:5px}.tenants-list{width:100%;overflow-x:auto;padding:20px}.tenants-list.hidden{display:none}.tenants-list .tenants-table{width:100%;border-collapse:collapse}.tenants-list .tenants-table th,.tenants-list .tenants-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.tenants-list .tenants-table th{font-weight:600;color:#333;background-color:rgba(74,111,220,.05)}.tenants-list .tenants-table tr:hover{background-color:rgba(74,111,220,.03)}.tenants-list .tenants-table .text-center{text-align:center}.tenants-list .tenants-table .tenant-name{font-weight:500;color:#4a6fdc}.tenants-list .tenants-table .tenant-actions{display:flex;gap:5px}.tenants-list .tenants-table .tenant-actions a{padding:5px 8px;border-radius:8px;color:#777;text-decoration:none;font-size:14px;transition:all .3s ease}.tenants-list .tenants-table .tenant-actions a:hover{background-color:rgba(74,111,220,.1);color:#4a6fdc}.tenants-list .tenants-table .tenant-status{padding:3px 8px;border-radius:12px;font-size:12px;text-align:center;display:inline-block}.tenants-list .tenants-table .tenant-status.active{background-color:rgba(46,204,113,.1);color:#2ecc71}.tenants-list .tenants-table .tenant-status.inactive{background-color:rgba(243,156,18,.1);color:#f39c12}.tenants-list .tenants-table .tenant-status.blacklisted{background-color:rgba(231,76,60,.1);color:#e74c3c}.create-tenant-container,.create-lease-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:20px 0;overflow:hidden}.create-tenant-container .create-tenant-header,.create-tenant-container .create-lease-header,.create-lease-container .create-tenant-header,.create-lease-container .create-lease-header{padding:20px;border-bottom:1px solid #e0e0e0}.create-tenant-container .create-tenant-header h2,.create-tenant-container .create-lease-header h2,.create-lease-container .create-tenant-header h2,.create-lease-container .create-lease-header h2{font-size:24px;margin:0 0 10px;color:#4a6fdc}.create-tenant-container .create-tenant-header p,.create-tenant-container .create-lease-header p,.create-lease-container .create-tenant-header p,.create-lease-container .create-lease-header p{color:#777;margin:0}.create-tenant-container .create-tenant-form,.create-tenant-container .create-lease-form,.create-lease-container .create-tenant-form,.create-lease-container .create-lease-form{padding:20px}.search-tenant-box{display:flex;gap:10px}.search-tenant-box input{flex:1}.tenant-search-results{margin-top:15px;max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px}.tenant-search-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #e0e0e0}.tenant-search-item:last-child{border-bottom:none}.tenant-search-item:hover{background-color:rgba(74,111,220,.05)}.tenant-search-item .tenant-search-info .tenant-search-name{font-weight:500;color:#333}.tenant-search-item .tenant-search-info .tenant-search-email,.tenant-search-item .tenant-search-info .tenant-search-phone{font-size:14px;color:#777}.tenant-search-item .select-tenant-btn{padding:6px 12px;font-size:14px}.selected-tenant-info{border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin-top:15px}.selected-tenant-info h4{margin:0 0 10px;color:#4a6fdc}.selected-tenant-info .tenant-details{margin-bottom:15px}.selected-tenant-info .tenant-details .tenant-detail-item{margin-bottom:5px}.selected-tenant-info .tenant-details .tenant-detail-item .label{font-weight:500;color:#333}.project-info-card{background-color:rgba(74,111,220,.05);border-radius:8px;border:1px solid rgba(74,111,220,.1);padding:15px}.project-info-card .project-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.project-info-card .project-info-header h4{margin:0;color:#4a6fdc}.project-info-card .project-info-details .info-item{margin-bottom:5px}.project-info-card .project-info-details .info-item .label{font-weight:500;color:#333}.document-upload-container{margin-top:15px}.document-upload-dropzone{border:2px dashed #e0e0e0;border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease}.document-upload-dropzone:hover,.document-upload-dropzone.drag-over{border-color:#4a6fdc}.document-upload-dropzone i{font-size:48px;color:#777;margin-bottom:15px}.document-upload-dropzone p{margin:5px 0;color:#333}.document-upload-dropzone .upload-text{color:#4a6fdc;font-weight:500}.document-upload-dropzone .upload-note{font-size:12px;color:#777}.document-preview{margin-top:15px}.document-preview .document-preview-item{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:8px;padding:10px}.document-preview .document-preview-item .document-icon{font-size:24px;color:#e74c3c;margin-right:15px}.document-preview .document-preview-item .document-info{flex:1}.document-preview .document-preview-item .document-info .document-name{font-weight:500}.document-preview .document-preview-item .document-info .document-size{font-size:12px;color:#777}.lease-edit-container{max-width:1200px;margin:0 auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}@media(max-width: 768px){.lease-edit-container{padding:1rem;margin:0 1rem}}.lease-edit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}@media(max-width: 768px){.lease-edit-header{flex-direction:column;gap:1rem}}.lease-edit-header .lease-title-container{flex:1}.lease-edit-header .lease-title-container h2{margin:0 0 .5rem 0;color:#333;font-size:1.75rem;font-weight:600}@media(max-width: 768px){.lease-edit-header .lease-title-container h2{font-size:1.5rem}}.lease-edit-header .lease-title-container .lease-status{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.lease-edit-header .lease-title-container .lease-status.draft{background-color:rgba(108,117,125,.1);color:#6c757d}.lease-edit-header .lease-title-container .lease-status.active{background-color:rgba(40,167,69,.1);color:#28a745}.lease-edit-header .lease-title-container .lease-status.expired{background-color:rgba(255,193,7,.1);color:#a07800}.lease-edit-header .lease-title-container .lease-status.terminated{background-color:rgba(220,53,69,.1);color:#dc3545}.lease-edit-header .lease-title-container .lease-status.renewed{background-color:rgba(23,162,184,.1);color:#17a2b8}.lease-edit-header .lease-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width: 768px){.lease-edit-header .lease-actions{width:100%;justify-content:flex-start}}.edit-section{margin-bottom:2rem;background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.edit-section .edit-section-header{background:#f8f9fa;padding:1rem 1.5rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.edit-section .edit-section-header h3{margin:0;color:#333;font-size:1.25rem;font-weight:600}.edit-section .edit-section-header .section-note{font-size:.875rem;color:#6c757d;font-style:italic}.edit-section .edit-section-content{padding:1.5rem}.edit-section .edit-section-content.active{display:block}.edit-section .edit-section-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dee2e6}@media(max-width: 768px){.edit-section .edit-section-actions{flex-direction:column}}.property-info-display .info-grid,.tenant-info-display .info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;margin-bottom:1.5rem}.property-info-display .info-item,.tenant-info-display .info-item{display:flex;flex-direction:column;gap:.25rem}.property-info-display .info-item label,.tenant-info-display .info-item label{font-weight:600;color:#6c757d;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.property-info-display .info-item span,.tenant-info-display .info-item span{color:#333;font-size:1rem;padding:.5rem 0}.property-info-display .property-actions,.property-info-display .tenant-actions,.tenant-info-display .property-actions,.tenant-info-display .tenant-actions{display:flex;gap:.5rem;justify-content:flex-start}.documents-container .documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.documents-container .documents-header h4{margin:0;color:#333;font-size:1.125rem}@media(max-width: 768px){.documents-container .documents-header{flex-direction:column;gap:1rem;align-items:flex-start}}.documents-container .documents-list{margin-bottom:2rem}.documents-container .documents-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem}@media(max-width: 768px){.documents-container .documents-grid{grid-template-columns:1fr}}.documents-container .document-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #dee2e6;border-radius:8px;background:#f8f9fa;transition:all .15s ease-in-out}.documents-container .document-item:hover{box-shadow:0 .125rem .25rem rgba(0,0,0,.075);transform:translateY(-1px)}.documents-container .document-item .document-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,123,255,.1);color:#007bff;font-size:1.25rem}.documents-container .document-item .document-info{flex:1;min-width:0}.documents-container .document-item .document-info h5{margin:0 0 .25rem 0;font-size:.9rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documents-container .document-item .document-info .document-date,.documents-container .document-item .document-info .document-size{margin:0;font-size:.75rem;color:#6c757d}.documents-container .document-item .document-actions{display:flex;gap:.25rem;flex-shrink:0}.documents-container .no-documents,.documents-container .error-message{text-align:center;padding:2rem;color:#6c757d}.documents-container .no-documents i,.documents-container .error-message i{font-size:2rem;margin-bottom:1rem;display:block}.documents-container .no-documents p,.documents-container .error-message p{margin:0;font-size:1rem}.document-upload-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #dee2e6;margin-top:1.5rem}.document-upload-section h4{margin:0 0 1rem 0;color:#333;font-size:1.125rem}.document-upload-section .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}@media(max-width: 768px){.document-upload-section .form-actions{flex-direction:column}}.loading-message{display:flex;align-items:center;justify-content:center;padding:2rem;color:#6c757d;font-size:1rem}.loading-message i{margin-right:.5rem;font-size:1.25rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #dee2e6;background:#fff;border-radius:4px;color:#6c757d;text-decoration:none;transition:all .15s ease-in-out;cursor:pointer}.btn-icon:hover{background:#f8f9fa;color:#333;border-color:hsl(210,13.7931034483%,78.6274509804%)}.btn-icon.danger{color:#dc3545;border-color:rgba(220,53,69,.3)}.btn-icon.danger:hover{background:rgba(220,53,69,.1);color:rgb(189.2151898734,32.7848101266,47.7721518987)}.btn-icon i{font-size:.875rem}.edit-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}@media(max-width: 768px){.edit-form .form-grid{grid-template-columns:1fr}}.edit-form .form-grid .col-span-2{grid-column:1/-1}.edit-form .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-form .form-group label{font-weight:600;color:#333;font-size:.875rem}.edit-form .form-group label .required{color:#dc3545;margin-left:.25rem}.edit-form .form-group input,.edit-form .form-group select,.edit-form .form-group textarea{padding:.75rem;border:1px solid #dee2e6;border-radius:4px;font-size:1rem;transition:all .15s ease-in-out}.edit-form .form-group input:focus,.edit-form .form-group select:focus,.edit-form .form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.edit-form .form-group input.error,.edit-form .form-group select.error,.edit-form .form-group textarea.error{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.edit-form .form-group textarea{resize:vertical;min-height:100px}.edit-form .form-group .form-error{color:#dc3545;font-size:.875rem;margin-top:.25rem;min-height:1.25rem}.edit-form .form-group .form-help{color:#6c757d;font-size:.75rem;margin-top:.25rem}@media(max-width: 768px){.lease-edit-container{margin:0;border-radius:0}.edit-section{margin-bottom:1rem;border-left:none;border-right:none;border-radius:0}.documents-grid{grid-template-columns:1fr}.document-item{flex-direction:column;text-align:center}.document-item .document-actions{justify-content:center}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-section{animation:fadeIn .3s ease-out}.edit-section:hover .edit-section-header{background:rgb(242.05,243.9,245.75)}.btn-icon:focus,input:focus,select:focus,textarea:focus{outline:2px solid #007bff;outline-offset:2px}.view-container{background-color:#fff;border-radius:8px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);margin:20px 0;overflow:hidden}.view-header{padding:20px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.view-header .title-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.view-header .title-container h2{margin:0;font-size:24px;color:#007bff}.view-header .actions{display:flex;gap:10px}.view-header .actions .btn{display:flex;align-items:center;gap:5px}.view-header .actions .btn i{font-size:14px}.tenant-status{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500}.tenant-status.active{background-color:rgba(40,167,69,.1);color:#28a745}.tenant-status.inactive{background-color:rgba(255,193,7,.1);color:#ffc107}.tenant-status.blacklisted{background-color:rgba(220,53,69,.1);color:#dc3545}.tabs-container{margin-top:20px;border-bottom:1px solid #dee2e6}.tabs-container .tabs-header{display:flex;flex-wrap:wrap;margin:0 20px}.tabs-container .tabs-header .tab-btn{background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);padding:12px 15px;margin-right:5px;margin-bottom:-1px;font-weight:500;color:#777;cursor:pointer;transition:all .15s ease-in-out;display:flex;align-items:center;gap:8px}.tabs-container .tabs-header .tab-btn i{font-size:16px}.tabs-container .tabs-header .tab-btn:hover{color:#007bff}.tabs-container .tabs-header .tab-btn.active{color:#007bff;border-bottom-color:#007bff}.tab-content{padding:20px;display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}.tab-content h3{font-size:18px;color:#007bff;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.info-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width: 768px){.info-grid{grid-template-columns:repeat(2, 1fr)}}.info-grid .info-section.col-span-2{grid-column:1/-1}.info-grid .info-section .info-content .info-item{display:flex;margin-bottom:8px}.info-grid .info-section .info-content .info-item .info-label{min-width:140px;font-weight:500;color:#333}.info-grid .info-section .info-content .info-item .info-value{color:#777}.tenant-summary{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:15px}.tenant-summary .summary-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;transition:all .15s ease-in-out}.tenant-summary .summary-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.05);transform:translateY(-3px)}.tenant-summary .summary-card .summary-icon{width:40px;height:40px;border-radius:50%;background-color:rgba(0,123,255,.1);display:flex;justify-content:center;align-items:center}.tenant-summary .summary-card .summary-icon i{color:#007bff;font-size:16px}.tenant-summary .summary-card .summary-info{display:flex;flex-direction:column}.tenant-summary .summary-card .summary-info .summary-value{font-size:24px;font-weight:600;color:#333}.tenant-summary .summary-card .summary-info .summary-label{font-size:12px;color:#777}.leases-header,.payments-header,.documents-header,.activities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.leases-list{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width: 640px){.leases-list{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.leases-list{grid-template-columns:repeat(3, 1fr)}}.leases-list .lease-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);overflow:hidden;transition:all .15s ease-in-out}.leases-list .lease-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.leases-list .lease-card .lease-header{padding:15px;background-color:rgba(0,123,255,.05);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.leases-list .lease-card .lease-header .lease-project{font-weight:500;color:#333}.leases-list .lease-card .lease-header .lease-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.leases-list .lease-card .lease-header .lease-status.active{background-color:rgba(40,167,69,.1);color:#28a745}.leases-list .lease-card .lease-header .lease-status.draft{background-color:rgba(119,119,119,.1);color:#777}.leases-list .lease-card .lease-header .lease-status.expired{background-color:rgba(255,193,7,.1);color:#ffc107}.leases-list .lease-card .lease-header .lease-status.terminated{background-color:rgba(220,53,69,.1);color:#dc3545}.leases-list .lease-card .lease-header .lease-status.renewed{background-color:rgba(0,123,255,.1);color:#007bff}.leases-list .lease-card .lease-details{padding:15px;display:flex;flex-direction:column;gap:10px}.leases-list .lease-card .lease-details .lease-date,.leases-list .lease-card .lease-details .lease-amount{display:flex;align-items:center;gap:10px;color:#333}.leases-list .lease-card .lease-details .lease-date i,.leases-list .lease-card .lease-details .lease-amount i{color:#007bff;width:20px;text-align:center}.leases-list .lease-card .lease-actions{padding:15px;border-top:1px solid #dee2e6;display:flex;gap:10px}.payments-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background-color:rgba(0,123,255,.05);border-radius:8px}.payments-filters .filter-group{flex:1;min-width:150px}.payments-filters .filter-group label{display:block;margin-bottom:5px;font-size:13px;color:#777}.payments-filters .filter-group input,.payments-filters .filter-group select{width:100%;padding:8px 10px;border:1px solid #dee2e6;border-radius:8px;font-size:14px}.payments-filters .filter-group input:focus,.payments-filters .filter-group select:focus{border-color:#007bff;outline:none}.payments-table-container{overflow-x:auto}.payments-table-container .payments-table{width:100%;border-collapse:collapse}.payments-table-container .payments-table th,.payments-table-container .payments-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #dee2e6}.payments-table-container .payments-table th{font-weight:600;color:#333;background-color:rgba(0,123,255,.05)}.payments-table-container .payments-table tr:hover{background-color:rgba(0,123,255,.03)}.payments-table-container .payments-table .text-center{text-align:center}.payments-table-container .payments-table .payment-status{padding:4px 8px;border-radius:12px;font-size:12px;text-align:center;display:inline-block}.payments-table-container .payments-table .payment-status.on_time{background-color:rgba(40,167,69,.1);color:#28a745}.payments-table-container .payments-table .payment-status.early{background-color:rgba(0,123,255,.1);color:#007bff}.payments-table-container .payments-table .payment-status.late{background-color:rgba(220,53,69,.1);color:#dc3545}.payments-table-container .payments-table .payment-status.pending{background-color:rgba(255,193,7,.1);color:#ffc107}.payments-table-container .payments-table .table-actions{display:flex;gap:5px}.payments-table-container .payments-table .table-actions .btn-icon{background:none;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .15s ease-in-out;color:#777;display:flex;justify-content:center;align-items:center}.payments-table-container .payments-table .table-actions .btn-icon:hover{background-color:rgba(0,123,255,.1);color:#007bff}.payments-table-container .payments-table .table-actions .btn-icon.danger:hover{background-color:rgba(220,53,69,.1);color:#dc3545}.documents-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width: 640px){.documents-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.documents-grid{grid-template-columns:repeat(3, 1fr)}}.documents-grid .document-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:15px;transition:all .15s ease-in-out}.documents-grid .document-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-3px)}.documents-grid .document-card .document-icon{width:50px;height:50px;background-color:rgba(0,123,255,.1);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto}.documents-grid .document-card .document-icon i{font-size:24px;color:#007bff}.documents-grid .document-card .document-info{text-align:center}.documents-grid .document-card .document-info h4{margin:0 0 8px;font-size:16px;color:#333;font-weight:500}.documents-grid .document-card .document-info .document-type{color:#007bff;font-size:14px;margin:0 0 5px}.documents-grid .document-card .document-info .document-date{color:#777;font-size:12px;margin:0}.documents-grid .document-card .document-actions{display:flex;justify-content:center;gap:10px;border-top:1px solid #dee2e6;padding-top:15px}.documents-grid .document-card .document-actions .btn-icon{background:none;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .15s ease-in-out;color:#777;display:flex;justify-content:center;align-items:center}.documents-grid .document-card .document-actions .btn-icon:hover{background-color:rgba(0,123,255,.1);color:#007bff}.documents-grid .document-card .document-actions .btn-icon.danger:hover{background-color:rgba(220,53,69,.1);color:#dc3545}.timeline{position:relative;margin:0 0 0 20px;padding:0}.timeline::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#dee2e6}.timeline .timeline-item{position:relative;margin-bottom:20px;padding-left:30px}.timeline .timeline-item:last-child{margin-bottom:0}.timeline .timeline-item .timeline-icon{position:absolute;left:-10px;width:20px;height:20px;border-radius:50%;background-color:#fff;border:2px solid #dee2e6;display:flex;justify-content:center;align-items:center}.timeline .timeline-item .timeline-icon i{font-size:10px;color:#777}.timeline .timeline-item .timeline-icon.success{border-color:#28a745}.timeline .timeline-item .timeline-icon.success i{color:#28a745}.timeline .timeline-item .timeline-icon.primary{border-color:#007bff}.timeline .timeline-item .timeline-icon.primary i{color:#007bff}.timeline .timeline-item .timeline-icon.danger{border-color:#dc3545}.timeline .timeline-item .timeline-icon.danger i{color:#dc3545}.timeline .timeline-item .timeline-icon.warning{border-color:#ffc107}.timeline .timeline-item .timeline-icon.warning i{color:#ffc107}.timeline .timeline-item .timeline-icon.info{border-color:#6f8fe5}.timeline .timeline-item .timeline-icon.info i{color:#6f8fe5}.timeline .timeline-item .timeline-content{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;position:relative}.timeline .timeline-item .timeline-content::before{content:"";position:absolute;top:10px;left:-10px;width:0;height:0;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);border-right:10px solid #dee2e6}.timeline .timeline-item .timeline-content::after{content:"";position:absolute;top:10px;left:-9px;width:0;height:0;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);border-right:10px solid #fff}.timeline .timeline-item .timeline-content .timeline-time{color:#777;font-size:12px;margin-bottom:5px}.timeline .timeline-item .timeline-content .timeline-title{font-weight:500;color:#333;margin-bottom:5px}.timeline .timeline-item .timeline-content .timeline-description{color:#333;font-size:14px}.no-leases,.no-documents,.no-activities{display:flex;flex-direction:column;align-items:center;padding:30px;text-align:center}.no-leases i,.no-documents i,.no-activities i{font-size:48px;color:#777;margin-bottom:15px}.no-leases p,.no-documents p,.no-activities p{margin:5px 0;color:#333}.view-container{background-color:#fff;border-radius:8px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);margin:20px 0;overflow:hidden}.view-header{padding:20px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.view-header .lease-title-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.view-header .lease-title-container h2{margin:0;font-size:24px;color:#007bff}.view-header .lease-actions{display:flex;gap:10px}.lease-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.lease-status.active{background-color:rgba(40,167,69,.1);color:#28a745}.lease-status.draft{background-color:rgba(119,119,119,.1);color:#777}.lease-status.expired{background-color:rgba(255,193,7,.1);color:#ffc107}.lease-status.terminated{background-color:rgba(220,53,69,.1);color:#dc3545}.lease-status.renewed{background-color:rgba(0,123,255,.1);color:#007bff}.lease-content{padding:0}.lease-content .info-sections{display:grid;grid-template-columns:1fr;gap:20px;padding:20px}@media(min-width: 768px){.lease-content .info-sections{grid-template-columns:repeat(2, 1fr)}}.lease-content .info-sections .info-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.lease-content .info-sections .info-card.col-span-2{grid-column:1/-1}.lease-content .info-sections .info-card h3{padding:15px;margin:0;background-color:rgba(0,123,255,.05);color:#007bff;font-size:16px;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:8px}.lease-content .info-sections .info-card h3 i{color:#007bff}.lease-content .info-sections .info-card .info-content{padding:15px}.lease-content .info-sections .info-card .info-content .info-item{margin-bottom:8px;display:flex;flex-wrap:wrap}.lease-content .info-sections .info-card .info-content .info-item .info-label{width:140px;font-weight:500;color:#333}.lease-content .info-sections .info-card .info-content .info-item .info-value{flex:1;color:#777}.lease-content .info-sections .info-card .info-content .property-link,.lease-content .info-sections .info-card .info-content .tenant-link{margin-top:15px}.lease-content .info-sections .info-card .info-content .property-link a,.lease-content .info-sections .info-card .info-content .tenant-link a{display:inline-flex;align-items:center;gap:5px;color:#007bff;font-weight:500}.lease-content .info-sections .info-card .info-content .property-link a:hover,.lease-content .info-sections .info-card .info-content .tenant-link a:hover{text-decoration:underline}.lease-content .info-sections .info-card .info-content .info-columns{display:grid;grid-template-columns:1fr;gap:15px}@media(min-width: 768px){.lease-content .info-sections .info-card .info-content .info-columns{grid-template-columns:repeat(2, 1fr)}}.lease-content .info-sections .info-card .info-content .info-columns .info-column .info-item{margin-bottom:8px}.lease-content .info-sections .info-card .info-content .terms-content{color:#333;line-height:1.6}.lease-content .info-sections .info-card .info-content .terms-content p{margin-bottom:10px}.lease-content .info-sections .lease-summary{grid-column:1/-1}.lease-content .info-sections .lease-summary .summary-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}@media(min-width: 768px){.lease-content .info-sections .lease-summary .summary-grid{grid-template-columns:repeat(4, 1fr)}}.lease-content .info-sections .lease-summary .summary-grid .summary-item{background-color:rgba(0,123,255,.05);padding:15px;border-radius:8px;text-align:center}.lease-content .info-sections .lease-summary .summary-grid .summary-item .summary-value{font-size:24px;font-weight:600;color:#007bff;margin-bottom:5px}.lease-content .info-sections .lease-summary .summary-grid .summary-item .summary-label{font-size:14px;color:#777}.payments-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 10px}.payments-header h3{margin:0;color:#007bff;font-size:18px}.payments-filters{display:flex;flex-wrap:wrap;gap:15px;background-color:rgba(0,123,255,.05);padding:15px 20px;margin:0 20px 20px;border-radius:8px}.payments-filters .filter-group{flex:1;min-width:150px}.payments-filters .filter-group label{display:block;font-size:13px;color:#777;margin-bottom:5px}.payments-filters .filter-group input,.payments-filters .filter-group select{width:100%;padding:8px 10px;border:1px solid #dee2e6;border-radius:8px;font-size:14px}.payments-filters .filter-group input:focus,.payments-filters .filter-group select:focus{border-color:#007bff;outline:none}.payments-table-container{padding:0 20px 20px;overflow-x:auto}.payments-table-container .payments-table{width:100%;border-collapse:collapse}.payments-table-container .payments-table th,.payments-table-container .payments-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #dee2e6}.payments-table-container .payments-table th{background-color:rgba(0,123,255,.05);font-weight:600;color:#333}.payments-table-container .payments-table tr:hover{background-color:rgba(0,123,255,.02)}.payments-table-container .payments-table .text-center{text-align:center}.payments-table-container .payments-table .payment-status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.payments-table-container .payments-table .payment-status.on_time{background-color:rgba(40,167,69,.1);color:#28a745}.payments-table-container .payments-table .payment-status.early{background-color:rgba(0,123,255,.1);color:#007bff}.payments-table-container .payments-table .payment-status.late{background-color:rgba(220,53,69,.1);color:#dc3545}.payments-table-container .payments-table .payment-status.pending{background-color:rgba(255,193,7,.1);color:#ffc107}.payments-table-container .payments-table .table-actions{display:flex;gap:5px}.payments-table-container .payments-table .table-actions .btn-icon{background:none;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#777;cursor:pointer;transition:all .15s ease-in-out}.payments-table-container .payments-table .table-actions .btn-icon:hover{background-color:rgba(0,123,255,.1);color:#007bff}.payments-table-container .payments-table .table-actions .btn-icon.danger:hover{background-color:rgba(220,53,69,.1);color:#dc3545}.payments-summary{display:flex;flex-wrap:wrap;gap:15px;padding:0 20px 20px}.payments-summary .summary-card{flex:1;min-width:200px;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;text-align:center}.payments-summary .summary-card .summary-title{font-size:14px;color:#777;margin-bottom:5px}.payments-summary .summary-card .summary-value{font-size:20px;font-weight:600;color:#333}.documents-header,.history-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px}.documents-header h3,.history-header h3{margin:0;color:#007bff;font-size:18px}.documents-grid{display:grid;grid-template-columns:1fr;gap:15px;padding:0 20px 20px}@media(min-width: 640px){.documents-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.documents-grid{grid-template-columns:repeat(3, 1fr)}}.documents-grid .document-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .15s ease-in-out}.documents-grid .document-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.documents-grid .document-card.contract-document .document-icon{background-color:rgba(0,123,255,.1)}.documents-grid .document-card .document-icon{width:50px;height:50px;border-radius:50%;background-color:rgba(119,119,119,.1);display:flex;align-items:center;justify-content:center}.documents-grid .document-card .document-icon i{font-size:20px;color:#007bff}.documents-grid .document-card .document-info{text-align:center}.documents-grid .document-card .document-info h4{margin:0 0 5px;font-size:16px;color:#333}.documents-grid .document-card .document-info .document-date{font-size:12px;color:#777;margin:0}.documents-grid .document-card .document-actions{display:flex;gap:10px;margin-top:5px}.timeline{padding:0 20px 20px;position:relative}.timeline::before{content:"";position:absolute;top:0;bottom:0;left:20px;width:2px;background-color:#dee2e6}.timeline .timeline-item{position:relative;margin-left:40px;padding-bottom:20px}.timeline .timeline-item .timeline-icon{position:absolute;left:-50px;top:0;width:20px;height:20px;border-radius:50%;background-color:#fff;border:2px solid #777;display:flex;align-items:center;justify-content:center}.timeline .timeline-item .timeline-icon i{font-size:10px;color:#777}.timeline .timeline-item .timeline-icon.success{border-color:#28a745}.timeline .timeline-item .timeline-icon.success i{color:#28a745}.timeline .timeline-item .timeline-icon.primary{border-color:#007bff}.timeline .timeline-item .timeline-icon.primary i{color:#007bff}.timeline .timeline-item .timeline-icon.danger{border-color:#dc3545}.timeline .timeline-item .timeline-icon.danger i{color:#dc3545}.timeline .timeline-item .timeline-content{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.timeline .timeline-item .timeline-content .timeline-time{font-size:12px;color:#777;margin-bottom:5px}.timeline .timeline-item .timeline-content .timeline-title{font-weight:500;color:#333;margin-bottom:5px}.timeline .timeline-item .timeline-content .timeline-description{font-size:14px;color:#333}.documents-upload-container{display:flex;flex-direction:column;gap:1.5rem}.documents-upload-container .documents-upload-dropzone{border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.documents-upload-container .documents-upload-dropzone:hover,.documents-upload-container .documents-upload-dropzone.drag-over{border-color:#4a6fdc;background:#f0f4ff;transform:translateY(-2px)}.documents-upload-container .documents-upload-dropzone i{font-size:3rem;color:#999;margin-bottom:1rem;display:block}.documents-upload-container .documents-upload-dropzone p{margin:.5rem 0;color:#666}.documents-upload-container .documents-upload-dropzone p.upload-note{font-size:.875rem;color:#999}.documents-upload-container .documents-upload-dropzone .upload-text{color:#4a6fdc;font-weight:500;text-decoration:underline;cursor:pointer}.documents-upload-container .documents-preview{display:flex;flex-direction:column;gap:1rem;min-height:60px}.documents-upload-container .documents-preview:empty::before{content:"No hay documentos seleccionados";color:#999;font-style:italic;text-align:center;display:block;padding:2rem;border:1px dashed #ddd;border-radius:4px;background:#f9f9f9}.documents-upload-container .documents-preview .document-preview-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s ease}.documents-upload-container .documents-preview .document-preview-item:hover{border-color:#4a6fdc;box-shadow:0 2px 8px rgba(74,111,220,.1)}.documents-upload-container .documents-preview .document-preview-item .document-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1.5rem}.documents-upload-container .documents-preview .document-preview-item .document-icon.pdf{background:#ff4757;color:#fff}.documents-upload-container .documents-preview .document-preview-item .document-icon.image{background:#2ed573;color:#fff}.documents-upload-container .documents-preview .document-preview-item .document-icon.document{background:#3742fa;color:#fff}.documents-upload-container .documents-preview .document-preview-item .document-icon.default{background:#747d8c;color:#fff}.documents-upload-container .documents-preview .document-preview-item .document-info{flex:1;min-width:0}.documents-upload-container .documents-preview .document-preview-item .document-info .document-name{font-weight:500;color:#333;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-upload-container .documents-preview .document-preview-item .document-info .document-details{font-size:.875rem;color:#666;display:flex;gap:1rem}.documents-upload-container .documents-preview .document-preview-item .document-info .document-details .document-size::before{content:"📁 "}.documents-upload-container .documents-preview .document-preview-item .document-info .document-details .document-type-select{border:none;background:rgba(0,0,0,0);color:#4a6fdc;font-size:.875rem;cursor:pointer}.documents-upload-container .documents-preview .document-preview-item .document-info .document-details .document-type-select:focus{outline:1px solid #4a6fdc;border-radius:2px}.documents-upload-container .documents-preview .document-preview-item .document-actions{display:flex;gap:.5rem}.documents-upload-container .documents-preview .document-preview-item .document-actions .btn-sm{padding:.375rem .75rem;font-size:.875rem}.documents-upload-container .documents-preview .document-preview-item .document-actions .btn-sm.btn-danger{background:#ff4757;border-color:#ff4757}.documents-upload-container .documents-preview .document-preview-item .document-actions .btn-sm.btn-danger:hover{background:#ff3838;border-color:#ff3838}.documents-upload-container .documents-types-guide{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.documents-upload-container .documents-types-guide h4{margin:0 0 1rem 0;color:#495057;font-size:1rem;font-weight:600}.documents-upload-container .documents-types-guide .document-types-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}.documents-upload-container .documents-types-guide .document-types-grid .document-type-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid #dee2e6;border-radius:6px;transition:all .3s ease}.documents-upload-container .documents-types-guide .document-types-grid .document-type-item:hover{border-color:#4a6fdc;background:#f0f4ff}.documents-upload-container .documents-types-guide .document-types-grid .document-type-item i{color:#4a6fdc;font-size:1.25rem;width:20px;text-align:center}.documents-upload-container .documents-types-guide .document-types-grid .document-type-item span{font-size:.875rem;color:#495057;font-weight:500}@media(max-width: 768px){.documents-upload-container .documents-upload-dropzone{padding:1.5rem}.documents-upload-container .documents-upload-dropzone i{font-size:2.5rem}.documents-upload-container .documents-preview .document-preview-item{padding:.75rem}.documents-upload-container .documents-preview .document-preview-item .document-info .document-details{flex-direction:column;gap:.25rem}.documents-upload-container .documents-preview .document-preview-item .document-actions .btn-sm{padding:.25rem .5rem;font-size:.75rem}.documents-upload-container .documents-types-guide .document-types-grid{grid-template-columns:1fr;gap:.75rem}}@media(max-width: 480px){.documents-upload-container{gap:1rem}.documents-upload-container .documents-upload-dropzone{padding:1rem}.documents-upload-container .documents-upload-dropzone p{font-size:.875rem}.documents-upload-container .documents-upload-dropzone p.upload-note{font-size:.75rem}.documents-upload-container .documents-preview .document-preview-item{flex-direction:column;align-items:flex-start;gap:.75rem}.documents-upload-container .documents-preview .document-preview-item .document-actions{align-self:flex-end}}.timeline{position:relative;padding:20px 0;margin:0}.timeline::before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#e3e6f0;border-radius:1px}.timeline-date-separator{position:relative;margin:30px 0 20px 0;text-align:center}.timeline-date-separator .timeline-date-text{background:#fff;padding:8px 16px;border-radius:20px;border:1px solid #e3e6f0;font-size:.875rem;font-weight:600;color:#6c757d;display:inline-block;position:relative;z-index:2}.timeline-date-separator::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e3e6f0;z-index:1}.activity-stats{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.activity-stats small{font-size:.8rem;line-height:1.4}@media(max-width: 768px){.timeline::before{left:15px}.timeline-item{margin-bottom:16px}.timeline-item .timeline-content{padding:12px}.timeline-item .timeline-header{flex-direction:column;align-items:flex-start;gap:8px}.timeline-item .timeline-time{align-self:flex-end}.timeline-item .timeline-title{font-size:.9rem}.timeline-item .timeline-description{font-size:.8rem}.timeline-date-separator{margin:20px 0 16px 0}.timeline-date-separator .timeline-date-text{font-size:.8rem;padding:6px 12px}}@media(max-width: 480px){.timeline::before{left:12px}.timeline-item .timeline-icon{width:28px;height:28px;font-size:12px;margin-right:10px}.timeline-item .timeline-content{padding:10px}.no-activities{padding:40px 16px}.no-activities i{font-size:2.5rem}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.project-view-container{background-color:#fff;border-radius:8px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);margin:20px 0;overflow:hidden}.project-view-header{padding:20px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.project-view-header .project-title-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.project-view-header .project-title-container h2{margin:0;font-size:24px;color:#007bff}.project-view-header .project-actions{display:flex;gap:10px}.project-view-header .project-actions .btn{display:flex;align-items:center;gap:5px}.project-view-header .project-actions .btn i{font-size:14px}.project-view-header .project-actions .btn-danger{background-color:#dc3545;color:#fff}.project-view-header .project-actions .btn-danger:hover{background-color:rgb(189.2151898734,32.7848101266,47.7721518987)}.project-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.project-status.rent{background-color:rgba(40,167,69,.1);color:#28a745}.project-status.sale{background-color:rgba(128,0,128,.1);color:#28a745}.project-status.inactive{background-color:rgba(255,193,7,.1);color:#ffc107}.project-status.sold{background-color:rgba(220,53,69,.1);color:#dc3545}.project-status.rented{background-color:rgba(0,123,255,.1);color:#007bff}.tabs-container{margin-top:20px;border-bottom:1px solid #dee2e6}.tabs-container .tabs-header{display:flex;flex-wrap:wrap;margin:0 20px}.tabs-container .tabs-header .tab-btn{background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);padding:12px 15px;margin-right:5px;margin-bottom:-1px;font-weight:500;color:#777;cursor:pointer;transition:all .15s ease-in-out;display:flex;align-items:center;gap:8px}.tabs-container .tabs-header .tab-btn i{font-size:16px}.tabs-container .tabs-header .tab-btn:hover{color:#007bff}.tabs-container .tabs-header .tab-btn.active{color:#007bff;border-bottom-color:#007bff}.tab-content{padding:20px;display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}.tab-content h3{font-size:18px;color:#007bff;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.project-content{padding:0}.project-content .project-gallery{margin-bottom:30px}.project-content .project-gallery .gallery-main{position:relative;height:400px;border-radius:8px;overflow:hidden;margin-bottom:10px}.project-content .project-gallery .gallery-main img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .15s ease-in-out}.project-content .project-gallery .gallery-main .gallery-navigation{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:0 20px}.project-content .project-gallery .gallery-main .gallery-navigation .gallery-nav-btn{background-color:hsla(0,0%,100%,.7);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;cursor:pointer;transition:all .15s ease-in-out;margin-top:180px}.project-content .project-gallery .gallery-main .gallery-navigation .gallery-nav-btn:hover{background-color:hsla(0,0%,100%,.9);color:#007bff}.project-content .project-gallery .gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.project-content .project-gallery .gallery-thumbnails .gallery-thumbnail{width:80px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:all .15s ease-in-out;flex-shrink:0}.project-content .project-gallery .gallery-thumbnails .gallery-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-content .project-gallery .gallery-thumbnails .gallery-thumbnail.active{border-color:#007bff}.project-content .project-gallery .gallery-thumbnails .gallery-thumbnail:hover{border-color:#6f8fe5}.project-content .project-information{background-color:#fff;border-radius:8px}.project-content .project-information .info-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width: 768px){.project-content .project-information .info-grid{grid-template-columns:repeat(2, 1fr)}}.project-content .project-information .info-section.col-span-2{grid-column:1/-1}.project-content .project-information .info-section h3{font-size:18px;color:#007bff;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.project-content .project-information .info-section .info-content .info-item{display:flex;margin-bottom:8px}.project-content .project-information .info-section .info-content .info-item .info-label{min-width:140px;font-weight:500;color:#333}.project-content .project-information .info-section .info-content .info-item .info-value{color:#777}.project-content .project-information .features-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}@media(min-width: 768px){.project-content .project-information .features-grid{grid-template-columns:repeat(4, 1fr)}}.project-content .project-information .features-grid .feature-box{display:flex;flex-direction:column;align-items:center;gap:5px;padding:15px;border-radius:8px;background-color:rgba(0,123,255,.05)}.project-content .project-information .features-grid .feature-box i{font-size:24px;color:#007bff}.project-content .project-information .features-grid .feature-box span{text-align:center;color:#333;font-weight:500}.project-content .project-information .additional-features{margin-top:20px}.project-content .project-information .additional-features .features-list{display:flex;flex-wrap:wrap;gap:10px}.project-content .project-information .additional-features .features-list .feature-tag{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;background-color:rgba(0,123,255,.1);color:#007bff;font-size:14px}.project-content .project-information .additional-features .features-list .feature-tag i{font-size:12px}.project-content .project-information .amenities-grid{display:flex;flex-wrap:wrap;gap:10px}.project-content .project-information .amenities-grid .amenity-box{display:flex;align-items:center;gap:5px;padding:8px 15px;border-radius:8px;background-color:rgba(0,123,255,.05);color:#333}.project-content .project-information .amenities-grid .amenity-box i{color:#007bff}.project-content .project-information .amenities-grid .amenity-detail{width:100%;margin:10px 0;padding:10px;background-color:rgba(0,123,255,.03);border-radius:8px}.project-content .project-information .amenities-grid .amenity-detail p{margin:0;font-size:14px}.leases-header,.tenants-header,.payments-header,.documents-header,.activities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.leases-list{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width: 640px){.leases-list{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.leases-list{grid-template-columns:repeat(3, 1fr)}}.leases-list .lease-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);overflow:hidden;transition:all .15s ease-in-out}.leases-list .lease-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.leases-list .lease-card .lease-header{padding:15px;background-color:rgba(0,123,255,.05);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.leases-list .lease-card .lease-header .lease-tenant{font-weight:500;color:#333}.leases-list .lease-card .lease-header .lease-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.leases-list .lease-card .lease-header .lease-status.active{background-color:rgba(40,167,69,.1);color:#28a745}.leases-list .lease-card .lease-header .lease-status.draft{background-color:rgba(119,119,119,.1);color:#777}.leases-list .lease-card .lease-header .lease-status.expired{background-color:rgba(255,193,7,.1);color:#ffc107}.leases-list .lease-card .lease-header .lease-status.terminated{background-color:rgba(220,53,69,.1);color:#dc3545}.leases-list .lease-card .lease-header .lease-status.renewed{background-color:rgba(0,123,255,.1);color:#007bff}.leases-list .lease-card .lease-details{padding:15px;display:flex;flex-direction:column;gap:10px}.leases-list .lease-card .lease-details .lease-date,.leases-list .lease-card .lease-details .lease-amount{display:flex;align-items:center;gap:10px;color:#333}.leases-list .lease-card .lease-details .lease-date i,.leases-list .lease-card .lease-details .lease-amount i{color:#007bff;width:20px;text-align:center}.leases-list .lease-card .lease-actions{padding:15px;border-top:1px solid #dee2e6;display:flex;gap:10px}.leases-list .lease-card .lease-actions .btn{flex:1;font-size:12px;padding:8px}.tenants-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}.tenants-grid .tenant-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden;transition:all .15s ease-in-out;border:1px solid #dee2e6}.tenants-grid .tenant-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.tenants-grid .tenant-card .tenant-info{padding:15px}.tenants-grid .tenant-card .tenant-info .tenant-name{font-size:18px;font-weight:600;color:#333;margin-bottom:10px}.tenants-grid .tenant-card .tenant-info .tenant-email,.tenants-grid .tenant-card .tenant-info .tenant-phone{font-size:14px;color:#777;margin-bottom:5px;display:flex;align-items:center;gap:5px}.tenants-grid .tenant-card .tenant-info .tenant-email i,.tenants-grid .tenant-card .tenant-info .tenant-phone i{color:#007bff;width:16px}.tenants-grid .tenant-card .tenant-info .tenant-occupation{font-size:14px;color:#333;margin-bottom:10px}.tenants-grid .tenant-card .tenant-info .tenant-status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.tenants-grid .tenant-card .tenant-info .tenant-status.active{background-color:rgba(40,167,69,.1);color:#28a745}.tenants-grid .tenant-card .tenant-info .tenant-status.inactive{background-color:rgba(255,193,7,.1);color:#ffc107}.tenants-grid .tenant-card .tenant-info .tenant-status.blacklisted{background-color:rgba(220,53,69,.1);color:#dc3545}.tenants-grid .tenant-card .tenant-actions{display:flex;border-top:1px solid #dee2e6}.tenants-grid .tenant-card .tenant-actions a{flex:1;padding:10px;text-align:center;color:#333;text-decoration:none;font-size:14px;transition:all .15s ease-in-out}.tenants-grid .tenant-card .tenant-actions a:not(:last-child){border-right:1px solid #dee2e6}.tenants-grid .tenant-card .tenant-actions a:hover{background-color:rgba(0,123,255,.1);color:#007bff}.tenants-grid .tenant-card .tenant-actions a i{margin-right:5px}.payments-filters{display:flex;flex-wrap:wrap;gap:15px;background-color:rgba(0,123,255,.05);padding:15px 20px;margin:0 20px 20px;border-radius:8px}.payments-filters .filter-group{flex:1;min-width:150px}.payments-filters .filter-group label{display:block;font-size:13px;color:#777;margin-bottom:5px}.payments-filters .filter-group input,.payments-filters .filter-group select{width:100%;padding:8px 10px;border:1px solid #dee2e6;border-radius:8px;font-size:14px}.payments-filters .filter-group input:focus,.payments-filters .filter-group select:focus{border-color:#007bff;outline:none}.payments-table-container{padding:0 20px 20px;overflow-x:auto}.payments-table-container .payments-table{width:100%;border-collapse:collapse}.payments-table-container .payments-table th,.payments-table-container .payments-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #dee2e6}.payments-table-container .payments-table th{background-color:rgba(0,123,255,.05);font-weight:600;color:#333}.payments-table-container .payments-table tr:hover{background-color:rgba(0,123,255,.02)}.payments-table-container .payments-table .text-center{text-align:center}.payments-table-container .payments-table .payment-status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.payments-table-container .payments-table .payment-status.on_time{background-color:rgba(40,167,69,.1);color:#28a745}.payments-table-container .payments-table .payment-status.early{background-color:rgba(0,123,255,.1);color:#007bff}.payments-table-container .payments-table .payment-status.late{background-color:rgba(220,53,69,.1);color:#dc3545}.payments-table-container .payments-table .payment-status.pending{background-color:rgba(255,193,7,.1);color:#ffc107}.payments-table-container .payments-table .table-actions{display:flex;gap:5px}.payments-table-container .payments-table .table-actions .btn-icon{background:none;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#777;cursor:pointer;transition:all .15s ease-in-out}.payments-table-container .payments-table .table-actions .btn-icon:hover{background-color:rgba(0,123,255,.1);color:#007bff}.payments-table-container .payments-table .table-actions .btn-icon.danger:hover{background-color:rgba(220,53,69,.1);color:#dc3545}.payments-summary{display:flex;flex-wrap:wrap;gap:15px;padding:0 20px 20px}.payments-summary .summary-card{flex:1;min-width:200px;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;text-align:center}.payments-summary .summary-card .summary-title{font-size:14px;color:#777;margin-bottom:5px}.payments-summary .summary-card .summary-value{font-size:20px;font-weight:600;color:#333}.documents-grid{display:grid;grid-template-columns:1fr;gap:20px;padding:0 20px 20px}@media(min-width: 640px){.documents-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.documents-grid{grid-template-columns:repeat(3, 1fr)}}.documents-grid .document-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:15px;transition:all .15s ease-in-out}.documents-grid .document-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-3px)}.documents-grid .document-card .document-icon{width:50px;height:50px;background-color:rgba(0,123,255,.1);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto}.documents-grid .document-card .document-icon i{font-size:24px;color:#007bff}.documents-grid .document-card .document-info{text-align:center}.documents-grid .document-card .document-info h4{margin:0 0 8px;font-size:16px;color:#333;font-weight:500}.documents-grid .document-card .document-info .document-type{color:#007bff;font-size:14px;margin:0 0 5px}.documents-grid .document-card .document-info .document-date{color:#777;font-size:12px;margin:0}.documents-grid .document-card .document-actions{display:flex;justify-content:center;gap:10px;border-top:1px solid #dee2e6;padding-top:15px}.documents-grid .document-card .document-actions .btn-icon{background:none;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .15s ease-in-out;color:#777;display:flex;justify-content:center;align-items:center}.documents-grid .document-card .document-actions .btn-icon:hover{background-color:rgba(0,123,255,.1);color:#007bff}.documents-grid .document-card .document-actions .btn-icon.danger:hover{background-color:rgba(220,53,69,.1);color:#dc3545}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-container i,.error-container i{font-size:40px;margin-bottom:20px}.loading-container p,.error-container p{margin:0 0 20px}.loading-container i{color:#007bff}.error-container i{color:#dc3545}.fade-in{opacity:0;animation:fadeIn .3s ease forwards}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:rgb(189.2151898734,32.7848101266,47.7721518987)}@media(max-width: 768px){.project-view-header .project-actions{flex-direction:column;width:100%}.project-view-header .project-actions .btn{width:100%;justify-content:center}.tabs-header{overflow-x:auto;white-space:nowrap}.tabs-header .tab-btn{flex-shrink:0}.info-grid{grid-template-columns:1fr !important}.features-grid{grid-template-columns:repeat(2, 1fr) !important}.leases-list,.tenants-grid,.documents-grid{grid-template-columns:1fr !important}.payments-summary{flex-direction:column}.payments-summary .summary-card{min-width:auto}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}#payment-form .form-group{margin-bottom:20px}#payment-form .form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333;font-size:.9rem}#payment-form .form-group label .required{color:#dc3545;margin-left:2px}#payment-form .form-group input,#payment-form .form-group select,#payment-form .form-group textarea{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:.95rem;transition:all .3s ease;background-color:#fff}#payment-form .form-group input:focus,#payment-form .form-group select:focus,#payment-form .form-group textarea:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 3px rgba(44,90,160,.1)}#payment-form .form-group input:invalid,#payment-form .form-group select:invalid,#payment-form .form-group textarea:invalid{border-color:#dc3545}#payment-form .form-group input.error,#payment-form .form-group select.error,#payment-form .form-group textarea.error{border-color:#dc3545;background-color:#fff5f5}#payment-form .form-group textarea{resize:vertical;min-height:80px;font-family:inherit}#payment-form .form-group .field-error{color:#dc3545;font-size:.8rem;margin-top:4px;display:block}#payment-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width: 600px){#payment-form .form-row{grid-template-columns:1fr}}#payment-form .form-rows{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width: 600px){#payment-form .form-rows{grid-template-columns:1fr}}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:6px;text-decoration:none;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-align:center;line-height:1.4}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:linear-gradient(135deg, #2c5aa0, #1a4480);color:#fff}.btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, #1a4480, #0f2d5c);transform:translateY(-2px);box-shadow:0 4px 12px rgba(44,90,160,.3)}.btn.btn-success{background:linear-gradient(135deg, #28a745, #1e7e34);color:#fff}.btn.btn-success:hover:not(:disabled){background:linear-gradient(135deg, #1e7e34, #155724);transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.btn.btn-secondary{background:linear-gradient(135deg, #6c757d, #545b62);color:#fff}.btn.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg, #545b62, #3d4449);transform:translateY(-2px)}.btn.btn-danger{background:linear-gradient(135deg, #dc3545, #c82333);color:#fff}.btn.btn-danger:hover:not(:disabled){background:linear-gradient(135deg, #c82333, #a71d2a);transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.btn.btn-sm{padding:6px 12px;font-size:.8rem}.btn i{margin-right:5px}.btn i.fa-spin{margin-right:8px}.payments-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);background:#fff}.payments-table-container .payments-table{width:100%;border-collapse:collapse;margin:0}.payments-table-container .payments-table thead{background:linear-gradient(135deg, #2c5aa0, #1a4480);color:#fff}.payments-table-container .payments-table thead th{padding:15px 12px;text-align:left;font-weight:600;font-size:.9rem;letter-spacing:.5px;border:none}.payments-table-container .payments-table thead th:first-child{border-radius:8px 0 0 0}.payments-table-container .payments-table thead th:last-child{border-radius:0 8px 0 0}.payments-table-container .payments-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.payments-table-container .payments-table tbody tr:hover{background-color:#f8f9fa}.payments-table-container .payments-table tbody tr:last-child{border-bottom:none}.payments-table-container .payments-table tbody td{padding:12px;font-size:.9rem;vertical-align:middle}.payments-table-container .payments-table tbody td.text-center{text-align:center}.payment-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-status.on_time{background:rgba(40,167,69,.1);color:rgb(30.1449275362,125.8550724638,52);border:1px solid rgba(40,167,69,.3)}.payment-status.early{background:rgba(23,162,184,.1);color:rgb(17.3333333333,122.0869565217,138.6666666667);border:1px solid rgba(23,162,184,.3)}.payment-status.late{background:rgba(220,53,69,.1);color:rgb(189.2151898734,32.7848101266,47.7721518987);border:1px solid rgba(220,53,69,.3)}.payment-status.pending{background:rgba(255,193,7,.1);color:#a07800;border:1px solid rgba(255,193,7,.3)}.payment-status.deposit{background:rgba(111,66,193,.1);color:rgb(88.6693227092,51.3784860558,156.6215139442);border:1px solid rgba(111,66,193,.3)}.table-actions{white-space:nowrap}.table-actions .btn-icon{background:none;border:none;padding:6px 8px;margin:0 2px;border-radius:4px;cursor:pointer;transition:all .2s;color:#6c757d}.table-actions .btn-icon:hover{background:#f8f9fa;color:#2c5aa0;transform:translateY(-1px)}.table-actions .btn-icon.danger:hover{background:rgba(220,53,69,.1);color:#dc3545}.table-actions .btn-icon.show-receipt-btn:hover{background:rgba(40,167,69,.1);color:#28a745}.table-actions .btn-icon i{font-size:.9rem}#receipt-modal .modal-content{max-width:800px;max-height:95vh}#receipt-modal .modal-body{padding:0;max-height:70vh;overflow-y:auto}#receipt-modal #receipt-content{padding:20px;background:#fff}.payments-filters{background:#f8f9fa;padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;gap:15px;align-items:end;flex-wrap:wrap}.payments-filters .filter-group{flex:1;min-width:150px}.payments-filters .filter-group label{display:block;margin-bottom:5px;font-weight:500;color:#333;font-size:.9rem}.payments-filters .filter-group input,.payments-filters .filter-group select{width:100%;padding:8px 10px;border:1px solid #dee2e6;border-radius:4px;font-size:.9rem}.payments-filters .filter-group input:focus,.payments-filters .filter-group select:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 2px rgba(44,90,160,.1)}@media(max-width: 768px){.payments-filters{flex-direction:column;align-items:stretch}.payments-filters .filter-group{min-width:unset}.payments-filters .btn{width:100%}}.payments-summary{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;margin-top:20px}.payments-summary .summary-card{background:linear-gradient(135deg, #fff, #f8f9fa);border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s}.payments-summary .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.15)}.payments-summary .summary-card .summary-title{font-size:.9rem;color:#6c757d;margin-bottom:8px;font-weight:500}.payments-summary .summary-card .summary-value{font-size:1.5rem;font-weight:bold;color:#2c5aa0;margin-bottom:5px}.loading-message{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#6c757d;font-size:.9rem}.loading-message i{margin-right:10px;font-size:1.2rem;color:#2c5aa0}.no-results-inline,.error-message-inline{text-align:center;padding:30px 20px;color:#6c757d}.no-results-inline i,.error-message-inline i{font-size:2rem;margin-bottom:10px;color:#dee2e6}.no-results-inline p,.error-message-inline p{margin:0;font-size:.9rem}.error-message-inline i{color:#dc3545}.error-message-inline p{color:#dc3545}@media(max-width: 768px){.modal .modal-content{margin:1% auto;width:98%}.modal .modal-header{padding:15px 20px 10px}.modal .modal-header h3{font-size:1.1rem}.modal .modal-body{padding:20px}.modal .modal-footer{padding:10px 20px 15px}.payments-table-container .payments-table{font-size:.8rem}.payments-table-container .payments-table th,.payments-table-container .payments-table td{padding:8px 6px}}@media(max-width: 480px){.btn{padding:8px 16px;font-size:.85rem}.payments-summary{grid-template-columns:1fr}.table-actions .btn-icon{padding:4px 6px}.table-actions .btn-icon i{font-size:.8rem}}.profile-view-container,.profile-edit-container{max-width:1200px;margin:0 auto;padding:1.5rem}@media(max-width: 768px){.profile-view-container,.profile-edit-container{padding:1rem}}.view-header,.edit-header{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 12px rgba(0,0,0,.08)}@media(max-width: 768px){.view-header,.edit-header{padding:1.5rem;margin-bottom:1.5rem}}.view-header .profile-info,.edit-header .profile-info{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}@media(max-width: 768px){.view-header .profile-info,.edit-header .profile-info{flex-direction:column;text-align:center;gap:1rem}}.view-header .profile-avatar,.edit-header .profile-avatar{width:120px;height:120px;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#2165d1;border:3px solid hsla(0,0%,100%,.3);flex-shrink:0}@media(max-width: 768px){.view-header .profile-avatar,.edit-header .profile-avatar{width:80px;height:80px;font-size:2rem}}.view-header .profile-avatar img,.edit-header .profile-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.view-header .profile-details,.edit-header .profile-details{flex:1}.view-header .profile-details h2,.edit-header .profile-details h2{margin:0 0 .5rem 0;font-size:2rem;font-weight:600}@media(max-width: 768px){.view-header .profile-details h2,.edit-header .profile-details h2{font-size:1.5rem}}.view-header .profile-details .profile-role,.edit-header .profile-details .profile-role{font-size:1.1rem;margin:0 0 .25rem 0;opacity:.9;font-weight:500}.view-header .profile-details .profile-email,.edit-header .profile-details .profile-email{font-size:.95rem;margin:0;opacity:.8}.view-header .profile-actions,.view-header .profile-title-container+.profile-actions,.edit-header .profile-actions,.edit-header .profile-title-container+.profile-actions{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width: 768px){.view-header .profile-actions,.view-header .profile-title-container+.profile-actions,.edit-header .profile-actions,.edit-header .profile-title-container+.profile-actions{justify-content:center;gap:.5rem}}.view-header .profile-title-container,.edit-header .profile-title-container{margin-bottom:1.5rem}.view-header .profile-title-container h2,.edit-header .profile-title-container h2{margin:0 0 .5rem 0;font-size:2rem;font-weight:600}.view-header .profile-title-container p,.edit-header .profile-title-container p{margin:0;opacity:.9;font-size:1rem}.profile-content .tab-content{display:none;animation:fadeIn .3s ease}.profile-content .tab-content.active{display:block}.info-sections{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}@media(max-width: 768px){.info-sections{grid-template-columns:1fr;gap:1.5rem}}.info-card,.settings-card,.security-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden}.info-card h3,.settings-card h3,.security-card h3{background:var(--surface-light);padding:1.25rem 1.5rem;margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-light)}.info-card h3 i,.settings-card h3 i,.security-card h3 i{color:var(--primary-color)}.info-card .info-content,.info-card .settings-content,.info-card .security-content,.settings-card .info-content,.settings-card .settings-content,.settings-card .security-content,.security-card .info-content,.security-card .settings-content,.security-card .security-content{padding:1.5rem}.info-grid{display:grid;gap:5px}.info-grid .info-item{border-bottom:1px solid var(--border-light)}.info-grid .info-item:last-child{border-bottom:none}.info-grid .info-item .info-label{font-weight:500;color:var(--text-secondary);min-width:140px}@media(max-width: 480px){.info-grid .info-item .info-label{min-width:120px;font-size:.9rem}}.info-grid .info-item .info-value{color:var(--text-primary)}@media(max-width: 480px){.info-grid .info-item .info-value{font-size:.9rem}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}@media(max-width: 768px){.stats-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--surface-light);border-radius:8px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card .stat-icon{width:48px;height:48px;border-radius:8px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem;flex-shrink:0}.stat-card .stat-info{flex:1}.stat-card .stat-info .stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}@media(max-width: 480px){.stat-card .stat-info .stat-value{font-size:1.5rem}}.stat-card .stat-info .stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.settings-sections{display:grid;gap:2rem}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item .setting-info{flex:1}.setting-item .setting-info label{font-weight:500;color:var(--text-primary);display:block;margin-bottom:.25rem}.setting-item .setting-info p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.setting-item .setting-control{margin-left:1rem}.setting-item .setting-control .form-select{min-width:140px}.settings-actions{margin-top:2rem;text-align:center}.security-sections{display:grid;gap:2rem}.session-list .session-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface-light);border-radius:8px;margin-bottom:.75rem}.session-list .session-item:last-child{margin-bottom:0}.session-list .session-item.current{background:var(--primary-light);border:1px solid var(--primary-color)}.session-list .session-item .session-info{flex:1}.session-list .session-item .session-info .session-device{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.session-list .session-item .session-info .session-device i{color:var(--primary-color)}.session-list .session-item .session-info .session-details{font-size:.85rem;color:var(--text-secondary)}.session-list .session-item .session-info .session-details p{margin:.125rem 0}.session-list .session-item .session-status .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.session-list .session-item .session-status .status-badge.active{background:var(--success-light);color:var(--success-color)}.access-history{max-height:300px;overflow-y:auto}.access-history .access-entry{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border-light)}.access-history .access-entry:last-child{border-bottom:none}.access-history .access-entry .access-info{flex:1}.access-history .access-entry .access-info .access-action{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.access-history .access-entry .access-info .access-action i{width:16px;text-align:center}.access-history .access-entry .access-info .access-details{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}@media(max-width: 480px){.access-history .access-entry .access-info .access-details{flex-direction:column;gap:.125rem}}.access-history .access-entry .access-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff}.access-history .access-entry .access-status.login{background:var(--success-color)}.access-history .access-entry .access-status.logout{background:var(--text-secondary)}.edit-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:2rem;overflow:hidden}.edit-section .edit-section-header{background:var(--surface-light);padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light)}.edit-section .edit-section-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.edit-section .edit-section-content{padding:1.5rem}.edit-section .edit-section-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.avatar-upload-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}@media(max-width: 768px){.avatar-upload-container{grid-template-columns:1fr;gap:1.5rem}}.avatar-upload-container .current-avatar{text-align:center}.avatar-upload-container .current-avatar .avatar-preview{width:120px;height:120px;border-radius:50%;background:var(--surface-light);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--text-secondary);margin:0 auto 1rem auto;border:3px solid var(--border-light);overflow:hidden}.avatar-upload-container .current-avatar .avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-upload-container .current-avatar p{margin:0;font-size:.9rem;color:var(--text-secondary)}.avatar-upload-container .avatar-upload .upload-dropzone{border:2px dashed var(--border-light);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--surface-light)}.avatar-upload-container .avatar-upload .upload-dropzone:hover,.avatar-upload-container .avatar-upload .upload-dropzone.drag-over{border-color:var(--primary-color);background:var(--primary-light)}.avatar-upload-container .avatar-upload .upload-dropzone i{font-size:2rem;color:var(--primary-color);margin-bottom:.75rem;display:block}.avatar-upload-container .avatar-upload .upload-dropzone p{margin:.5rem 0;color:var(--text-secondary)}.avatar-upload-container .avatar-upload .upload-dropzone p:first-of-type{font-weight:500;color:var(--text-primary)}.avatar-upload-container .avatar-upload .upload-dropzone p .upload-text{color:var(--primary-color);font-weight:500}.avatar-upload-container .avatar-upload .upload-dropzone .upload-requirements{font-size:.8rem;color:var(--text-tertiary);margin-top:.5rem}.avatar-upload-container .avatar-actions{display:flex;gap:.75rem;margin-top:1rem}@media(max-width: 480px){.avatar-upload-container .avatar-actions{flex-direction:column}}.checkbox-toggle{position:relative;display:inline-block;width:50px;height:26px}.checkbox-toggle input{opacity:0;width:0;height:0}.checkbox-toggle input:checked+label{background-color:var(--primary-color)}.checkbox-toggle input:checked+label::before{transform:translateX(24px)}.checkbox-toggle input:focus+label{box-shadow:0 0 0 3px var(--primary-light)}.checkbox-toggle label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:26px}.checkbox-toggle label::before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.email-change-details{background:var(--surface-light);border-radius:8px;padding:1rem;margin:1rem 0}.email-change-details .email-old,.email-change-details .email-new{padding:.5rem 0}.email-change-details .email-old strong,.email-change-details .email-new strong{color:var(--text-primary)}.email-change-details .email-old span,.email-change-details .email-new span{margin-left:.5rem;font-family:monospace;background:#fff;padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-light)}.success-icon{text-align:center;margin-bottom:1rem}.success-icon i{font-size:3rem;color:var(--success-color)}.save-results{list-style:none;padding:0;margin:1rem 0 0 0}.save-results .save-result-item{padding:.75rem;background:var(--surface-light);border-radius:6px;margin-bottom:.5rem;display:flex;align-items:flex-start;gap:.75rem}.save-results .save-result-item:last-child{margin-bottom:0}.save-results .save-result-item i{margin-top:.125rem;width:16px;text-align:center}.save-results .save-result-item i.text-success{color:var(--success-color)}.save-results .save-result-item i.text-error{color:var(--danger-color)}.save-results .save-result-item strong{color:var(--text-primary)}.save-results .save-result-item small{display:block;margin-top:.25rem;color:var(--text-secondary);font-size:.8rem}@media(max-width: 480px){.profile-view-container,.profile-edit-container{padding:.75rem}.edit-section{margin-bottom:1.5rem}.edit-section .edit-section-content{padding:1rem}.info-sections{gap:1rem}.stats-grid{gap:.75rem}.timeline{padding-left:1rem}.timeline .timeline-item .timeline-icon{left:-1.75rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card,.timeline-item,.setting-item,.access-entry{transition:all .2s ease}.text-success{color:var(--success-color) !important}.text-error{color:var(--danger-color) !important}.profile-content .loading-message{text-align:center;padding:2rem;color:var(--text-secondary)}.profile-content .loading-message i{font-size:1.5rem;margin-bottom:.5rem;display:block;color:var(--primary-color)}.no-activities,.no-sessions{text-align:center;padding:2rem;color:var(--text-secondary)}.no-activities i,.no-sessions i{font-size:2.5rem;margin-bottom:1rem;display:block;color:var(--text-tertiary)}.no-activities p,.no-sessions p{margin:0;font-size:.95rem}@media(max-width: 768px){.login-container{max-width:100%}.form-options{flex-direction:column;align-items:flex-start;gap:10px}.form-actions{flex-direction:column}.btn{width:100%}input{padding:12px 40px}}.dashboard-header{transition:all .5s ease}.dashboard-header .logo-container .brand-link .brand-logo{width:150px}