.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f0f7ff,#d9e9ff);font-family:Arial,sans-serif}.login-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 25px #0000001a;text-align:center;max-width:400px;width:100%}.login-title{font-size:1.8rem;color:#333;margin-bottom:.5rem}.login-title span{color:#2563eb}.login-subtitle{color:#666;margin-bottom:1.5rem}.btn{display:block;width:100%;padding:.75rem;margin-top:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease}.btn-login{background:#2563eb;color:#fff}.btn-login:hover{background:#1e4ed8}.btn-logout{background:#dc2626;color:#fff}.btn-logout:hover{background:#b91c1c}.user-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 1rem;box-shadow:0 4px 10px #0000001a}.user-name{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:.25rem}.user-email{font-size:.95rem;color:#666;margin-bottom:1.5rem}.loading-text{color:#555;font-size:1.2rem}.properties-title{font-family:Arial,sans-serif}.properties-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.properties-page span{font-family:Arial,sans-serif}.properties-page img{height:auto;max-height:60%;width:60%}.properties-pagination{display:flex}.properties-list{display:grid;grid-template-columns:30vw 30vw 30vw;column-gap:1%}.properties-list-element{display:flex;flex-direction:column;gap:5%;justify-content:center;align-items:center;padding:2%;border:black solid;margin-bottom:3%;height:50vh}.property-page{display:flex;flex-direction:column;align-items:flex-start}.property-page h1{font-family:Arial,sans-serif;font-size:2em;text-align:start}.property-content{display:flex;font-size:1.5em;font-family:Arial,sans-serif}.property-info{display:flex;flex-direction:column;align-items:flex-start}.property-info-item{display:flex;flex-direction:column;align-items:self-start;text-align:start}.property-appointments-grid{display:grid;grid-template-columns:auto auto auto auto auto;column-gap:3%}.property-appointments-item{border:black solid;border-width:1px}.back-button{position:absolute;left:5%;top:2%}.property-appointments-reserved{color:red}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-box{background-color:#fff;border:black solid;border-width:2px;padding:2%}.popup-box span{color:#01ba01}.visits-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.visits-page img{width:40%}.visits-grid{display:grid;grid-template-columns:30vw 30vw 30vw;column-gap:1%}.visits-list-element{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2%;margin-bottom:3%;height:50vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}