#footer[data-v-667ceae8]{background-color:#fff;color:var(--dark-charcoal);width:100%;height:60px;display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;z-index:1000;box-shadow:0 -2px 5px rgba(0,0,0,.1)}.main[data-v-667ceae8]{width:100%;display:flex;justify-content:space-evenly;align-items:center}.menu[data-v-667ceae8]{padding:var(--spacing) var(--spacing-lg)}.side-menu[data-v-667ceae8]{position:fixed;top:0;right:-300px;width:300px;height:100vh;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.1);transition:right .3s ease;z-index:1000}.menu-open[data-v-667ceae8]{right:0}.menu-content[data-v-667ceae8]{padding:20px}.close-btn[data-v-667ceae8]{position:absolute;top:10px;right:10px;border:none;background:none;font-size:24px;cursor:pointer}nav[data-v-667ceae8]{margin-top:40px}nav a[data-v-667ceae8]{display:flex;align-items:center;gap:15px;padding:15px;text-decoration:none;color:var(--dark-charcoal);font-size:1.1rem;border-radius:8px;transition:background-color .2s}nav a[data-v-667ceae8]:hover{background-color:rgba(0,0,0,.05)}.menu-action[data-v-667ceae8]{display:flex;align-items:center;gap:15px;padding:15px;width:100%;border:none;background:none;text-align:left;font-size:1.1rem;color:var(--dark-charcoal);border-radius:8px;cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color .2s}.menu-action[data-v-667ceae8]:hover{background-color:rgba(0,0,0,.05)}.menu-icon[data-v-667ceae8]{width:24px;height:24px}:root{--font-family:"Inter",sans-serif;--light-gray:#f4f4f4;--medium-gray:#d9d9d9;--dark-gray:#b0b0b0;--deep-blue-color:#036;--light-charcoal:#666;--dark-charcoal:#333;--success-green:#4caf50;--button-active:#003d7a;--button-hover:#00509e;--spacing-xs:0.5rem;--spacing-s:0.625rem;--spacing-sm:0.875rem;--spacing:1rem;--spacing-md:1.25rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border:1px}body,html{font-family:var(--font-family);background-color:var(--light-gray);font-weight:700;height:100%;width:100%;margin:0;padding:0;font-size:16px;line-height:1.5;max-width:37.5rem;margin-left:auto;margin-right:auto}a{color:var(--button-active);text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0}#app{height:100%;width:100%;display:flex;flex-direction:column;align-items:center}#content{width:100%;padding:var(--spacing-md);box-sizing:border-box;padding-bottom:60px}.container{margin:auto;width:100%;background-color:var(--light-gray)}.button{display:inline-block;padding:.75rem 1rem;font-size:.875rem;color:#fff;background-color:#007bff;border:none;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.15);text-align:center;transition:box-shadow .3s ease,transform .2s ease}.button:hover{box-shadow:0 4px 6px rgba(0,0,0,.2);transform:translateY(-2px)}.card{background-color:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);margin-bottom:1rem;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.search-container{display:flex;margin-bottom:1rem}.search-icon{position:relative;margin-top:.5rem;left:1rem;color:var(--light-charcoal)}.search-input{width:100%;margin-left:-1rem;padding:10px 15px 10px 40px;border:1px solid #ccc;border-radius:5px;font-size:16px;outline:none;transition:border-color .3s;background-color:var(--medium-gray)}.search-input::-moz-placeholder{color:var(--light-charcoal)}.search-input::placeholder{color:var(--light-charcoal)}.search-input:focus{border-color:var(--deep-blue-color)}.property{margin-top:.625rem;padding:10px;box-shadow:0 0 5px 0 rgba(0,0,0,.1);border-radius:10px;display:flex;flex-direction:row;background-color:#fff;cursor:pointer}.image{min-width:100px;min-height:100px;max-width:100px;max-height:100px}.image svg{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;stroke-width:1;color:var(--deep-blue-color)}.details{margin-left:var(--spacing);justify-content:space-evenly}.details,.details .address{display:flex;flex-direction:column}.details .address{color:var(--light-charcoal);font-size:.875rem}.details .tenant{color:var(--deep-blue-color);font-size:1rem}.price{margin-left:auto;min-width:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.price .value{color:var(--success-green);height:80%;align-content:center;font-size:32px}.price .date{color:var(--light-charcoal);font-size:10px;text-align:right;display:block;width:100%}.no-price,.no-tenant{color:var(--light-charcoal);font-style:italic}.header{margin-bottom:var(--spacing-lg)}.header h1{color:var(--deep-blue-color);margin-bottom:var(--spacing-xs)}.address{color:var(--light-charcoal);font-size:var(--spacing-sm)}.status-card{justify-content:space-between}.status-card,.status-header{display:flex;align-items:center}.status-header{gap:var(--spacing)}.property-icon{color:var(--deep-blue-color);width:60px;height:60px}.payment_status{font-weight:600}.payment_status.paid{color:var(--success-green)}.payment_status.unpaid{color:#e53935}.payment_status.waiting{color:orange}.amount{font-size:var(--spacing-lg);font-weight:600;color:var(--dark-charcoal)}.section-header{justify-content:space-between;margin-bottom:var(--spacing)}.icon-button,.section-header{display:flex;align-items:center}.icon-button{background:none;border:none;color:var(--deep-blue-color);padding:var(--spacing-xs);border-radius:50%;cursor:pointer;justify-content:center;transition:background-color .2s}.icon-button:hover{background-color:var(--light-gray)}.tenant-create{padding:1rem .5rem;background:var(--light-gray);min-height:100vh}.section-title{font-size:1.5rem;color:var(--deep-blue-color);margin-bottom:1rem;text-align:center;font-weight:700;letter-spacing:.5px}.tenants-section{margin:1.5rem 0;background:#fff;border-radius:1rem;box-shadow:0 2px 12px rgba(0,0,0,.07);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.no-tenants{display:flex;justify-content:center;align-items:center;min-height:80px}.no-tenant-message{color:var(--light-charcoal);font-size:1.1rem;font-weight:600;text-align:center;padding:1rem 0}.create-tenant{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.1rem;font-weight:600;padding:1rem;border-radius:.75rem;margin-top:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.06);width:100%}.plus-icon{font-size:1.5rem;font-weight:700;color:var(--success-green);margin-right:.25rem}.actions{margin-top:2rem;display:flex;justify-content:flex-end}.save-btn{width:100%;font-size:1.15rem;padding:1rem;border-radius:.75rem;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.bank-account-card{display:flex;flex-direction:column;gap:.25rem}.bank-account-reference{color:var(--deep-blue-color);font-size:1.1rem;font-weight:600}.bank-account-currency{color:var(--light-charcoal);font-size:.95rem}@media (max-width:600px){.tenant-create{padding:.5rem .25rem}.tenants-section{padding:1rem .5rem}.save-btn{font-size:1rem;padding:.75rem}}.focus-ring{box-shadow:0 0 0 2px rgba(66,153,225,.6)}.spinner{border:3px solid var(--medium-gray);border-top:3px solid var(--deep-blue-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.content-grid{grid-template-columns:1fr}}@media (max-width:480px){.icon{width:50px;height:50px}.icon svg{width:20px;height:20px}.name{font-size:1.1rem;margin-bottom:.25rem}.info-item{font-size:.9rem}}.form{display:flex;flex-direction:column;gap:1rem}.section-header{font-size:1.5rem;font-weight:700;color:var(--deep-blue-color);margin-bottom:1rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.label{font-size:1rem;color:var(--dark-charcoal)}.input-field{padding:.75rem;font-size:1rem;border:1px solid var(--medium-gray);border-radius:.5rem;width:100%;box-sizing:border-box;background-color:#fff}.input-field:focus{border-color:var(--deep-blue-color);outline:none}.flex{display:flex;gap:.5rem}.flex .input-field{flex:1}.primary-button{background:var(--deep-blue-color);color:#fff;border:none;padding:.75rem;font-size:1rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.primary-button:hover{background-color:var(--button-hover)}.success-button{background:var(--success-green);color:#fff;border:none;padding:.75rem;transition:background-color .3s ease}.btn,.success-button{font-size:1rem;border-radius:.5rem;cursor:pointer}.btn{padding:.65rem 1.2rem;border:none;background:var(--medium-gray);color:var(--dark-charcoal);font-weight:600;transition:background .2s,color .2s;margin-right:.5rem}.btn:last-child{margin-right:0}.btn-danger{background:#e53935;color:#fff}.btn-danger:hover{background:#b71c1c}.btn:hover:not(.btn-danger){background:var(--dark-gray)}.delete-button{background:#fff0f0;color:#e53935;border:1px solid #e53935;padding:.4rem 1rem;font-size:.95rem;border-radius:.5rem;font-weight:600;transition:background .2s,color .2s,border .2s}.delete-button:hover{background:#e53935;color:#fff;border:1px solid #e53935}.modal-content>p{margin-bottom:1rem}.modal-content>div{display:flex;gap:1rem;justify-content:flex-end}.property-unpaid{background:#fff0f0!important;color:#e53935;border:1px solid #e53935;transition:background .2s,color .2s,border .2s}.property-unpaid:hover{background:#e53935!important;color:#fff!important;border:1px solid #e53935}.property-unpaid .address,.property-unpaid .details,.property-unpaid .no-tenant,.property-unpaid .price,.property-unpaid .price .date,.property-unpaid .price .value,.property-unpaid .tenant,.property-unpaid p{color:inherit!important}.property-unpaid:hover .address,.property-unpaid:hover .details,.property-unpaid:hover .no-tenant,.property-unpaid:hover .price,.property-unpaid:hover .price .date,.property-unpaid:hover .price .value,.property-unpaid:hover .tenant,.property-unpaid:hover p{color:#fff!important}.property-unpaid .image svg,.property-unpaid .property-icon{color:#e53935!important;transition:color .2s}.property-unpaid:hover .image svg,.property-unpaid:hover .property-icon{color:#fff!important}.unpaid-label{margin-left:auto;align-self:center;font-weight:700;color:#e53935;background:#fff0f0;padding:.3em 1em;font-size:1rem;letter-spacing:1px;transition:background .2s,color .2s}.property-unpaid:hover .unpaid-label{background:#e53935;color:#fff;border-color:#fff}.no-results{padding:2rem 0;text-align:center;color:var(--light-charcoal);font-style:italic;font-weight:500}a>.property{transition:transform .12s ease,box-shadow .15s ease}a>.property:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.lease-block.future{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--medium-gray)}.future-lease-title{color:var(--deep-blue-color);margin:0 0 var(--spacing-xs) 0;font-size:1.05rem}.tenant-card{display:flex;flex-direction:row;align-items:center;background:#fff;border-radius:10px;padding:.85rem .9rem;margin-top:.625rem;box-shadow:0 0 5px 0 rgba(0,0,0,.1);transition:transform .12s ease,box-shadow .15s ease}.tenant-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.tenant-card .image{min-width:100px;min-height:100px;max-width:100px;max-height:100px}.tenant-card .image svg{width:100%;height:100%;color:var(--deep-blue-color)}.tenant-details{margin-left:var(--spacing);display:flex;flex-direction:column;gap:.4rem}.tenant-name{font-size:1rem;font-weight:600;color:var(--deep-blue-color);margin:0}.tenant-contact{display:flex;flex-direction:column;gap:.3rem}.tenant-contact-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--light-charcoal)}.tenant-contact-item svg{width:14px;height:14px;color:var(--deep-blue-color)}#header{margin:var(--spacing) var(--spacing) 0 var(--spacing);width:calc(100% - var(--spacing)*2);flex-direction:row;box-sizing:border-box;min-height:48px}#header,.logo-area{display:flex;align-items:center}.logo-area{height:45px;margin-left:5px}.action{margin-left:auto;display:flex;align-items:center}