html{overflow-y:scroll;scrollbar-gutter:stable}.main{background-color:#fbfbfb;color:#2c2c2c!important;margin-top:2rem;margin-left:2rem;margin-right:2rem;border:#e9ebf3 1px solid;padding:1rem;font-size:small;border-radius:10px;box-shadow:1px 1px 10px #00000040}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.btn-group>.btn:first-child{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.btn-group>.btn:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.btn-group>.btn:not(:first-child):not(:last-child){border-radius:0!important}.required:required:invalid{border-color:red}.navibar{position:sticky;top:0;z-index:999;box-shadow:0 5px 10px #6945f940!important;background-color:#f8f9fa!important;padding:.5rem;margin-bottom:1rem;border:#020a12 1px solid}.nav-propertydetails{background-color:transparent!important;padding:.5rem;flex-wrap:wrap!important}@media (min-width: 992px){.nav-propertydetails{flex-direction:row!important;justify-content:flex-start!important}.nav-propertydetails .nav-item{flex-shrink:0!important}}.mobile-nav-indicator{background-color:#f8f9fa!important;border:1px solid #dee2e6!important;border-radius:.375rem!important;padding:1rem!important}.offcanvas .nav-link{color:#495057!important;padding:.75rem 1rem!important;font-weight:500!important;border-radius:.375rem!important;transition:all .2s ease-in-out!important}.offcanvas .nav-link:hover{background-color:#f8f9fa!important;color:#0d6efd!important}.offcanvas .nav-link.active{background-color:#e7f3ff!important;color:#0d6efd!important;border:1px solid #0d6efd!important}.navlinks{color:#0e70da!important;padding:.5rem 1rem!important;font-weight:600!important;font-size:.8rem!important;background-color:transparent!important}.navlinks:hover{color:#0d67c6!important;background-color:#f8f9fa!important}.navlinkpills{color:#453cdf!important;padding:.5rem 1rem!important;font-weight:600!important;font-size:.9rem!important;background-color:transparent!important;border:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.navlinkpills:hover{background-color:#eaedfa!important}.navlinkpills.active{color:#fbfbfc!important;padding:.5rem 1rem!important;font-weight:600!important;font-size:.9rem!important;background-color:#453cdf!important}.thinline{border:1px solid #e0e1e3;margin-top:.5rem;margin-bottom:.5rem;width:100%}.property-details{display:flex;flex-direction:column;gap:.4rem;padding-top:1rem;padding-bottom:1rem}.property-details-and-buttons{padding-bottom:1rem;margin-right:3%}.custom-carousel .carousel-indicators{display:none}.custom-indicators{display:flex;justify-content:left;gap:5px;position:relative;bottom:20px}.custom-indicator{background-color:#ece9fc;width:3rem;height:.5rem;border:rgb(0,0,0) 1px solid!important;cursor:pointer}.custom-indicator.active{background-color:#0906dd}.carousel-caption{position:absolute;right:0;bottom:20px;left:0;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;background:#00000080}.big-toast{width:500px}.toast-message{word-wrap:break-word}.confirmation{background-color:#f0f0f0;padding:1rem;border:#5876fc 1px solid;margin-top:1rem;margin-bottom:1rem;width:fit-content}.card-property{border:1px solid rgba(69,60,223,1);color:#f8f9fa;border-radius:3px;box-shadow:0 4px 8px #0000004d;transition:.3s;margin-left:1rem;margin-right:1rem;margin-bottom:1rem;padding:.5rem}.card-property:hover{box-shadow:0 8px 16px #0009}.renocard{border:3px solid rgba(69,60,223,1);color:#f8f9fa;border-radius:3px;box-shadow:0 4px 8px #0000004d;transition:.3s;margin-left:1rem;margin-right:1rem;margin-bottom:1rem;width:60rem!important}.renocard:hover{box-shadow:0 8px 16px #0009}.renocard-header{border-bottom:1px solid #f8f9fa;padding:10px;text-align:center;font-size:1.25rem;font-weight:600;color:#f8f9fa!important;background:linear-gradient(90deg,#453cdf,#090979 100%,#073c9b,#00d4ff)!important}.list-group-item{border:none;padding:20px}.list-group-item h5{margin-bottom:10px}.thinline2{border-bottom:1px solid rgba(69,60,223,1);margin-bottom:10px}input{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.text-danger{color:red}.otsikko{background-color:#f8f9fa!important;color:#2c2c2c!important;padding:.2rem;margin:.1rem 1rem .1rem .1rem;border-radius:2px;box-shadow:0 5px 10px #00000040}.renovation-year,.renovation-kpl,.renovation-payment,.company-name,.renovation-name,.renovation-date{color:#000;padding:.5rem;margin:.2rem .2rem .2rem .5rem;border-radius:5px;box-shadow:0 3px 10px #0003;font-family:Roboto,sans-serif;border:1px solid rgba(200,200,200,.3);display:inline-block}.over-10yrs-badge{margin-bottom:.2rem}.cost{color:#f8f9fa!important;padding:.6rem;font-size:.7rem;margin:0rem 1rem 0rem 0rem;border-radius:5px 5px 5px 0;background:linear-gradient(90deg,#453cdf,#090979 100%,#073c9b,#00d4ff)!important}.renovation-card{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;border-radius:5px;padding:.5rem;box-shadow:0 2px 5px #00000026;color:#333;margin-bottom:10px}.otsikko-renovations{font-size:1.1rem;font-weight:700;color:#13579b!important}.primary-button{background-color:#fff!important;color:#070707!important;padding:6px 16px!important;border-radius:3px!important;cursor:pointer!important;transition:all .3s ease!important;font-size:1rem!important;border:2px solid rgb(7,88,200)!important;margin:.1rem!important}.primary-button:hover{background-color:#0758c8!important;color:#fff!important}.secondary-button{background-color:#fff!important;color:#070707!important;padding:6px 16px!important;border-radius:3px!important;cursor:pointer!important;transition:all .3s ease!important;font-size:1rem!important;border:2px solid rgb(36,102,109)!important;margin:.1rem!important}.secondary-button:hover{background-color:#24666d!important;color:#fff!important}.danger-button{background-color:#fff!important;color:#070707!important;padding:6px 16px!important;border-radius:3px!important;cursor:pointer!important;transition:all .3s ease!important;font-size:1rem!important;border:2px solid rgb(255,0,0)!important;margin:.1rem!important}.danger-button:hover{background-color:red!important;color:#fff!important}.edit-link{color:#007bff!important;text-decoration:none!important;background-color:transparent!important;padding:.2rem!important;border:none!important;font-size:.8rem!important}.edit-link:hover{color:#0e70da!important;text-decoration:underline!important}.link-black{color:#030202!important;text-decoration:none!important;background-color:transparent!important;padding:.2rem!important;border:none!important;font-size:.7rem!important;margin:.2rem;padding:.35rem!important}.link-black:hover{color:#070808!important;text-decoration:underline!important}.link-black.active{color:#fbfbfc!important;font-weight:600!important;font-size:.7rem!important;background-color:#453cdf!important;border-radius:5px;padding:.35rem!important}.delete-link{color:#dc3545!important;text-decoration:none!important;background-color:transparent!important;padding:.2rem!important;border:none!important;font-size:.8rem!important}.delete-link:hover{color:red!important;text-decoration:underline!important}.add-todo-button{position:fixed;bottom:20px}.todos{display:flex;flex-direction:column;gap:.4rem;width:100%}.todopage{padding:1rem;margin-left:.2rem;border:#101011 1px solid;box-shadow:0 5px 10px #00000040;border-radius:4px;width:95%}th,td{padding:8px;text-align:left}.bottom-line{border-bottom:2px solid #000}.kwh-labels-year,.water-labels-year{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:.15rem;padding-left:0rem;padding-top:.25rem;padding-bottom:1.25rem}.kwh-box,.mwh-box,.m3-box{padding:.3rem 1.2rem .3rem .3rem!important;border:0;border-radius:10px!important;box-shadow:3px 6px #0006;font-size:1rem!important}.year-checkbox{width:20px;height:1rem;margin:10px;cursor:pointer;background-color:#2c2c2c}.create-user-form,.login-form,.property-edit-form,.add-heating-form{width:50%;box-shadow:0 5px 10px #00000040;padding:1rem}.add-todo-form{width:100%;box-shadow:0 5px 10px #00000040;padding:1rem;margin-right:1rem;margin-bottom:.5rem;border:#020a12 1px solid;border-radius:4px}.card-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3rem;row-gap:1rem}.user-card{display:flex;flex-direction:column;background-color:#f8f9fa;padding:10px;border-radius:10px;box-shadow:0 2px 5px #00000026;color:#333;margin-bottom:20px;width:fit-content}.user-card p{border-bottom:#eceeee 3px solid;padding-top:1px}@media screen and (max-width: 768px){.card-grid{grid-template-columns:auto auto}.create-user-form,.login-form,.property-edit-form{width:75%}.property-details{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding-top:1rem;padding-bottom:1rem}.card{width:fit-content!important}.todos{width:100%}}@media screen and (max-width: 480px){.main{margin-top:1rem;margin-left:.5rem;margin-right:.5rem;padding:1rem;font-size:small}.navibar{margin-bottom:.5rem}.custom-indicator{background-color:#ece9fc;width:2rem;height:.3rem;border:rgb(0,0,0) 1px solid!important;cursor:pointer}.custom-indicators{display:flex;justify-content:left;gap:5px;position:relative;bottom:5px}.card-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.create-user-form,.login-form,.property-edit-form{width:100%;margin-left:0;margin-right:0}.property-details{display:flex;flex-direction:column;gap:1rem;width:100%}.card,.card-property{max-width:100%;margin-left:0;margin-right:0;width:100%!important}.primary-button,.secondary-button,.danger-button{margin:.5rem 0!important;font-size:.9rem!important;padding:.75rem 1rem!important;width:100%;display:block}p,table,th,td,label,input,select,option,a,button,.edit-link,.delete-link,.link-black,.link-black.active{font-size:.875rem!important;font-weight:400!important;line-height:1.4!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.125rem!important}h4,h5,h6{font-size:1rem!important}.kwh-labels-year,.water-labels-year{grid-template-columns:1fr;gap:.5rem;padding:1rem}.kwh-box,.mwh-box,.m3-box{padding:1rem!important;font-size:.875rem!important;margin-bottom:.5rem!important;box-shadow:0 2px 4px #0000001a;border-radius:.5rem}.year-checkbox{width:20px;height:20px;margin:.5rem}.todos{width:100%;overflow-x:auto}.todo-table{border-collapse:collapse;font-size:.875rem;border:rgba(69,60,223,1) 1px solid;padding:.5rem;margin-top:1rem;box-shadow:0 2px 8px #00000026;border-radius:.5rem;width:100%;min-width:100%}.table-responsive{font-size:.875rem!important}.renovation-accordion,.house-basic-info{margin:0;padding:0}.form-control,.form-select{font-size:1rem!important;padding:.75rem!important}.accordion-header{padding:.5rem!important}.accordion-body{padding:1rem!important}}.accordion-button{transition:all .3s ease-in-out}.accordion-collapse{transition:height .35s ease-in-out}.accordion-body{transition:padding .2s ease-in-out}.homepage{width:100%;min-height:100vh}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);min-height:50vh;position:relative;overflow:hidden;border-radius:1.5rem;margin:1rem;box-shadow:0 .5rem 2rem #00000026}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grain)"/></svg>');opacity:.1;border-radius:1.5rem}.min-vh-50{min-height:35vh}.bg-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important}.demo-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.carousel-container{max-width:100%}.modern-carousel{border-radius:1rem!important;overflow:hidden;box-shadow:0 .25rem 1rem #00000026}.carousel-image-container{position:relative;height:280px;overflow:hidden}.carousel-image{height:280px;object-fit:cover;object-position:center;transition:transform .3s ease}.carousel-image-container:hover .carousel-image{transform:scale(1.05)}.carousel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%)}.modern-caption{position:absolute;bottom:0;left:0;right:0;background:none;text-align:left;padding:2rem}.caption-content{max-width:80%}.custom-indicators{display:flex;justify-content:center;gap:12px;margin-bottom:1rem;z-index:10;position:relative}.custom-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.custom-indicator:hover{border-color:#fffc;transform:scale(1.1)}.custom-indicator.active{background:#fff;border-color:#fff;transform:scale(1.2)}.features-section{background:#f8f9fa;border-radius:1.5rem;margin:1rem;box-shadow:0 .25rem 1rem #0000000d}.feature-card{transition:all .3s ease;border-radius:1rem!important}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem #00000026!important}.feature-icon{width:80px;height:80px}.cta-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:1.5rem;margin:1rem;box-shadow:0 .25rem 1rem #0000000d}@media (max-width: 992px){.hero-section{min-height:45vh;text-align:center;margin:.5rem}.carousel-image-container,.carousel-image{height:240px}.modern-caption{padding:1.5rem}.caption-content{max-width:100%}.feature-icon{width:60px;height:60px}.features-section,.cta-section{margin:.5rem}}@media (max-width: 768px){.hero-section{min-height:40vh;padding:2rem 0;margin:.25rem}.min-vh-50{min-height:30vh}.display-4{font-size:2rem!important}.carousel-image-container,.carousel-image{height:200px}.modern-caption{padding:1rem}.modern-caption h3{font-size:1.25rem}.modern-caption p{font-size:.9rem}.custom-indicator{width:10px;height:10px}.feature-icon{width:50px;height:50px}.demo-info{font-size:.9rem}.features-section,.cta-section{margin:.25rem}}@media (max-width: 576px){.hero-section{padding:1.5rem 0;min-height:35vh;margin:.1rem}.min-vh-50{min-height:25vh}.carousel-image-container,.carousel-image{height:180px}.modern-caption{padding:.75rem}.modern-caption h3{font-size:1.1rem}.modern-caption .lead{font-size:.9rem}.custom-indicators{gap:8px}.custom-indicator{width:8px;height:8px}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card{animation:slideIn .6s ease forwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.main .consumption-details{margin:0!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.consumption-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:1.5rem;margin:1rem;box-shadow:0 .5rem 2rem #00000026}.consumption-nav-card{transition:all .3s ease;cursor:pointer;border-radius:1rem!important}.consumption-nav-card:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem #00000026!important}.consumption-nav-card.active{border:2px solid #0d6efd!important;background:linear-gradient(135deg,#f8f9ff,#e7f3ff)}.consumption-nav-card.active .consumption-icon{transform:scale(1.1)}.consumption-icon{width:60px;height:60px;transition:all .3s ease}.content-card,.overview-card{border-radius:1rem!important;margin-bottom:2rem}.overview-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.overview-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}.coming-soon-content{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 768px){.consumption-header{margin:.5rem;text-align:center}.display-6{font-size:1.5rem!important}.consumption-icon{width:50px;height:50px}.overview-image img{max-width:300px!important}}@media (max-width: 576px){.consumption-header{margin:.25rem;padding:2rem 0!important}.consumption-nav-card{margin-bottom:1rem}.consumption-icon{width:40px;height:40px}.overview-image img{max-width:250px!important}}.main .login-page{margin:0!important;padding:0!important;background:#f8f9fa!important;border:none!important;box-shadow:none!important;border-radius:0!important;min-height:100vh}.login-card{border-radius:1rem!important;background:#fff!important;border:1px solid #dee2e6!important;max-width:400px;margin:0 auto}.login-icon{width:60px;height:60px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;border:2px solid #e9ecef}.login-icon .text-primary{color:#0d6efd!important}.login-input{border-radius:.5rem!important;border:1px solid #ced4da!important;transition:all .3s ease;background:#fff!important}.login-input:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .25rem #0d6efd1a!important}.password-toggle{color:#6c757d!important;background:none!important;z-index:10}.password-toggle:hover{color:#495057!important}.demo-info{background:#f8f9fa!important;border:1px solid #e9ecef;border-radius:.5rem}.demo-info code{background:#e9ecef;padding:.25rem .5rem;border-radius:.25rem;font-weight:600;color:#495057;border:none}.btn-primary{background:#0d6efd!important;border:1px solid #0d6efd!important;border-radius:.5rem!important;transition:all .3s ease}.btn-primary:hover{background:#0b5ed7!important;border-color:#0a58ca!important}.btn-outline-primary{border:1px solid #0d6efd!important;color:#0d6efd!important;border-radius:.5rem!important;transition:all .3s ease}.btn-outline-primary:hover{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important}.alert-danger{background:#f8d7da!important;border:1px solid #f5c2c7!important;color:#842029!important}@media (max-width: 768px){.login-card{margin:1rem;max-width:none}.login-icon{width:50px;height:50px}}@media (max-width: 576px){.main .login-page{padding:1rem!important}.login-card .card-body{padding:2rem 1.5rem!important}.demo-info{font-size:.875rem}}.main .user-settings{margin:0!important;padding:0!important;background:#f8f9fa!important;border:none!important;box-shadow:none!important;border-radius:0!important;min-height:100vh}.user-settings-card{border-radius:1rem!important;background:#fff!important;border:1px solid #dee2e6!important;max-width:500px;margin:0 auto}.user-settings-icon{width:60px;height:60px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;border:2px solid #e9ecef}.user-settings-icon .text-primary{color:#0d6efd!important}.user-info .info-item{padding:1rem 0;border-bottom:1px solid #f1f3f4;transition:all .2s ease}.user-info .info-item:last-child{border-bottom:none;padding-bottom:0}.user-info .info-item:hover{background:#f8f9fa;border-radius:.5rem;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}.user-info .info-value{font-weight:500;color:#495057;font-size:1rem;margin-top:.25rem}.edit-form{background:#f8f9fa;border-radius:.75rem;padding:1.5rem;border:1px solid #e9ecef}.edit-form h5{color:#495057;font-weight:600}@media (max-width: 768px){.user-settings-card{margin:1rem;max-width:none}.user-settings-icon{width:50px;height:50px}.edit-form{padding:1rem}}@media (max-width: 576px){.main .user-settings{padding:1rem!important}.user-settings-card .card-body{padding:2rem 1.5rem!important}.user-info .info-item{padding:.75rem 0}.user-info .info-value{font-size:.95rem}}.modern-navbar{background:linear-gradient(135deg,#fff,#f8f9fa)!important;border-bottom:1px solid #e9ecef;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.modern-navbar .navbar-brand{padding:0!important}.brand-link{text-decoration:none!important;color:inherit!important;transition:all .3s ease}.brand-link:hover{color:inherit!important;transform:translateY(-1px)}.brand-icon{width:40px;height:40px;background:linear-gradient(135deg,#0d6efd,#6610f2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.brand-link:hover .brand-icon{transform:rotate(5deg) scale(1.05);box-shadow:0 4px 15px #0d6efd4d}.brand-name{font-weight:700;font-size:1.5rem;color:#2c3e50;letter-spacing:-.5px}.brand-badge{font-size:.7rem!important;padding:.25rem .5rem!important;border-radius:12px!important;background:#6c757d!important;font-weight:600}.navbar-toggler{border:none!important;padding:.5rem!important;border-radius:8px!important;background:#f8f9fa!important;transition:all .3s ease}.navbar-toggler:focus{box-shadow:0 0 0 .25rem #0d6efd26!important}.navbar-toggler:hover{background:#e9ecef!important}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}.nav-item-modern{position:relative;font-weight:500!important;color:#495057!important;border-radius:8px!important;margin:0 .25rem!important;padding:.5rem 1rem!important;transition:all .3s ease!important;text-decoration:none!important;display:flex!important;align-items:center!important}.nav-item-modern:hover,.nav-item-modern:focus{color:#0d6efd!important;background:#0d6efd1a!important;transform:translateY(-1px);text-decoration:none!important}.nav-item-modern.active{color:#0d6efd!important;background:#0d6efd26!important;font-weight:600!important}.nav-item-modern.login-btn{background:linear-gradient(135deg,#0d6efd,#6610f2)!important;color:#fff!important;font-weight:600!important;box-shadow:0 2px 8px #0d6efd4d}.nav-item-modern.login-btn:hover{background:linear-gradient(135deg,#0b5ed7,#5a0fc8)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #0d6efd66}.user-dropdown .dropdown-toggle{background:none!important;border:none!important;color:#495057!important;font-weight:500!important;padding:.5rem 1rem!important;border-radius:8px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important}.user-dropdown .dropdown-toggle:hover,.user-dropdown .dropdown-toggle:focus{color:#0d6efd!important;background:#0d6efd1a!important;transform:translateY(-1px)}.user-dropdown .dropdown-toggle:after{margin-left:.5rem!important;border-top-color:#6c757d}.user-dropdown-title{display:flex;align-items:center;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-dropdown .dropdown-toggle{background:none!important;border:none!important;color:#6c757d!important;padding:.5rem!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.info-dropdown .dropdown-toggle:hover,.info-dropdown .dropdown-toggle:focus{color:#0d6efd!important;background:#0d6efd1a!important;transform:scale(1.1)}.info-dropdown .dropdown-toggle:after{display:none!important}.dropdown-menu{border:none!important;box-shadow:0 10px 30px #00000026!important;border-radius:12px!important;padding:.5rem!important;margin-top:.5rem!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important}.dropdown-item-modern{border-radius:8px!important;padding:.75rem 1rem!important;margin:.125rem 0!important;color:#495057!important;font-weight:500!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;text-decoration:none!important}.dropdown-item-modern:hover,.dropdown-item-modern:focus{background:#0d6efd1a!important;color:#0d6efd!important;transform:translate(4px);text-decoration:none!important}.dropdown-item-modern.logout-item:hover{background:#dc35451a!important;color:#dc3545!important}.dropdown-divider{margin:.5rem 0!important;border-color:#e9ecef!important}@media (max-width: 991.98px){.modern-navbar .navbar-collapse{background:#fff;border-radius:12px;margin-top:1rem;padding:1rem;box-shadow:0 4px 15px #0000001a;border:1px solid #e9ecef}.nav-item-modern{margin:.25rem 0!important;padding:.75rem 1rem!important;border-radius:10px!important}.brand-name{font-size:1.3rem}.brand-icon{width:35px;height:35px}.user-dropdown-title{max-width:none}}@media (max-width: 575.98px){.modern-navbar .container{padding:.5rem 1rem}.brand-name{font-size:1.2rem}.brand-badge{font-size:.6rem!important;padding:.2rem .4rem!important}.dropdown-item-modern{padding:.6rem .8rem!important;font-size:.9rem}}.my-page{background-color:#f8f9fa;min-height:100vh}.page-header .header-icon{width:60px;height:60px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;border:2px solid #e9ecef;transition:all .3s ease}.page-header .header-icon:hover{transform:scale(1.05);box-shadow:0 4px 15px #0d6efd33}.property-card{transition:all .3s ease;border-radius:12px!important;overflow:hidden;background:#fff}.property-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026!important}.property-image-container{position:relative;overflow:hidden}.property-image{height:200px;object-fit:cover;transition:transform .3s ease}.property-card:hover .property-image{transform:scale(1.05)}.property-badge{position:absolute;top:12px;right:12px;z-index:2}.property-badge .badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d6efde6!important;font-weight:500;padding:.5rem .75rem;font-size:.75rem}.property-title{font-size:1.1rem;font-weight:600;color:#2c3e50;line-height:1.3;margin-bottom:.5rem!important}.property-address{border-left:3px solid #e9ecef;padding-left:.75rem;margin-bottom:1rem}.property-description{font-size:.9rem;line-height:1.4;color:#6c757d!important}.property-action-btn{border-radius:8px!important;font-weight:500!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.75rem 1rem!important}.property-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d6efd4d}.empty-state-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px!important}.empty-state-icon{width:80px;height:80px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;border:2px solid #e9ecef}.add-property-btn{background:linear-gradient(135deg,#0d6efd,#6610f2)!important;border:none!important;border-radius:12px!important;padding:1rem 2rem!important;font-size:1.1rem!important;transition:all .3s ease!important;box-shadow:0 4px 15px #0d6efd4d;display:flex!important;align-items:center!important;justify-content:center!important}.add-property-btn:hover{background:linear-gradient(135deg,#0b5ed7,#5a0fc8)!important;transform:translateY(-3px);box-shadow:0 6px 20px #0d6efd66}@media (max-width: 768px){.property-card{margin-bottom:1rem;max-width:400px;margin-left:auto;margin-right:auto}.property-image{height:180px}.page-header h1{font-size:2rem!important}.add-property-btn{width:100%;padding:1rem!important;font-size:1rem!important}.my-page .row .col-12.col-sm-6.col-md-4{max-width:100%!important;flex:0 0 100%!important}}@media (max-width: 576px){.my-page .container{padding:1rem}.property-image{height:160px}.property-card .card-body{padding:1rem!important}.page-header{margin-bottom:2rem!important}.page-header h1{font-size:1.75rem!important}.empty-state-card .card-body{padding:2rem 1.5rem!important}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 .5rem 1rem #00000026!important}.year-filter-btn.btn-outline-primary:hover .price-text{color:#fff!important}