@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;text-rendering:optimizeLegibility}.poppins-font{font-family:Poppins,sans-serif}.container{margin:auto;max-width:80%}.flex{align-items:center;display:flex;justify-content:space-between}a{color:#000;text-decoration:none}ul{list-style-type:none}button{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:17px 30px}button i{margin-right:5px}.heading{margin:auto;text-align:center;width:60%}.heading h1{color:#2d3954;font-size:35px;font-weight:600;text-transform:capitalize}.heading p{color:#72809d}input,textarea{background:none;border:none;outline:none}.background{background:#f7f9fc;padding:80px 0;position:relative}.grid5{grid-gap:30px;display:grid;grid-template-columns:repeat(5,1fr)}label{color:#2d3954;font-size:14px}.mtop{margin-top:50px}h4{font-weight:500;margin-top:10px}.shadow{box-shadow:0 0 20px 0 #70798a2e}.padding{padding:80px 0}.grid3{grid-gap:30px;display:grid;grid-template-columns:repeat(3,1fr)}img{cursor:pointer;height:100%;width:100%}.btn2{border-radius:50px;font-size:20px}.grid4{grid-gap:30px;display:grid;grid-template-columns:repeat(4,1fr)}.btn3{background:#ff6922;border-radius:50px}.btn4{background-color:#000;color:#fff}.btn5{background:#fff;border:5px solid #27ae601f;border-radius:50px;color:#27ae60;font-size:20px;font-weight:400;padding:20px 40px}.back{height:40vh;position:relative}.back img{object-fit:cover}.back img,.back:after{height:40vh;left:0;position:absolute;top:0;z-index:-1}.back:after{background:rgba(17,40,72,.629);content:"";width:100%}.back .container{color:#fff;padding:120px 0}.back h1{font-size:40px;font-weight:500}.mb{margin-bottom:80px}@media screen and (max-width:800px){.grid3,.grid4,.grid5{grid-template-columns:repeat(2,1fr)}.heading{width:100%}.container{max-width:90%}.back,.back img,.back:after{height:30vh}}.Toastify__toast-container{z-index:99999!important}header{background-color:#fff;box-shadow:0 5px 30px #0016541a;height:auto;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:99999}header .container{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}header img{align-items:center;width:160px}header .nav{flex:1 1;margin:0 20px}header .nav ul{list-style:none;margin:0;padding:0}header .button,header .nav ul{align-items:center;display:flex;gap:20px}header .button{flex-shrink:0;height:40px}header a{font-weight:500;margin-left:0;text-decoration:none;transition:.5s;white-space:nowrap}header a:hover{color:#27ae60}header span{background:#27ae60;border-radius:50px;color:#fff;font-weight:400;margin-right:4px;padding:4px 6px;width:auto}header h4{font-weight:500;margin:0;white-space:nowrap}.favorites-link{align-items:center;border-radius:6px;display:flex;height:40px;padding:0 8px;transition:all .3s ease}.favorites-link h4{align-items:center;display:flex;font-size:15px;font-weight:500;gap:6px;margin:0}.favorites-link:hover{background:#f5f5f5;transform:translateY(-1px)}.favorites-link h4{cursor:pointer;transition:all .3s ease}.favorites-link:hover h4{color:#27ae60}.heart-icon-header{font-size:18px;transition:all .3s ease}.heart-icon-header.empty,.heart-icon-header.filled{color:#e74c3c}.favorites-link:hover .heart-icon-header.filled{color:#c0392b;transform:scale(1.1)}.favorites-link:hover .heart-icon.empty{color:#e74c3c;transform:scale(1.1)}header .language-switcher{align-items:center;border:1px solid #ddd;border-radius:6px;display:flex;flex-shrink:0;gap:2px;height:36px;overflow:hidden}header .lang-btn{align-items:center;background:#fff;border:none;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:70%;padding:10px 14px;transition:all .3s ease}header .lang-btn:hover{background:#f5f5f5;color:#27ae60}header .lang-btn.active{background:#27ae60;color:#fff}header .auth-buttons{flex-shrink:0;gap:12px}header .auth-buttons,header .btn2{align-items:center;display:flex;height:40px}header .btn2{background:#fff;border:2px solid #27ae60;border-radius:6px;color:#27ae60;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:10px 18px;transition:all .3s ease;white-space:nowrap}header .btn1,header .btn2:hover{background:#27ae60;color:#fff}header .btn1{align-items:center;border:2px solid #27ae60;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:40px;padding:10px 18px;transition:all .3s ease;white-space:nowrap}header .btn1:hover{background:#fff;color:#27ae60}header .user-section{align-items:center;display:flex;gap:15px;height:40px}header .user-profile{cursor:pointer;height:100%;position:relative}header .user-info{align-items:center;border-radius:6px;display:flex;font-size:14px!important;gap:10px;height:40px;min-height:40px;padding:6px 12px;transition:background .2s}header .user-info:hover{background:#f5f5f5}header .user-avatar{background-color:#f8f9fa;border:2px solid #ddd;border-radius:50%;height:32px;object-fit:cover;transition:all .3s ease;width:32px}header .user-name{color:#333;font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .user-dropdown{background:#fff;border:3px solid #00662a;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:5px;min-width:250px;position:absolute;right:0;top:100%;z-index:1000}header .user-dropdown-header{align-items:center;display:flex;gap:12px;padding:16px}header .dropdown-avatar{background-color:#f8f9fa;border:2px solid #ddd;border-radius:50%;height:48px;object-fit:cover;transition:all .3s ease;width:48px}header .dropdown-user-info{flex:1 1}header .dropdown-name{color:#333;font-weight:600;margin:0 0 4px}header .dropdown-email,header .dropdown-phone{color:#666;font-size:14px;margin:0 0 4px}header .dropdown-role{background:#27ae60;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}header .user-dropdown hr{border:none;border-top:1px solid #eee;margin:0}header .user-dropdown a{align-items:center;color:#333;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-decoration:none;text-transform:none!important;transition:background .2s}header .user-dropdown a:hover{background:#f5f5f5;color:#27ae60}header .logout-btn{align-items:center;background:none;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}header .logout-btn:hover{background:#fef2f2}header .toggle{display:none}.modal-overlay{background-color:#00000080;height:100%;width:100%}.logout-modal{animation:modalFadeIn .3s ease;border-radius:10px;box-shadow:0 10px 30px #0003;max-width:500px;min-width:400px}.modal-header{border-bottom:1px solid #eee;padding:20px 25px 15px}.modal-body{padding:20px 25px}.modal-footer{gap:10px;padding:15px 25px 20px}.btn-cancel,.btn-confirm{border:none;border-radius:6px;min-width:70px;padding:8px 20px;transition:all .2s ease}.btn-cancel{background-color:#f5f5f5;color:#666}.btn-cancel:hover{background-color:#e0e0e0}.btn-confirm{background-color:#dc3545}.btn-confirm:hover{background-color:#c82333}.user-section{align-items:center;display:flex;gap:15px}.notification-bell,.notification-btn{align-items:center;display:flex;height:40px;justify-content:center;position:relative}.notification-btn{background:#fff;border:1px solid #27ae60;border-radius:50%;box-shadow:0 2px 6px #0000000d;color:#27ae60;cursor:pointer;padding:0!important;transition:all .25s ease;width:40px}.notification-btn i{font-size:18px;margin-left:5px;transition:transform .25s ease}.bell-animate{animation:bellShake 1.4s cubic-bezier(.36,.07,.19,.97) both}@keyframes bellShake{0%{transform:rotate(0) translateY(0)}10%{transform:rotate(-20deg) translateY(-1px)}20%{transform:rotate(15deg) translateY(0)}30%{transform:rotate(-10deg) translateY(0)}40%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(-6deg) translateY(0)}60%{transform:rotate(4deg) translateY(0)}70%{transform:rotate(-2deg) translateY(0)}to{transform:rotate(0) translateY(0)}}.notification-btn:hover{background:#f1f5f9;box-shadow:0 4px 10px #00000014;color:#334155;transform:translateY(-2px)}.notification-btn:hover i{animation:ring .4s ease-in-out}.ws-status{border:1px solid #fff;border-radius:50%;bottom:-2px;height:8px;left:-2px;position:absolute;width:8px}.ws-status.connected{animation:pulse-green 2s infinite;background-color:#10b981}.ws-status.disconnected{animation:pulse-red 2s infinite;background-color:#ef4444}.notification-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444!important;border:2px solid #fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-4px;top:-4px}@media (max-width:768px){header{padding:8px 0}header .container{align-items:center;display:grid;grid-template-areas:"toggle logo buttons" "nav    nav  nav";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;min-height:8px;position:relative}header .logo{grid-area:logo;justify-self:center}header img{width:120px}header .toggle{display:block;grid-area:toggle;justify-self:flex-start;position:relative;z-index:1001}header .toggle button{align-items:center;background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;width:38px}header .button{align-items:center;display:flex;gap:6px;grid-area:buttons;justify-self:flex-end}header .btn1,header .btn2{font-size:12px;height:34px;padding:5px 10px;white-space:nowrap}.favorites-link,.user-section,header .language-switcher{display:none!important}header .nav{grid-area:nav;width:100%}header .nav .flex{display:none!important}header .nav ul{list-style:none;margin:0;padding:0}header .small{background:#27ae60;border-radius:0 0 12px 12px;display:flex;flex-direction:column;gap:10px;left:0;margin-top:4px;padding:14px 18px;position:absolute;top:100%;width:100%;z-index:1000}header .small li a{border-bottom:1px solid #fff3;color:#fff;display:block;font-size:15px;padding:6px 0;text-align:center}header .small li:last-child a{border-bottom:none}}.notification-dropdown{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:600px;overflow:hidden;position:absolute;right:0;top:100%;width:380px;z-index:1000}.notification-dropdown-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.notification-dropdown-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.notification-actions{display:flex;gap:8px}.mark-all-read-btn,.view-all-btn{background:#e2e8f0;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:6px 8px;transition:all .2s ease}.mark-all-read-btn:hover,.view-all-btn:hover{background:#cbd5e1;color:#475569}.notification-tabs{border-bottom:1px solid #e2e8f0}.tab-btn{border-bottom:2px solid #0000;font-size:13px}.tab-btn.active{border-bottom-color:#3b82f6}.notification-list{max-height:320px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-track{background:#f1f5f9}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.notification-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;padding:16px 20px;position:relative;transition:all .2s ease}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#fef9c3;border-left:3px solid #f59e0b}.notification-item.unread:hover{background:#fef3c7}.notification-content{align-items:flex-start;color:inherit;flex:1 1;text-decoration:none}.notification-icon{align-items:center;background:#e2e8f0;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;position:relative;width:40px}.notification-icon i{color:#64748b;font-size:16px}.notification-item.unread .notification-icon{background:#f59e0b}.notification-item.unread .notification-icon i{color:#fff}.unread-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.notification-body{flex:1 1;min-width:0}.notification-title{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.notification-message,.notification-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden}.notification-message{color:#64748b;cursor:help;font-size:13px;margin:0 0 8px;max-width:320px;position:relative}.notification-message:after{word-wrap:break-word;background:#1f2937;border-radius:6px;bottom:125%;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(title);font-size:12px;left:0;line-height:1.4;max-width:300px;padding:8px 12px;pointer-events:none;right:0;white-space:normal}.notification-message:after,.notification-message:before{opacity:0;position:absolute;transform:translateY(5px);transition:all .2s ease;visibility:hidden;z-index:1001}.notification-message:before{border:5px solid #0000;border-top-color:#1f2937;bottom:120%;content:"";left:20px}.notification-message:hover:after,.notification-message:hover:before{opacity:1;transform:translateY(0);visibility:visible}.notification-time-notification-dropdown{color:#fff;font-size:10px;font-weight:500}.notification-delete{background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;opacity:0;padding:4px;transform:translateX(10px);transition:all .2s ease}.notification-item:hover .notification-delete{opacity:1;transform:translateX(0)}.notification-delete:hover{background:#fee2e2;color:#ef4444}.no-notifications{color:#94a3b8;padding:40px 20px;text-align:center}.no-notifications i{display:block;font-size:32px;margin-bottom:12px}.no-notifications p{font-size:14px;margin:0}.notification-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 20px;text-align:center}.notification-footer a{color:#3b82f6;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.notification-footer a:hover{color:#2563eb}.notification-pagination{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;padding:12px 20px}.pagination-info{font-size:12px}.pagination-info .total-items{color:#94a3b8;font-weight:400}.pagination-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:3px;justify-content:center;max-width:100%;overflow-x:auto}.pagination-btn-notification-dropdown{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;min-width:28px;transition:all .2s ease;width:28px}.pagination-btn-notification-dropdown:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#475569}.pagination-btn-notification-dropdown:disabled{background:#f8fafc;cursor:not-allowed;opacity:.5}.page-numbers{flex-shrink:1;gap:2px;margin:0 3px;min-width:0}.page-btn-notification-dropdown{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;font-weight:500;height:30px;justify-content:center;min-width:30px;padding:0 2px;transition:all .2s ease;width:30px}.page-btn-notification-dropdown:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.page-btn-notification-dropdown.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.ellipsis{align-items:center;color:#94a3b8;display:flex;flex-shrink:0;font-size:10px;font-weight:700;padding:0 4px}@media (max-width:480px){.notification-dropdown{right:-20px;width:320px}.notification-dropdown-header,.notification-item{padding:12px 16px}.notification-pagination{padding:8px 16px}.pagination-btn-notification-dropdown{font-size:10px;height:24px;width:24px}.page-btn-notification-dropdown{font-size:9px;height:20px;width:20px}}.modal-overlay-delete-dropdown{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.delete-dropdown-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%}.modal-header-delete-dropdown{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.modal-header-delete-dropdown h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.modal-header-delete-dropdown .text-warning{color:#f59e0b}.close-btn-delete-dropdown{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.close-btn-delete-dropdown:hover:not(:disabled){background:#f1f5f9;color:#475569}.close-btn-delete-dropdown:disabled{cursor:not-allowed;opacity:.5}.modal-content-delete-dropdown{padding:20px}.delete-info-dropdown p{color:#374151;font-size:14px;margin:0 0 16px}.notification-preview-dropdown{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.notification-icon-preview-dropdown{align-items:center;background:#3b82f6;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.notification-content-preview-dropdown{flex:1 1;min-width:0}.notification-content-preview-dropdown h4{color:#1e293b;font-size:14px;font-weight:600;line-height:1.2;margin:0 0 4px}.notification-content-preview-dropdown p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:12px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.warning-dropdown{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;display:flex;font-size:12px;gap:8px;padding:8px 12px}.modal-actions-delete-dropdown{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.btn-dropdown{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease}.btn-dropdown:disabled{cursor:not-allowed;opacity:.6}.btn-secondary-dropdown{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.btn-secondary-dropdown:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.btn-danger-dropdown{background:#ef4444;border:1px solid #dc2626;color:#fff}.btn-danger-dropdown:hover:not(:disabled){background:#dc2626;border-color:#b91c1c}.pagination-btn-notification-dropdown.next,.pagination-btn-notification-dropdown.prev{border:1px solid #3b82f6}@media (max-width:480px){.delete-dropdown-modal{margin:20px;width:95%}.modal-header-delete-dropdown{padding:12px 16px}.modal-content-delete-dropdown{padding:16px}.modal-actions-delete-dropdown{flex-direction:column;padding:12px 16px}.btn-dropdown{width:100%}}.report-status-container{margin:6px 0}.report-status-badge-dropdown{border-radius:8px;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.report-status-badge-dropdown.status-notification-dismissed{background-color:#dbeafe;color:#1e40af}.report-status-badge-dropdown.status-notification-warning{background-color:#ffe992;color:#d97706}.report-status-badge-dropdown.status-notification-hidden{background-color:#fee2e2;color:#dc2626}.notification-footer-dropdown{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.view-property-btn-dropdown{align-items:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;display:inline-flex;font-size:10px;font-weight:500;gap:4px;padding:3px 8px;text-decoration:none;transition:all .2s ease}.view-property-btn-dropdown:hover{background-color:#e2e8f0;border-color:#cbd5e1;color:#334155;text-decoration:none}.view-property-btn-dropdown i{font-size:9px}@media (max-width:768px){.notification-dropdown{width:340px}.report-status-badge-dropdown{font-size:8px;padding:2px 5px}.view-property-btn-dropdown{font-size:9px;padding:2px 6px}}.property-card-list{align-items:stretch;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:row;margin-bottom:16px;min-height:180px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.property-card-list:hover{border-color:#667eea;box-shadow:0 4px 15px #00000026}.property-image-list{border-radius:12px 0 0 12px;flex-shrink:0;height:530px;overflow:hidden;position:relative;width:450px}.image-grid{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;display:flex;flex-direction:column;gap:6px;height:100%;padding:8px;width:100%}.main-image{border:4px solid #dfe0da;height:60%;transition:border-color .3s ease}.main-image:hover{border-color:#dfe0da}.small-images{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;height:40%;width:100%}.small-image{border:4px solid #dfe0da;border-radius:6px;height:100%;min-width:0;overflow:hidden;position:relative;transition:border-color .3s ease}.small-image:hover{border-color:#10b981}.small-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.main-image:hover img,.small-image:hover img{transform:scale(1.05)}.small-image:hover{border-color:#c0c0bf;box-shadow:0 0 12px #3b82f666}.more-images{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c;bottom:0;color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0}.property-image-list img:only-child{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.property-card-list:hover .property-image-list img:only-child{transform:scale(1.05)}.no-image{background-color:#f8f9fa}.no-image svg{font-size:2rem;height:2rem;margin-bottom:8px;width:2rem}.image-count{align-items:center;background:#000000b3;border-radius:12px;bottom:10px;color:#fff;display:flex;font-size:.8rem;gap:4px;padding:4px 8px;position:absolute;right:10px}.image-count svg{height:12px;width:12px}.property-badges{display:flex;gap:5px;left:10px;position:absolute;top:10px}.property-badge{align-items:center;border-radius:12px;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 8px;text-transform:uppercase}.property-badge svg{height:10px;width:10px}.status-hot{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.status-new{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.status-vip{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.favorite-btn{all:unset;align-items:center;background:#fffffff2;border:2px solid #ee5a52;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:30px;min-width:30px;padding:6px;transition:all .2s}.favorite-btn svg{color:#e74c3c!important;font-size:16px!important}.favorite-btn span{font-size:18px;transition:all .2s}.favorite-btn.favorited,.favorite-btn:hover{box-shadow:0 2px 8px #00000026;color:#e74c3c}.favorite-btn.favorited svg{fill:#e74c3c!important;color:#e74c3c!important}.favorite-btn.favorited svg,.favorite-btn:hover svg{fill:#e74c3c!important;color:#e74c3c!important;transform:scale(1.1)}.favorite-btn:not(.favorited):hover svg{fill:#e74c3c!important;color:#e74c3c!important}.property-info-card{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:180px;padding:20px 24px}.property-header{align-items:flex-start;gap:12px;margin-bottom:12px}.property-title-card{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.property-price-card{align-items:baseline;display:flex;gap:6px;justify-content:center;margin-bottom:12px;padding-top:8px}.price-value{font-size:18px}.price-value.original-price{color:#9ca3af;font-size:14px;font-weight:500;margin-right:0;text-decoration:line-through}.price-value.promotion-price{color:#dc2626;font-size:20px;font-weight:800;position:relative}.price-value.promotion-price:after{background:linear-gradient(45deg,#ff6b6b,#ee5a52);border-radius:4px;box-shadow:0 2px 4px #ee5a524d;color:#fff;content:"KM";font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;position:absolute;right:-20px;top:-8px}.price-unit{color:#6b7280;font-size:14px}.property-card-detail{display:flex;flex:1 1;flex-direction:column;gap:5px;height:90px;margin-bottom:16px}.detail-row{margin-bottom:12px}.detail-item-card{align-items:center;background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;color:#059669;display:flex;font-size:.95rem;font-weight:500;gap:8px;min-width:130px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s ease}.detail-item-card:last-child{align-items:center;background:linear-gradient(90deg,#fefbeb,#fef3c7);border:1px solid #fde68a;color:#542202;font-size:16px;margin-left:100px}.property-location{align-items:flex-start;color:#6b7280;font-size:.95rem;gap:8px;line-height:1.4}.property-location svg{color:#dc2626;flex-shrink:0;height:16px;margin-top:2px;width:16px}.property-location span{flex:1 1}.property-description,.property-location span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.property-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin-bottom:12px}.property-amenities{display:flex;flex-wrap:wrap;gap:8px}.amenity-item{background:#ecfdf5;border:1px solid #d1fae5;border-radius:6px;color:#059669;font-size:.8rem;gap:4px;padding:4px 8px}.amenity-item svg{color:#059669;flex-shrink:0;height:12px;width:12px}.amenity-more{background:#ecfdf5;border-radius:6px;color:#6b7280;font-size:.8rem;font-weight:500;padding:4px 8px}.property-meta{color:#9ca3af;font-size:.85rem;gap:24px;justify-content:flex-end;margin-bottom:16px}.meta-item-card{align-items:center;color:#27ae60;display:flex;font-weight:700;gap:5px;margin-right:20px}.meta-item-card svg{color:#27ae60;flex-shrink:0;height:14px;width:14px}.property-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:auto;padding:10px 0}.owner-info{gap:10px;margin-right:10px;margin-top:25px}.owner-avatar{align-items:center;background:#f9fafb;border:2px solid #27ae60;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.owner-avatar svg{color:#9ca3af;height:16px;width:16px}.owner-avatar img{height:100%;object-fit:cover;width:100%}.owner-details{gap:3px}.owner-name{color:#1f2937;font-size:.9rem;font-weight:600;white-space:nowrap}.post-time{color:#059669;font-size:.8rem;white-space:nowrap}.property-actions{flex-shrink:0;gap:8px}.btn-contact{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;box-shadow:0 2px 4px #3b82f64d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:4px;padding:6px 8px;transition:all .3s ease;white-space:nowrap}.btn-contact svg{height:12px;width:12px}.btn-contact:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}@media (max-width:768px){.properties-grid-list{grid-template-columns:1fr}.property-footer{align-items:stretch;flex-direction:column;gap:10px}.owner-info,.property-actions{justify-content:center}.property-card-list{border-radius:12px;flex-direction:column}.property-image-list{border-radius:12px 12px 0 0;height:200px;width:100%}.image-grid{display:block}.main-image{height:100%;width:100%}.small-images{display:none}.property-info-card{padding:16px}.property-title-card{-webkit-line-clamp:2;line-clamp:2;font-size:1.1rem}.price-value{font-size:1.3rem}.price-value.original-price{font-size:1.1rem}.price-value.promotion-price{font-size:1.4rem}.price-value.promotion-price:after{font-size:9px;padding:1px 4px;right:-16px;top:-6px}.detail-row{align-items:flex-start;flex-direction:column;gap:12px}.detail-item-card{min-width:auto}.property-amenities{gap:4px}.amenity-item{font-size:.7rem;padding:2px 4px}.property-footer{align-items:stretch;flex-direction:column;gap:12px}.owner-info{justify-content:flex-start}.property-actions{justify-content:center}}@media (max-width:480px){.property-card-list{border-radius:8px;margin:0 8px 12px}.property-image-list{border-radius:8px 8px 0 0;height:180px}.property-info-card{padding:12px}.property-title-card{font-size:1rem}.price-value{font-size:1.2rem}.price-value.original-price{font-size:1rem;margin-right:6px}.price-value.promotion-price{font-size:1.3rem}.price-value.promotion-price:after{font-size:8px;padding:1px 3px;right:-12px;top:-4px}.detail-row{flex-direction:column;gap:8px}.detail-item-card,.property-description,.property-location{font-size:.8rem}.amenity-item{font-size:.7rem;padding:2px 4px}.owner-name{font-size:.8rem}.post-time{font-size:.7rem}.btn-contact{font-size:.8rem;padding:8px 16px}}.title-section{display:flex;flex:1 1;flex-direction:column;gap:4px}.post-type-badge{gap:6px;margin-top:2px;transition:transform .2s ease}.property-card-list:hover .post-type-badge{transform:translateY(-1px)}.post-type-name{background:currentColor;border:1px solid #fff3;border-radius:6px;box-shadow:0 1px 3px #0003;color:#fff!important;font-size:.75rem;font-weight:700;padding:3px 8px;text-shadow:0 1px 2px #0000004d;text-transform:inherit;white-space:nowrap}.star-icon{color:#fbbf24;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:.7rem}@media (max-width:768px){.post-type-badge{gap:4px}.post-type-name{font-size:.7rem;padding:1px 4px}.star-icon{font-size:.6rem}}.single-property-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:center}.single-property-container .property-card-slider{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:350px;width:250px}.property-slider-container{padding:20px 0;width:100%}.slider-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-bottom:2px solid #3498db;border-radius:12px 12px 0 0;box-shadow:0 2px 4px #0000000d;justify-content:center;margin-bottom:0;padding:12px 20px}.slider-header h4{color:#2c3e50;display:none;font-size:1rem}.slider-wrapper{position:relative;width:100%}.slider-btn-chat{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3498dbe6;border:none;border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;height:45px;justify-content:center;padding:0!important;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:45px;z-index:10}.slider-btn-chat.prev{left:10px}.slider-btn-chat.next{right:10px}.slider-btn-chat:hover:not(.disabled){background:#2980b9f2;box-shadow:0 6px 20px #0000004d;transform:translateY(-50%) scale(1.15)}.slider-btn-chat:active:not(.disabled){transform:translateY(-50%) scale(.95)}.slider-btn-chat.disabled{background:#bdc3c7b3;box-shadow:0 2px 8px #0000001a;cursor:not-allowed;opacity:.4}.slider-counter{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 8px #3498db4d;color:#2c3e50;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;min-width:60px;padding:6px 14px;text-align:center}.properties-slider{-ms-overflow-style:none;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 4px 12px #0000000d;display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.properties-slider::-webkit-scrollbar{display:none}.slider-card{border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:0 0 250px;min-width:250px}.slider-dots{margin-top:15px}.dot{height:10px;width:10px}.dot.active{background:#3498db}.dot:hover{background:#7f8c8d}.properties-grid-slider{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px 0}.property-card,.property-card-slide,.property-card-slider{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:all .3s ease}.property-card-slide:hover,.property-card-slider:hover,.property-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.property-image,.property-imaged-slider{height:160px;overflow:hidden;position:relative}.property-image img,.property-imaged-slider img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.property-card:hover .property-image img,.property-card:hover .property-imaged-slider img{transform:scale(1.05)}.no-image{background:#f5f5f5;color:#999}.no-image i{font-size:2rem;margin-bottom:10px}.promoted-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);font-size:.75rem;padding:4px 8px;right:10px;top:10px}.property-content{padding:15px}.property-title{font-size:1rem;margin-bottom:10px;text-overflow:ellipsis;z-index:9999}.property-location{align-items:center;color:#7f8c8d;display:flex;font-size:.85rem;margin-bottom:12px}.property-location i{color:#3498db;margin-right:8px}.property-details-slider{flex-direction:column;margin-bottom:12px;padding:10px}.property-details-slider,.property-details-slider-item{background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between}.property-details-slider-item{flex-direction:row;padding:8px}.property-maxoccupancy{align-items:center;color:#27ae60;display:flex;font-size:.85rem}.property-maxoccupancy i{margin-right:6px}.property-area,.property-price{align-items:center;display:flex;font-size:.85rem}.property-price{color:#e74c3c;font-weight:600}.property-area{color:#27ae60}.property-area i,.property-price i{margin-right:6px}.property-amenities{margin-bottom:12px}.amenities-list{flex-wrap:wrap;gap:6px}.amenity-tag{background:#ecf0f1;color:#2c3e50;font-size:.75rem;padding:4px 8px}.amenity-tag.more{background:#3498db}.view-details-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .3s ease;width:100%}.view-details-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px)}.no-properties{background:#f8f9fa;border:2px dashed #bdc3c7;border-radius:12px;color:#7f8c8d;font-size:1.1rem;padding:40px 20px}@media (max-width:768px){.properties-grid-slider{gap:15px;grid-template-columns:1fr;padding:15px 0}.property-card{margin:0 10px}.property-details-slider{flex-direction:column;gap:8px}.property-area,.property-price{justify-content:center}.slider-header{border-radius:8px 8px 0 0;padding:10px 15px}.slider-counter{font-size:.85rem;padding:5px 12px}.slider-card{flex:0 0 240px;min-width:240px}.properties-slider{border-radius:0 0 8px 8px;padding:15px 50px}.slider-btn-chat{font-size:15px;height:38px;width:38px}.slider-btn-chat.prev{left:8px}.slider-btn-chat.next{right:8px}}@media (max-width:480px){.property-content{padding:15px}.property-title{font-size:1.1rem}.property-image,.property-imaged-slider{height:180px}.slider-card{flex:0 0 220px;min-width:220px}.slider-btn-chat{font-size:14px;height:35px;width:35px}.slider-btn-chat.prev{left:5px}.slider-btn-chat.next{right:5px}.properties-slider{padding:15px 45px}.slider-header{padding:8px 12px}.single-property-container{border-radius:8px;padding:15px}.slider-header h4{font-size:1rem}.single-property-container .property-card{margin:0 10px;max-width:100%}}.price-with-promotion-slider{align-items:center;display:inline-flex;position:relative}.original-price-slider{color:#28a745;font-size:14px;left:0;opacity:.8;position:absolute;text-decoration:line-through;top:-18px}.promotion-price-slider{color:#dc3545;font-size:14px;font-weight:700;line-height:1.2}.property-price{align-items:flex-start;display:flex;gap:6px;margin-bottom:8px}.property-price i{color:#28a745;flex-shrink:0;font-size:12px;margin-top:2px}@media (max-width:768px){.price-with-promotion-slider{gap:1px}.original-price-slider{font-size:10px}.promotion-price-slider{font-size:12px}}.input-wrapper textarea{word-wrap:break-word;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:14px;height:40px;line-height:1.4;max-height:120px;min-height:40px;outline:none;overflow-y:hidden;padding:10px 15px;resize:none;transition:border-color .2s ease,box-shadow .2s ease;white-space:pre-wrap}@media (max-width:480px){.chatbot-window{height:calc(100vh - 100px);max-height:500px}.chatbot-messages{padding:15px}.input-wrapper{min-height:64px;padding:12px}.input-wrapper textarea{font-size:16px;height:36px;max-height:100px;min-height:36px;padding:8px 12px}}.chatbot-ai-hint{animation:slideInUp .4s ease-out,pulse 2s infinite alternate;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;bottom:80px;box-shadow:0 10px 30px #00000026,0 5px 15px #667eea4d;overflow:hidden;position:fixed;right:25px;transform-origin:bottom right;width:320px;z-index:999}.hint-content{align-items:flex-start;display:flex;gap:12px;padding:18px 20px 15px;position:relative}.hint-icon{animation:glow 1.5s ease-in-out infinite alternate;color:gold;flex-shrink:0;font-size:20px;margin-top:2px}@keyframes glow{0%{text-shadow:0 0 10px gold}to{text-shadow:0 0 20px gold,0 0 30px gold}}.hint-content span{flex:1 1;font-size:14px;font-weight:400;line-height:1.4;text-shadow:0 1px 2px #0000001a}.chat-hint-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.chat-hint-close:hover{background:#ffffff4d;transform:scale(1.1)}.hint-try-btn{background:#ffe3a8f2;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease;width:100%}.hint-try-btn:hover{background:#fff;color:#5a67d8;transform:translateY(-1px)}.hint-try-btn:active{transform:translateY(0)}.hint-try-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.hint-try-btn:hover:before{left:100%}@media (max-width:768px){.chatbot-ai-hint{bottom:120px;right:20px;width:280px}.hint-content{padding:15px 18px 12px}.hint-content span,.hint-try-btn{font-size:13px}.hint-try-btn{padding:10px 18px}}@media (max-width:480px){.chatbot-ai-hint{bottom:100px;left:20px;right:20px;width:calc(100vw - 40px)}}.image-search-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:80px;z-index:9999}.modal-overlay-image-search-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.modal-content-image-search-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:600px;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-header-image-search-modal{align-items:center;background:linear-gradient(135deg,#00b095,#1cb9a1);border-bottom:1px solid #e9ecef;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.modal-header-image-search-modal h3{font-size:18px;font-weight:600;margin:0}.modal-header-image-search-modal h3 i{margin-right:10px}.close-btn{background:#0000;border-radius:6px;color:#fff;font-size:20px;padding:5px}.close-btn:hover{background:#fff3;transform:scale(1.1)}.modal-body-image-search-modal{padding:25px}.search-description{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:20px;padding:15px}.search-description p{color:#495057;line-height:1.5;margin:0}.search-description i{color:#00b095;margin-right:8px}.file-upload-area{background:#fafafa;border:2px dashed #dee2e6;border-radius:12px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.file-upload-area.drag-active{background:#00b0950d;border-color:#00b095;transform:scale(1.02)}.upload-placeholder .upload-icon{color:#00b095;font-size:48px;margin-bottom:15px}.upload-placeholder h4{color:#495057;font-weight:600;margin:0 0 10px}.upload-placeholder p{color:#6c757d;margin:10px 0}.btn-select-file{align-items:center;background:linear-gradient(135deg,#00b095,#1cb9a1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;margin:15px 0;padding:12px 24px;transition:all .2s}.btn-select-file:hover{box-shadow:0 5px 15px #00b0954d;transform:translateY(-2px)}.file-requirements{margin-top:15px}.file-requirements small{color:#6c757d}.file-requirements i{color:#ffc107;margin-right:5px}.file-preview{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:20px;padding:20px}.preview-image-search-modal{align-items:center;display:flex;height:150px;justify-content:center;position:relative;width:100%}.preview-image-search-modal img{border:2px solid #e9ecef;border-radius:8px;height:120px;object-fit:cover;width:200px}.preview-overlay{position:absolute;right:-10px;top:-10px}.btn-remove-file{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .2s;width:30px}.btn-remove-file:hover{background:#c82333;transform:scale(1.1)}.file-info h5{align-items:center;color:#495057;display:flex;font-weight:600;gap:8px;margin:0 0 5px}.file-info p{color:#6c757d;font-size:14px;margin:0}.search-instructions{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;margin-top:20px;padding:20px}.search-instructions h4{align-items:center;color:#856404;display:flex;font-size:16px;gap:8px;margin:0 0 15px}.search-instructions ul{margin:0;padding-left:20px}.search-instructions li{color:#856404;line-height:1.4;margin-bottom:8px}.modal-footer{border-radius:0 0 16px 16px;border-top:1px solid #e9ecef;padding:20px 25px}.btn-cancel-image-search-modal,.btn-search-image-search-modal{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:16px 24px;transition:all .2s}.btn-cancel-image-search-modal{background:#6c757d;color:#fff}.btn-cancel-image-search-modal:hover{background:#545b62;transform:translateY(-1px)}.btn-search-image-search-modal{background:linear-gradient(135deg,#00b095,#1cb9a1);color:#fff}.btn-search-image-search-modal:hover:not(:disabled){box-shadow:0 5px 15px #00b0954d;transform:translateY(-1px)}.btn-search-image-search-modal:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.fa-spin{animation:fa-spin 2s linear infinite}@media (max-width:768px){.modal-content{margin:10px;max-height:95vh}.file-preview{text-align:center}.file-preview,.modal-footer{flex-direction:column}.btn-cancel,.btn-search{justify-content:center;width:100%}}.properties-listing{background:linear-gradient(#f8f9fa1a,#f8f9fa4d),url(/static/media/background-boy.7ac552d864dfb5f84f82.png) 50%/cover no-repeat;background-attachment:fixed;background-size:cover}.properties-listing,.properties-listing-container{min-height:100vh;position:relative;width:100%}.properties-listing.home-mode .listing-content.home-layout{grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:1fr 280px;grid-template-rows:1fr;min-height:calc(100vh - 160px);width:100%}.listing-content.three-column-layout{grid-gap:30px;align-items:flex-start;display:grid;gap:30px;grid-template-columns:280px 1fr 300px}.properties-listing.home-mode .main-content{background:#0000;border-radius:0;box-shadow:none;padding:0}.properties-listing.home-mode .results-header{background:linear-gradient(135deg,#fff,#f8f9fa);border:none;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:row;overflow:hidden;position:relative;text-align:center}.properties-listing.home-mode .results-header:before,.right-sidebar:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#1de1c4,#0cacb2 50%,#1de1c4);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.properties-listing.home-mode .results-info h3{color:#2c3e50;font-size:28px;font-weight:700;text-shadow:0 2px 4px #0000001a}.properties-listing.home-mode .sort-controls{justify-content:center}.listing-header{background:linear-gradient(135deg,#1de1c4,#0cacb2);color:#fff;margin-bottom:30px;padding:40px 0}.listing-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-align:center}.listing-header p{font-size:1.1rem;margin-bottom:30px;opacity:.9;text-align:center}.properties-wrapper{width:100%}.properties-wrapper .quick-search-listing{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:1px solid #00b0951a;display:block!important;max-width:100%;opacity:1!important;padding:20px 25px;position:relative;top:0;visibility:visible!important;z-index:10}.properties-wrapper .quick-search-listing:hover{border-color:#00b09533;box-shadow:0 8px 30px #00b0951f,0 4px 15px #00000014}.quick-search-listing{display:block!important;margin:0 auto;max-width:900px;visibility:visible!important}.quick-search-listing:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#1de1c4,#0cacb2 50%,#1de1c4);background-size:200% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}.search-header{animation:fadeInUp .6s ease-out;margin-bottom:15px;text-align:left}.search-title{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:flex-start;letter-spacing:-.3px;margin:0}.search-title-icon{animation:pulse 2s infinite;color:#00b095;font-size:18px}.search-subtitle{color:#6c757d;display:none;font-size:13px;font-weight:400;margin:0;opacity:.8}.search-input-group i{color:#666;font-size:1.1rem;left:15px;position:absolute;z-index:2}.search-input-group input{background:#fff;border:none;border-radius:25px;box-shadow:0 4px 15px #0000001a;font-size:1rem;padding:15px 15px 15px 50px;width:100%}.clear-search-properties-listing{align-items:center;background:#6c757d1a;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:12px!important;height:28px;justify-content:center;padding:0!important;position:absolute;right:40px;top:48%;transform:translateY(-50%);transition:all .3s ease;width:28px;z-index:4}.clear-search-properties-listing i{margin-left:6px}.clear-search-properties-listing:hover{background:#dc35451a;color:#dc3545;transform:translateY(-50%) scale(1.1)}.listing-content:not(.three-column-layout){grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:1fr 280px;grid-template-rows:1fr;min-height:calc(100vh - 160px);width:100%}.sidebar-filters{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.filter-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.filter-header h3{color:#333;font-size:1.2rem;font-weight:600}.clear-filters{background:none;border:none;border-radius:5px;color:#e74c3c;cursor:pointer;font-size:.9rem;padding:5px 10px;transition:all .2s}.clear-filters:hover{background-color:#ffe6e6}.filter-group{border-bottom:1px solid #f0f0f0;margin-bottom:25px;padding-bottom:20px}.filter-group:last-child{border-bottom:none}.filter-group h4{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:15px}.filter-item{margin-bottom:12px}.filter-item label{color:#666;display:block;font-size:.9rem;margin-bottom:5px}.filter-item input[type=number],.filter-item input[type=text],.filter-item select{border:1px solid #ddd;border-radius:5px;font-size:.9rem;padding:8px 12px;transition:border-color .2s;width:100%}.filter-item input:focus,.filter-item select:focus{border-color:#667eea;outline:none}.filter-item select:disabled{background-color:#f8f9fa;color:#999}.category-options{display:flex;flex-direction:column;gap:10px}.checkbox-label{color:#666;font-size:.9rem;gap:10px;padding:8px 0;transition:color .2s}.checkbox-label:hover{color:#333}.checkbox-label input{margin:0}.checkmark{height:16px;position:relative;width:16px}.checkbox-label input:checked+.checkmark{background-color:#667eea;border-color:#667eea}.checkbox-label input:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;left:2px;position:absolute;top:-2px}.area-ranges,.price-ranges{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:15px}.area-range-btn,.price-range-btn{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:.85rem;padding:8px 12px;text-align:center;transition:all .2s}.area-range-btn:hover,.price-range-btn:hover{border-color:#667eea;color:#667eea}.area-range-btn.active,.price-range-btn.active{background-color:#667eea;border-color:#667eea;color:#fff}.custom-range{margin-top:10px}.range-inputs{align-items:center;display:flex;gap:10px;margin-bottom:5px}.range-inputs input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.85rem;padding:6px 10px}.range-inputs span{color:#666;font-weight:500}.custom-range small{color:#999;font-size:.8rem}.amenities-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.main-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;flex:1 1;min-height:calc(100vh - 200px);min-width:0;padding:25px}.properties-results{min-height:400px;width:100%}.results-header{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #1de1c41a;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;overflow:hidden;padding:20px 25px;position:relative;transition:all .3s ease}.results-header:hover{box-shadow:0 6px 25px #0000001f;transform:translateY(-2px)}.results-header:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#1de1c4,#0cacb2 50%,#1de1c4);background-size:200% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.results-info-properties-listing{align-items:center;display:flex;flex:1 1;gap:5px}.results-info-properties-listing span{align-items:center;color:#2c3e50;display:flex;font-size:24px!important;font-weight:700;gap:12px;margin:0;position:relative}.results-check-icon,.results-icon-properties-listing,.sort-icon{transition:all .3s ease}.results-icon-properties-listing{color:#0cacb2;font-size:18px}.results-icon-properties-listing:hover{color:#005f63;transform:scale(1.2)}.sort-icon:hover{color:#0cacb2;transform:rotate(180deg)}.results-info p{align-items:center;color:#7f8c8d;display:flex;font-size:.95rem;font-weight:500;gap:8px;margin:0}.results-check-icon{color:#27ae60;font-size:1rem}.sort-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:3px solid #1de1c4;border-radius:25px;display:flex;gap:15px;padding:12px 18px;transition:all .3s ease}.sort-controls:hover{background:#fffffff2;border-color:#1de1c466;box-shadow:0 4px 15px #1de1c426}.sort-controls label{align-items:center;color:#34495e;display:flex;font-size:.95rem;font-weight:600;gap:8px;white-space:nowrap}.sort-icon{color:#1de1c4;font-size:.9rem}.sort-controls select{background:#fff;border:2px solid #1de1c4;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:.95rem;font-weight:500;min-width:160px;padding:10px 16px;transition:all .3s ease}.sort-controls select:focus{border-color:#1de1c4;box-shadow:0 0 0 3px #1de1c41a;outline:none;transform:scale(1.02)}.sort-controls select:hover{background:#f8fffe;border-color:#1de1c4}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-label{color:#666;font-size:.9rem;font-weight:500}.filter-tag{background-color:#e3f2fd;border-radius:20px;font-size:.85rem;font-weight:500;gap:8px;padding:6px 12px}.filter-tag,.filter-tag button{align-items:center;color:#1976d2;display:flex}.filter-tag button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:.8rem;height:16px;justify-content:center;padding:2px;width:16px}.filter-tag button:hover{background-color:#1976d21a}.properties-grid-list{display:flex;flex-direction:column}.loading-state{min-height:400px}.loading-spinner{color:#667eea;font-size:2rem}.empty-state{min-height:400px}.empty-icon{color:#ccc;font-size:4rem}.empty-state h3{color:#666;font-size:1.5rem}.empty-state p{color:#999;margin-bottom:25px}.load-more-container{margin-top:30px;text-align:center}.load-more-btn{border-radius:25px;font-size:1rem;padding:12px 30px;transition:all .3s}@media (max-width:1200px){.listing-content:not(.three-column-layout){gap:20px;grid-template-columns:260px 1fr}.listing-content.three-column-layout{gap:20px;grid-template-columns:260px 1fr 280px}.properties-listing.home-mode .listing-content.home-layout{gap:20px;grid-template-columns:1fr 280px}.properties-grid-list{gap:14px}}@media (max-width:992px){.listing-content,.properties-listing.home-mode .listing-content.home-layout{grid-template-columns:1fr}.right-sidebar{display:none}.sidebar-filters{margin-bottom:20px;position:static}.filter-group{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group h4{grid-column:1/-1}}@media (max-width:768px){.listing-header{padding:30px 0}.listing-header h1{font-size:2rem}.results-header{align-items:stretch;flex-direction:column;gap:20px;padding:20px;text-align:center}.results-info h3{font-size:1.3rem;justify-content:center}.sort-controls{flex-wrap:wrap;gap:10px;justify-content:center;padding:15px}.sort-controls select{min-width:140px}.properties-grid-list{gap:12px}.active-filters{align-items:flex-start;flex-direction:column}.area-ranges,.price-ranges,.three-column-layout{grid-template-columns:1fr}.left-sidebar,.right-sidebar{display:none}}.right-sidebar{animation:sidebarPulse 4s ease-in-out infinite;background:linear-gradient(145deg,#fff,#f8fafc);background-clip:padding-box;border:3px solid #0000;box-shadow:0 8px 25px #00000026,0 4px 10px #0000001a,inset 0 1px 0 #fffc;height:-webkit-fit-content;height:fit-content;max-height:auto;max-width:320px;min-width:280px;overflow-x:hidden;overflow-y:hidden;padding:0;position:-webkit-sticky;position:sticky;top:20px;transform:translateY(0);transition:all .4s ease;width:100%;z-index:999}.right-sidebar:hover{box-shadow:0 12px 35px #0003,0 6px 15px #00000026,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.sidebar-widget{border-bottom:1px solid #e5e7eb;padding:24px;position:relative;transition:all .3s ease}.sidebar-widget:hover{background:linear-gradient(135deg,#f8fafc,#fff);transform:translateX(2px)}.sidebar-widget:last-child{border-bottom:none}.sidebar-widget:before{background:linear-gradient(135deg,#1de1c4,#0cacb2);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:5px}.sidebar-widget:hover:before{transform:scaleY(1)}.widget-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:10px;letter-spacing:.5px;margin:0 0 18px;padding-bottom:12px;position:relative;text-transform:uppercase;white-space:nowrap}.widget-title:after{background:linear-gradient(135deg,#1de1c4,#0cacb2);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:40px}.widget-title:hover:after{width:60px}.widget-title i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1de1c4,#0cacb2);background-clip:text;-webkit-background-clip:text;color:#667eea;font-size:1.1rem;text-shadow:none}.widget-title svg{color:#1de1c4;font-size:1.1rem;transition:all .3s ease}.widget-title:hover svg{color:#0cacb2;transform:scale(1.1)}.area-quick-links,.price-quick-links{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.area-quick-btn,.price-quick-btn{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:.85rem;font-weight:500;line-height:1.2;overflow:hidden;padding:12px 8px;position:relative;text-align:center;transition:all .3s ease}.area-quick-btn:before,.price-quick-btn:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.area-quick-btn:hover:before,.price-quick-btn:hover:before{left:100%}.area-quick-btn:hover,.price-quick-btn:hover{background:linear-gradient(135deg,#1de1c4,#0cacb2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.area-quick-btn.active,.price-quick-btn.active{background:linear-gradient(135deg,#1de1c4,#0cacb2);border-color:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff;transform:translateY(-1px)}.recent-posts{display:flex;flex-direction:column;gap:12px}.recent-post-item{border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .2s ease}.recent-post-item:hover{background:#f8fafc}.recent-post-image{border-radius:6px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.recent-post-image img{height:100%;object-fit:cover;width:100%}.no-image-placeholder{background:#f3f4f6;color:#9ca3af}.recent-post-info{flex:1 1;min-width:0}.recent-post-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:12px;font-weight:500;line-height:1.3;margin:0 0 4px;overflow:hidden}.recent-post-price{color:#dc2626;font-size:12px;font-weight:600;margin:0 0 4px}.recent-post-location{color:#6b7280;font-size:12px;margin:0}.recent-post-location i{margin-right:4px}.blog-posts{display:flex;flex-direction:column;gap:12px}.blog-post-item{border-radius:6px;cursor:pointer;padding:10px;transition:background .2s ease}.blog-post-item:hover{background:#f8fafc}.blog-post-item h5{color:#1f2937;font-size:.9rem;font-weight:500;line-height:1.4;margin:0 0 6px}.blog-post-date{color:#6b7280;font-size:.75rem;margin:0}.blog-post-date i{margin-right:4px}.blog-post-date svg{color:#6b7280;margin-right:4px}.recommended-properties{display:flex;flex-direction:column;gap:12px}.recommended-item{border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .2s ease}.recommended-item:hover{background:#f8fafc}.recommended-image{border-radius:6px;flex-shrink:0;height:70px;overflow:hidden;width:70px}.recommended-image img{height:100%;object-fit:cover;width:100%}.recommended-info{flex:1 1;min-width:0}.recommended-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:12px;font-weight:500;line-height:1.3;margin:0 0 4px;overflow:hidden}.recommended-price{color:#dc2626;font-size:12px;font-weight:600;margin:0 0 6px;white-space:nowrap}.recommended-meta{color:#6b7280;display:flex;font-size:.75rem;gap:10px}.recommended-meta span{align-items:center;display:flex;gap:2px}.recommended-meta i{font-size:.7rem}@media (max-width:480px){.main-content,.sidebar-filters{padding:15px}.filter-group{grid-template-columns:1fr}.results-header{margin-bottom:20px;padding:15px}.results-info h3{font-size:1.2rem}.results-info h3:before{font-size:1rem}.sort-controls{gap:8px;padding:12px}.sort-controls label{font-size:.85rem}.sort-controls select{font-size:.85rem;min-width:120px;padding:8px 12px}.properties-listing.home-mode .results-info h3{font-size:1.8rem}}.hero{align-items:center;color:#fff;display:flex;justify-content:center;padding:0}.hero .container{margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.hero h2{display:inline-block;font-size:24px;font-weight:700;padding:15px 30px;position:relative;text-transform:none!important;top:10px;width:100%}.hero h2,.hero p{color:#fff;text-align:center}.hero p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.hero-search-form{border-radius:15px}.search-text-row{margin-bottom:15px}.search-text-hero{width:100%}.search-input-hero{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.search-input-hero:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.search-input-hero::placeholder{color:#999}.search-grid{grid-gap:20px;align-items:end;background-color:#0000004d;border-radius:10px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-bottom:20px;padding:10px}.search-box-hero{display:flex;flex-direction:column}.search-box-hero label{color:#fff;font-size:13px;font-weight:600;margin-bottom:8px}.search-box-hero input,.search-box-hero select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:13px;padding:12px 15px;transition:all .3s ease}.search-box-hero input:focus,.search-box-hero select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-btn-box{align-self:stretch}.btn-search{align-items:center;background-color:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;height:48px;justify-content:center;transition:all .3s ease;white-space:nowrap;width:150px}.btn-search:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-reset-hero{align-items:center;background:#e44819;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;height:48px;justify-content:center;transition:all .3s ease;white-space:nowrap;width:120px}.btn-reset-hero:hover{background:linear-gradient(135deg,#5a6268,#343a40);box-shadow:0 8px 25px #6c757d4d;transform:translateY(-2px)}.search-hero{align-items:center;align-self:stretch;display:flex;gap:10px;margin-top:20px}.search-buttons-row{display:flex;gap:15px;justify-content:center}.advanced-filters h4{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:15px}.amenities-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.amenity-checkbox{align-items:center;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;transition:all .2s}.amenity-checkbox:hover{background:#e9ecef}.amenity-checkbox input{display:none}.amenity-checkbox .checkmark{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px;transition:all .2s}.amenity-checkbox input:checked+.checkmark{color:#667eea;font-weight:600}.amenity-checkbox input:checked+.checkmark i{color:#667eea}.more-amenities{color:#999;font-size:.85rem;grid-column:1/-1;margin-top:10px;text-align:center}.loading-state i{color:#fff}.loading-state p{color:#fff;font-size:1.1rem}.btn-search-hero{align-items:center;background:linear-gradient(135deg,#28d579,#26c394);border:none;border-radius:8px;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;height:48px;justify-content:center;transition:all .3s ease;width:100%}.btn-search-hero:hover{background-color:#006a12!important;box-shadow:0 8px 25px #28d5794d}.amenities-modal-btn-hero{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background-color:#fff;border:2px solid #ffffff4d;border-radius:8px;color:#3b3939;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:12px 16px;transition:all .3s ease;width:100%}.amenities-modal-btn-hero:hover{background-color:#c8cec9;transform:translateY(-1px)}.selected-amenities-preview-hero{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.amenity-tag-hero{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;display:flex;gap:3px}.amenity-tag-hero,.more-amenities-hero{border-radius:4px;color:#fff;font-size:11px;padding:2px 6px}.more-amenities-hero{background:#ffffff26}.modal-overlay-hero{align-items:center!important;animation:fadeIn .3s ease;background:#000000b3!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.amenities-modal-hero{animation:slideUp .3s ease;background:#fff!important;border-radius:12px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header-hero{align-items:center;background:#26c394;border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.modal-header-hero h3{align-items:center;display:flex;gap:8px;margin:0}.close-btn-hero{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:8px;transition:all .3s ease}.close-btn-hero:hover{background:#fff3}.modal-body-hero{flex-grow:1;max-height:350px;overflow-y:auto;padding:24px}.amenities-grid-hero{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.amenity-checkbox-hero{cursor:pointer;display:block!important}.amenity-checkbox-hero input[type=checkbox]{display:none!important}.amenity-card-hero{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex!important;flex-direction:column;gap:6px;justify-content:center;min-height:80px;padding:14px;position:relative;text-align:center;transition:all .3s ease}.amenity-card-hero i{color:#667eea;font-size:20px;transition:all .3s ease}.amenity-card-hero span{color:#333;font-size:13px;font-weight:500}.checkmark-hero{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transform:scale(0);transition:all .3s ease;width:20px}.amenity-checkbox-hero:hover .amenity-card-hero{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.amenity-card-hero.selected,.amenity-checkbox-hero.checked .amenity-card-hero{background:#f8f9ff!important;border-color:#667eea!important;box-shadow:0 4px 12px #667eea40;transform:translateY(-2px)}.amenity-card-hero.selected .checkmark-hero,.amenity-checkbox-hero.checked .checkmark-hero{opacity:1;transform:scale(1)}.modal-footer-hero{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;min-height:60px;padding:20px 24px}.modal-footer-hero .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.btn-outline-hero{background:#fff;border:2px solid #dc3545!important;color:#dc3545}.btn-outline-hero:hover{background:#dc3545;color:#fff}.btn-primary-hero{background:#26c394;border:2px solid #26c394!important;color:#fff}.btn-primary-hero:hover{background:#00855d;border-color:#076f50!important;transform:translateY(-1px)}.hero-heading{margin-top:10px;text-align:center}.hero-heading h3{color:#fff;font-size:14px}.left-decoration-listing{left:20px;position:fixed;top:50%;transform:translateY(-50%);z-index:1}.right-decoration-listing{right:0}.left-decoration-listing{animation:gentle-scale 3s ease-in-out infinite;opacity:1;transition:opacity .3s ease}.right-decoration-listing{animation:gentle-scale 3.5s ease-in-out infinite;opacity:1;position:fixed;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:1}.decoration-image-listing{border:3px solid #27ae60;border-radius:12px;box-shadow:0 8px 25px #00000026,0 0 30px #27ae604d,0 0 50px #27ae6026;filter:drop-shadow(0 0 20px rgba(39,174,96,.4));height:270px;object-fit:cover;transition:all .3s ease;width:110px}.go-to-top-btn{padding:0!important}@media (max-width:1200px){.search-grid{gap:15px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hero{height:250px;max-height:250px}.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.hero-search-form{padding:20px}.search-text-row{margin-bottom:10px}.search-input-hero{font-size:14px;padding:10px 14px}.search-grid{gap:15px}.amenities-grid,.search-grid{grid-template-columns:1fr 1fr}.amenities-grid{gap:10px}.search-buttons-row{align-items:center;flex-direction:column;gap:10px}.btn-reset-hero,.btn-search{width:200px}.amenities-modal-hero{max-height:90vh;width:95%}.amenities-grid-hero{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.amenity-card-hero{min-height:70px;padding:10px}.modal-body-hero,.modal-footer-hero,.modal-header-hero{padding:12px 16px}}@media (max-width:480px){.hero{height:200px;max-height:200px}.hero h1{font-size:1.8rem}.search-grid{gap:15px}.amenities-grid,.search-grid{grid-template-columns:1fr}}.go-to-top-btn{align-items:center;animation:fadeInUp .3s ease;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:50%;bottom:135px;box-shadow:0 4px 20px #007bff4d;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:1000}.go-to-top-btn:hover{background:linear-gradient(135deg,#0056b3,#004494);box-shadow:0 6px 25px #007bff66;transform:translateY(-2px)}.go-to-top-btn:active{transform:translateY(0)}.go-to-top-btn svg{transition:transform .3s ease}.go-to-top-btn:hover svg{transform:translateY(-2px)}.search-input-group-listing{align-items:center;display:flex;margin-bottom:0;position:relative}.search-input-group-listing input{background:#fffffff2;border:1px solid #00b09533;border-radius:25px;box-shadow:0 2px 8px #00b09514;color:#333;flex:1 1;font-size:14px;font-weight:400;line-height:1.4;padding:12px 75px 12px 80px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input-group-listing input:focus{background:#fff;border-color:#00b095;box-shadow:0 8px 25px #00b09526,0 4px 12px #00000014;outline:none;transform:translateY(-1px)}.icon-search-input-group-listing{align-items:center;display:flex;gap:8px;left:0;padding-left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.icon-search-input-group-listing i{color:#00b095;cursor:pointer;font-size:18px;transition:all .3s ease}.icon-search-input-group-listing i:hover{color:#008c7a;transform:scale(1.1)}.camera-search-btn{align-items:center;background:none;border:none;border-radius:4px;color:#00b095;cursor:pointer;display:flex;font-size:18px;justify-content:center;margin-left:30px;padding:4px;transition:all .3s ease}.search-input-group-listing input::placeholder{color:#888;font-weight:300}.search-input-group-listing input.typing-placeholder:not(:focus)::placeholder{animation:cursor-blink 1s infinite}.search-input-group-listing .fa-search:first-child{color:#00b095;left:14px;position:absolute;transition:all .3s ease;z-index:2}.search-input-group-listing:focus-within .fa-search:first-child{color:#00b095;transform:scale(1.1)}.search-submit-btn{align-items:center;background:linear-gradient(135deg,#00b095,#1cb9a1);border:none;border-radius:50%;box-shadow:0 2px 8px #00b09540;color:#fff;cursor:pointer;display:flex;font-size:11px;height:30px;justify-content:center;position:absolute;right:36px;transition:all .3s cubic-bezier(.4,0,.2,1);width:30px;z-index:3}.search-submit-btn:hover{background:linear-gradient(135deg,#1cb9a1,#00d4aa);box-shadow:0 6px 20px #00b09566;transform:translateY(-2px) scale(1.05)}.search-submit-btn:active{transform:translateY(0) scale(.98)}@media (max-width:768px){.properties-wrapper .quick-search-listing{border-radius:10px;margin-bottom:15px;max-width:100%;padding:15px 18px;top:0}.search-header{margin-bottom:12px}.search-title,.search-title-icon{font-size:16px}.search-subtitle{display:none;font-size:12px}.search-input-group-listing input{border-radius:25px;font-size:14px;padding:14px 75px 14px 45px}.search-input-group-listing .fa-search:first-child{font-size:15px;left:16px}.search-submit-btn{font-size:12px;height:32px;right:38px;width:32px}.clear-search-properties-listing{font-size:10px;height:26px;right:6px;width:26px}}@media (max-width:480px){.properties-wrapper .quick-search-listing{border-radius:8px;box-shadow:0 3px 15px #00b0951a,0 2px 6px #0000000d;margin-bottom:12px;max-width:100%;padding:12px 15px;top:0}.search-header{margin-bottom:10px}.search-title{flex-direction:row;gap:6px}.search-title,.search-title-icon{font-size:14px}.search-subtitle{display:none;font-size:11px}.search-input-group-listing input{border-radius:20px;font-size:13px;padding:12px 70px 12px 40px}.search-input-group-listing .fa-search:first-child{font-size:14px;left:14px}.search-submit-btn{height:30px;right:34px;width:30px}.clear-search-properties-listing{height:22px;right:5px;width:22px}}@keyframes smoothSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.smooth-spinner{animation:smoothSpin .8s linear infinite;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;transform-origin:center center;transition:none;will-change:transform}.spinner-small{font-size:14px}.spinner-medium{font-size:16px}.spinner-large{font-size:18px}.loading-state{color:#6c757d}.loading-state .smooth-spinner{color:#00b095;font-size:24px;margin-bottom:15px}.loading-state p{color:#6c757d;font-size:16px;margin:0}.chatbot-container{bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:fixed;right:20px;z-index:9999}.chatbot-container.open{height:600px;width:380px}.chatbot-toggle{align-items:center;background:linear-gradient(135deg,#00b095,#00806a);border:none;border-radius:50%;box-shadow:0 8px 25px #00b0954d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;overflow:hidden;padding:0!important;position:relative;transition:all .3s ease;width:60px}.chatbot-toggle:hover{box-shadow:0 12px 35px #00b09566;transform:translateY(-2px)}.chatbot-toggle:before{background:radial-gradient(circle at center,#ffffff4d 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.chatbot-toggle:hover:before{opacity:1}.chatbot-window{animation:slideInUp .3s ease;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;height:600px;overflow:hidden;width:380px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{background:linear-gradient(135deg,#00b095,#00806a);border-radius:16px 16px 0 0;color:#fff;justify-content:space-between;padding:16px 20px}.chatbot-header,.header-info{align-items:center;display:flex}.header-info{gap:12px}.chatbot-icon{color:#fff;font-size:20px}.header-info span{font-size:16px;font-weight:600}.conversation-saved-indicator{color:#28a745;font-size:12px;margin-left:8px;opacity:.8}.chatbot-controls{align-items:center;display:flex;gap:8px}.clear-all-btn,.refresh-chat-btn,.sound-toggle{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0!important;transition:all .2s ease;width:32px}.clear-all-btn:hover{background:#ffffff4d;color:#dc3545;transform:scale(1.05)}.refresh-chat-btn:hover{background:#ffffff4d;color:#17a2b8;transform:scale(1.05)}.close-btn-chat{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s}.close-btn-chat:hover,.sound-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.sound-toggle.enabled{background:#ffc1074d;color:#ffc107}.chatbot-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.welcome-message{align-items:flex-start;animation:fadeInUp .5s ease;display:flex;gap:12px}.welcome-message .bot-avatar{align-items:center;background:linear-gradient(135deg,#00b095,#00806a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.welcome-message .message-content{background:#00b095;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f;max-width:280px;padding:16px}.welcome-message .message-content p{color:#fcfcfc;font-size:14px;line-height:1.5;margin:0 0 12px}.welcome-message .message-content ul{color:#fcfcfc;margin:0;padding-left:16px}.welcome-message .message-content li{color:#fcfcfc;font-size:13px;line-height:1.4;margin-bottom:6px}.message{align-items:flex-start;animation:fadeInUp .4s ease;display:flex;gap:12px}.message.user{flex-direction:row-reverse}.message.user .message-content{background:linear-gradient(135deg,#00b095,#00806a);border-radius:12px 12px 4px 12px;color:#fff}.message.bot .message-content{background:#eeedb3;border:1px solid #e9ecef;border-radius:12px 12px 12px 4px;color:#495057}.bot-avatar{align-items:center;background:linear-gradient(135deg,#00b095,#00806a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;position:relative;width:36px}.bot-avatar:after{background:#28a745;border:2px solid #fff;border-radius:50%;bottom:0;content:"";height:8px;position:absolute;right:0;width:8px}.message-content{box-shadow:0 2px 8px #0000000f;max-width:280px;padding:12px 16px;position:relative}.message-content p{font-size:14px;line-height:1.5;margin:0;padding-left:0!important;text-indent:0}.timestamp{display:block;font-size:11px;margin-top:6px;opacity:.7}.suggested-properties{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.suggested-properties h4{color:#495057;font-size:13px;font-weight:600;margin:0 0 12px}.mini-property-card{background:#00000005;border:1px solid #0000000d;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:10px;padding:10px;transition:all .2s ease}.mini-property-card:hover{background:#00b0951a;transform:translateX(2px)}.mini-property-card img{border-radius:6px;height:50px;object-fit:cover;width:50px}.mini-property-card .property-info h5{color:#495057;font-size:12px;font-weight:600;line-height:1.3;margin:0 0 4px}.mini-property-card .property-info .price{color:#00b095;font-size:11px;font-weight:600;margin:0 0 2px}.mini-property-card .property-info .location{color:#6c757d;font-size:10px;margin:0}.view-all-btn{background:linear-gradient(135deg,#00b095,#00806a);border-radius:6px;font-size:12px;font-weight:500;margin-top:8px;padding:8px 12px;transition:all .2s ease;width:100%}.view-all-btn:hover{box-shadow:0 4px 12px #00b0954d;transform:translateY(-1px)}.typing-indicator{display:flex;gap:4px;padding:12px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#00b095;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chatbot-input{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e9ecef;padding:16px 20px}.input-wrapper{align-items:flex-end;background:#f8f9fa;border:2px solid #00b095;border-radius:24px;gap:12px;height:auto;padding:8px 12px}.input-wrapper,.send-btn{display:flex;transition:all .2s ease}.send-btn{align-items:center;background:linear-gradient(135deg,#00b095,#00806a);border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;height:36px;justify-content:center;padding:0!important;width:36px}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #00b0954d;transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.chatbot-hint{animation:hintPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2c3e50;border-radius:12px;box-shadow:0 4px 20px #2c3e504d;color:#fff;font-size:12px;font-weight:500;opacity:.95;padding:30px 35px;position:fixed;right:28px;text-align:center;top:565px;transform-origin:bottom center;white-space:nowrap;z-index:9999}.chatbot-hint:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #2c3e50;content:"";height:0;position:absolute;right:20px;top:100%;width:0}.chatbot-hint:after{align-items:center;animation:bounce 2s infinite;background:#00b095;border-radius:50%;content:"💬";display:flex;font-size:10px;height:20px;justify-content:center;left:-8px;position:absolute;top:-8px;width:20px}.hint-close{background:#0000;background-color:#fd0000;border:none;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;position:absolute;right:5px;top:5px}.hint-icon{font-size:14px;margin-right:10px}@keyframes hintPulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media (max-width:768px){.chatbot-container{bottom:16px;right:16px}.chatbot-container.open{height:calc(100vh - 100px);max-height:600px;max-width:380px;width:calc(100vw - 32px)}.chatbot-window{height:100%;width:100%}.chatbot-hint{bottom:65px;font-size:11px;line-height:1.3;max-width:160px;padding:8px 12px;right:-5px;white-space:normal}}@media (max-width:480px){.chatbot-container.open{bottom:8px;height:calc(100vh - 80px);right:8px;width:calc(100vw - 16px)}.message-content{font-size:13px;max-width:240px}.mini-property-card{padding:8px}.mini-property-card img{height:45px;width:45px}}.chat-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.chat-option-btn{background:linear-gradient(135deg,#00b095,#00806a);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;text-align:left;transition:all .2s ease}.chat-option-btn:hover{background:linear-gradient(135deg,#00806a,#006550);box-shadow:0 4px 12px #00b0954d;transform:translateY(-1px)}.chat-option-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.chat-mode-toggle{background:#f8f9fa;border-radius:20px;display:flex;gap:4px;margin-bottom:8px;padding:4px}.mode-btn{background:#0000;border:none;border-radius:16px;color:#6c757d;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease}.mode-btn.active{background:linear-gradient(135deg,#00b095,#00806a);box-shadow:0 2px 8px #00b09533;color:#fff}.mode-btn:hover:not(.active){background:#00b0951a;color:#00b095}.message.bot .message-content p{margin-bottom:8px}.message.bot .chat-options{border-top:1px solid #00b0951a;padding-top:12px}.chat-option-btn:active{transform:scale(.98)}@keyframes optionAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-option-btn{animation:optionAppear .3s ease}.chat-option-btn:first-child{animation-delay:.1s}.chat-option-btn:nth-child(2){animation-delay:.2s}.chat-option-btn:nth-child(3){animation-delay:.3s}.property-slider{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-top:15px;overflow:hidden}.slider-header{align-items:center;background:linear-gradient(135deg,#00b095,#1cb9a1);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.slider-header h4{font-size:14px;font-weight:600;margin:0}.slider-counter{background:#fff3;border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.slider-card{background:#fff;position:relative}.card-image{height:180px;overflow:hidden;position:relative}.card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.slider-btn{background:#0009;border:none;color:#fff;font-size:14px;height:35px;transition:all .3s ease;width:35px}.slider-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.prev-btn{left:10px}.next-btn{right:10px}.card-content{padding:20px}.card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:16px;line-height:1.4;margin:0 0 8px;overflow:hidden}.card-price{color:#e74c3c;font-size:18px;font-weight:700;margin:0 0 8px}.card-location{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:5px;margin:0 0 12px}.card-location i{color:#00b095}.card-details{color:#7f8c8d;display:flex;font-size:12px;gap:15px;margin:0 0 15px}.card-details span{align-items:center;display:flex;gap:5px}.card-details i{color:#00b095}.view-detail-btn{align-items:center;background:linear-gradient(135deg,#00b095,#1cb9a1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.view-detail-btn:hover{background:linear-gradient(135deg,#1cb9a1,#00b095);box-shadow:0 4px 15px #00b0954d;transform:translateY(-2px)}.slider-dots{background:#f8f9fa;display:flex;gap:8px;justify-content:center;padding:15px 20px}.dot{background:#bdc3c7;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0!important;transition:all .3s ease;width:8px}.dot.active{background:#00b095;transform:scale(1.2)}.dot:hover{background:#95a5a6}.card-details-messenger{color:#7f8c8d;display:flex;font-size:12px;gap:15px;margin:0 0 15px}.card-details-messenger span{align-items:center;display:flex;gap:5px}.card-details-messenger i{color:#00b095}.slider-card{animation:slideIn .3s ease}@media (max-width:480px){.slider-header{padding:12px 15px}.slider-header h4{font-size:13px}.card-image{height:150px}.card-content{padding:15px}.card-title{font-size:15px}.card-price{font-size:16px}.slider-btn{font-size:12px;height:30px;width:30px}}.pagination-container-properties-listing{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;border-top:1px solid #e9ecef;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:center;overflow:hidden;padding:30px;position:relative;text-align:center}.pagination-container-properties-listing:before{background:linear-gradient(90deg,#00b095,#1cb9a1,#00d4aa);content:"";height:4px;left:0;position:absolute;right:0;top:0}.pagination-info{margin-bottom:20px}.pagination-info span{display:inline-block;margin-top:15px}.pagination-controls{gap:10px}.pagination-btn-my-properties{background:linear-gradient(135deg,#00b095,#1cb9a1);border:none;border-radius:25px;box-shadow:0 4px 15px #00b0954d;color:#fff;font-weight:600;gap:8px;min-width:100px;padding:12px 20px;transition:all .3s ease}.pagination-btn-my-properties:hover:not(:disabled){background:linear-gradient(135deg,#1cb9a1,#00d4aa);box-shadow:0 6px 20px #00b09566;transform:translateY(-2px)}.pagination-btn-my-properties:disabled{background:#e9ecef;box-shadow:none;color:#6c757d;transform:none}.page-numbers{align-items:center;flex-wrap:wrap;margin:0 15px}.page-number-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:45px;justify-content:center;padding:0!important;transition:all .3s ease;width:45px}.page-number-btn:hover:not(:disabled):not(.active){background:#27ae60;border-color:#27ae60;color:#fff;transform:scale(1.1)}.page-number-btn.active{background:#27ae60;border-color:#27ae60;box-shadow:#27ae60;color:#fff;transform:scale(1.05)}.page-number-btn:disabled{cursor:not-allowed;opacity:.6;padding:0!important}.page-dots{color:#6c757d;font-weight:700;padding:0 5px;-webkit-user-select:none;user-select:none}.remove-filter-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;line-height:1;padding:0!important;transition:background .3s,transform .2s;width:30px;z-index:9999}.remove-filter-btn i{font-size:16px;margin-left:5px}.support-staff-section-fotter{margin-top:20px}@media (max-width:768px){.pagination-container-properties-listing{margin-top:30px;padding:20px 15px}.pagination-controls{flex-direction:column;gap:15px}.pagination-btn-my-properties{font-size:13px;min-width:120px;padding:10px 18px}.page-numbers{margin:0;order:-1}.page-number-btn{font-size:13px;height:40px;width:40px}.pagination-info{font-size:13px;margin-bottom:15px}}@media (max-width:480px){.pagination-container-properties-listing{border-radius:15px;padding:15px 10px}.pagination-controls{gap:10px}.pagination-btn-my-properties{border-radius:20px;font-size:12px;min-width:100px;padding:8px 15px}.page-numbers{gap:5px}.page-number-btn{font-size:12px;height:35px;width:35px}.pagination-info{font-size:12px}}.hero{contain:layout paint;height:300px;max-height:300px;overflow:hidden;position:relative}.hero-canvas-background{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%!important;left:0!important;pointer-events:none!important;position:absolute!important;top:0!important;transform:translateZ(0);transition:opacity .8s ease-in-out,transform .8s ease-out;width:100%!important;will-change:transform,opacity;z-index:1!important}.hero .container{position:relative;z-index:10}.hero-search-form{border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 10px 30px #00000040;padding:15px 20px;position:relative;z-index:15}@media (max-width:768px){.hero{height:250px;max-height:250px}.hero-search-form{margin:0 15px;padding:20px 25px}}@media (max-width:480px){.hero{height:200px;max-height:200px}.hero-search-form{margin:0 10px;padding:18px 20px}}.home-properties-section{background-color:#f8f9fa}.properties-wrapper{border-radius:10px;padding:0;position:relative}.properties-wrapper .listing-header{border-color:#fff;color:inherit;margin:0;padding:0}.properties-wrapper .listing-header h1,.properties-wrapper .listing-header p{display:none}.properties-wrapper .quick-search{background:linear-gradient(180deg,#45b6b0,#b2f3e8);border-radius:10px;flex:1 1;margin-bottom:40px;padding:10px 45px;position:relative;top:-25px}@media (max-width:768px){.home-properties-section{padding:20px 0}}.footerContact{background-color:#27ae60;color:#fff;padding:40px 0}.footerContact h1{font-size:40px}footer{background-color:#1d2636;color:#fff;padding:50px 0}footer .container{grid-gap:20px;display:grid;grid-template-columns:4fr 2fr 2fr 2fr}footer img{width:150px}footer h2{font-weight:500}footer p{color:grey;margin:20px 0}footer input{background-color:#fff;border-radius:5px;padding:17px;width:75.5%}footer h3{font-weight:500;margin-bottom:30px}footer ul,footer ul li{display:block}footer ul li{color:grey;margin-bottom:20px}.legal{background:#1d2636;border-top:1px solid #ffffff1a;color:#ffffff80;padding:20px;text-align:center}.box-footer ul li:hover{color:#27ae60;cursor:pointer}.payment-methods{display:flex;flex-direction:row;gap:15px}.payment-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;padding:10px;transition:all .3s ease}.payment-item:hover{background:#ffffff1a;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.payment-item img{border-radius:6px;height:auto;max-width:50px;object-fit:contain;transition:transform .3s ease;width:100%}.payment-item:hover img{transform:scale(1.05)}@media screen and (max-width:800px){footer .container{grid-template-columns:repeat(2,1fr)}.payment-methods{gap:10px}.payment-item{padding:8px}.payment-item img{max-width:100px}}.about{margin-bottom:80px}.about .heading{margin-bottom:30px;text-align:left;width:100%}.about p{font-size:15px;line-height:30px;margin-bottom:20px;padding-right:30px}@media screen and (max-width:768px){.about .container{flex-direction:column}.about p{padding:0}.about .container img{margin-top:50px}}.price-section{background:#fff;color:#1e293b;font-family:Segoe UI,sans-serif;padding:60px 0}.container-pricing{margin:auto;max-width:1200px;padding:0 20px}.container-pricing h2{font-weight:500;text-align:center}.trial-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.trial-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}.trial-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.trial-modal-close:hover{background:#ef4444;color:#fff}.trial-modal-title{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.trial-modal-subtitle{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:30px;text-align:center}.trial-form{gap:20px}.trial-form,.trial-form-group{display:flex;flex-direction:column}.trial-form-group{gap:8px}.trial-form-group label{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px}.trial-form-group label i{color:#8b5cf6;font-size:16px}.trial-form-group .required{color:#ef4444}.trial-form-group input{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s ease}.trial-form-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.trial-form-group input::placeholder{color:#94a3b8}.trial-submit-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;margin-top:10px;padding:14px;text-transform:uppercase;transition:all .3s ease}.trial-submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #8b5cf666;transform:translateY(-2px)}.trial-submit-btn:disabled{cursor:not-allowed;opacity:.6}.trial-submit-btn i{font-size:18px}.trial-note{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:13px;gap:8px;justify-content:center;line-height:1.5;margin-top:10px;padding:12px;text-align:center}.trial-note i{color:#3b82f6;flex-shrink:0;font-size:14px}@media (max-width:768px){.trial-modal-content{max-width:95%;padding:30px 20px}.trial-modal-title{font-size:24px}.trial-modal-subtitle{font-size:13px}.trial-form-group input{font-size:14px;padding:10px 14px}.trial-submit-btn{font-size:14px;padding:12px}}.management-pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:30px auto 40px;max-width:700px}.management-card{border:2px solid;border-radius:12px;box-shadow:0 4px 14px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.management-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-5px)}.management-card.popular{border-width:2px;transform:scale(1)}.management-card.popular:hover{transform:translateY(-5px)}.popular-badge-pricing{background:#8b5cf6;box-shadow:0 2px 4px #0003;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 38px;position:absolute;right:-40px;top:30px;transform:rotate(45deg);z-index:10}.management-header{background:linear-gradient(135deg,#f8fafc,#fff);padding:16px 16px 12px;text-align:center}.management-title{font-size:20px;font-weight:700;letter-spacing:.3px;margin-bottom:10px;text-transform:uppercase}.management-price{align-items:baseline;display:flex;gap:5px;justify-content:center;margin-top:10px}.price-free-large{align-items:center;color:#22c55e;display:flex;flex-direction:column;font-size:24px;font-weight:700;gap:4px;text-transform:uppercase}.free-duration{color:#64748b;font-size:14px;font-weight:500;text-transform:none}.price-amount{color:#1e293b;font-size:30px;font-weight:700;line-height:1}.price-period{font-weight:500}.management-body{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:280px;padding:16px}.features-title,.limitations-title{color:#1e293b;font-size:13px;font-weight:700;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.limitations-title{margin-top:12px}.features-list,.limitations-list{list-style:none;margin:0 0 12px;padding:0}.feature-item-pricing,.limitation-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:6px 0}.feature-item-pricing:last-child,.limitation-item:last-child{border-bottom:none}.feature-item-pricing i,.limitation-item i{flex-shrink:0;font-size:14px;margin-top:2px}.limitation-item i{color:#94a3b8}.limitation-item span{color:#64748b}.management-body-content{flex:1 1}.management-body-footer{margin-top:auto;padding-top:12px}.btn-choose-plan{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:8px;padding:12px;text-transform:uppercase;transition:all .2s ease;width:100%}.btn-choose-plan:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.btn-choose-plan:active{transform:translateY(0)}.pricing-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:2px;margin:50px 0 40px}@media (max-width:992px){.management-pricing-grid{gap:30px;grid-template-columns:1fr;max-width:600px}.management-card.popular{transform:scale(1)}.management-card.popular:hover{transform:translateY(-8px)}.popular-badge-pricing{font-size:11px;padding:6px 40px}.management-title{font-size:24px}.price-amount{font-size:36px}.price-free-large{font-size:32px}}@media (max-width:768px){.management-header{padding:30px 20px 20px}.management-body{min-height:320px;padding:20px}.management-title{font-size:22px}.price-amount{font-size:32px}.price-free-large{font-size:28px}.feature-item-pricing,.limitation-item{font-size:14px;padding:10px 0}.btn-choose-plan{font-size:14px;padding:14px}}.price-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;margin-top:2rem}.price-card{border-radius:12px;box-shadow:0 4px 14px #0000000d;overflow:hidden;transition:transform .3s ease}.price-card:hover{transform:translateY(-5px)}.plan-header{background:#3b82f6;padding:16px 10px}.plan-header .plan-name{font-size:1.4rem;font-weight:600;margin-bottom:5px}.plan-header .plan-desc{font-size:.95rem;margin:0;opacity:.9}.plan-body{background:#f8fafc;padding:20px}.plan-price{align-items:baseline;display:flex;font-size:1.4rem;font-weight:600;justify-content:center;margin:15px 0}.price-value-pricing{color:#28a745;font-size:24px;font-weight:700}.price-duration{color:#64748b;font-size:1rem;margin-left:6px}.plan-limits{list-style:none;margin:15px 0;min-height:150px;padding:0}.plan-limits li{margin-bottom:8px}.btn-register{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:transform .2s ease,opacity .2s ease;width:100%}.btn-register:hover{opacity:.9;transform:scale(1.03)}.vip-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin-top:40px}.vip-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 14px #0000000d;padding:20px;transition:all .3s ease}.vip-card:hover{transform:translateY(-4px)}.vip-title{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:6px;margin-bottom:8px}.vip-desc{color:#475569;font-size:.95rem;margin-bottom:5px;min-height:60px}.vip-note{color:#a00;font-size:.9rem;font-style:italic;margin-bottom:15px}.vip-image{background:#f9fafb;box-shadow:0 4px 10px #0000001a;height:380px;margin-top:15px;overflow:hidden;position:relative}.vip-image,.vip-image img{border-radius:12px;width:100%}.vip-image img{height:100%;object-fit:cover;transition:transform .4s ease,box-shadow .3s ease}.vip-image:hover img{box-shadow:0 6px 15px #00000026;transform:scale(1.05)}.container-desc{min-height:150px}@media (max-width:768px){.plan-price{font-size:1.4rem}.vip-grid{grid-template-columns:1fr}}.scroll-to-top-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:1000}.scroll-to-top-btn:hover{background-color:#2563eb;box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.scroll-to-top-btn:active{transform:translateY(0)}@media (max-width:768px){.scroll-to-top-btn{bottom:20px;font-size:16px;height:45px;right:20px;width:45px}}.management-features-pricing{border-top:1px solid #e2e8f0;margin-top:16px;min-height:100px;padding-top:16px}.features-subtitle{font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.feature-description-pricing{color:#666;display:block;font-size:18px;margin-bottom:20px;margin-top:2px}.management-features-list{list-style:none;margin:0;padding:0}.management-feature-item{align-items:flex-start;font-size:14px;gap:8px;line-height:1.4;padding:8px 0}.management-feature-item i{flex-shrink:0;margin-top:2px;text-align:center;width:16px}.management-feature-item span{flex:1 1}.management-feature-item strong{color:inherit;font-weight:600}.management-feature-item small{font-style:italic;opacity:.8}.blog-container{padding:40px 0}.blog-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000012;cursor:pointer;overflow:hidden;transition:all .3s ease}.blog-card:hover{box-shadow:0 6px 18px #00000026;transform:translateY(-5px)}.blog-thumb{height:200px;overflow:hidden;position:relative}.blog-thumb img{height:100%;object-fit:cover;width:100%}.blog-category{background:#ff6b00;border-radius:6px;color:#fff;font-size:13px;left:12px;padding:5px 12px;position:absolute;top:12px}.blog-content{padding:18px 20px}.blog-title{color:#333;font-size:20px;font-weight:600;line-height:1.4;margin-bottom:10px}.blog-excerpt{color:#555;font-size:15px;margin-bottom:18px}.blog-readmore{background:#00b894;border:none;border-radius:6px;color:#fff;font-size:14px;padding:8px 16px;transition:.3s}.blog-readmore:hover{background:#009e7a}.featured .box{border-radius:6px;box-shadow:0 0 20px 0 #70798a2e;cursor:pointer;padding:30px;text-align:center}.featured .box:hover{box-shadow:0 0 20px 0 #0000004d;scale:1.05;transform:translateY(-5px);transition:all .3s ease-out}.featured img{height:65px;margin:auto;width:65px}.contact-section{background:#f8f9fb;padding:80px 0}.container-contact{margin:0 auto;max-width:1200px;padding:0 20px}.contact-wrapper{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1.3fr;margin-top:0}.title-contact{padding:40px 0;text-align:center}.title-contact h1{color:#333;font-size:28px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.contact-info-card{background:#fff;border-left:5px solid #00b894;border-radius:16px;box-shadow:0 8px 30px #00000014;padding:35px 30px;transition:transform .3s ease,box-shadow .3s ease}.contact-info-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-5px)}.contact-info-card h2{color:#2c3e50;font-size:26px;font-weight:600;margin-bottom:25px;position:relative}.contact-info-card h2:after{background:#00b894;border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.info-item{border-bottom:1px solid #f0f0f0;gap:18px;margin-bottom:25px;padding:15px 0;transition:all .3s ease}.info-item:last-child{border-bottom:none}.info-item:hover{background:#f8f9fa;border-radius:8px;margin:0 -15px 25px;padding:15px}.info-icon{color:#00b894;font-size:28px;min-width:28px;transition:transform .3s ease}.info-item:hover .info-icon{transform:scale(1.1)}.info-item p{color:#555;font-size:15px;line-height:1.6;margin:0}.info-item strong{color:#2c3e50;font-size:16px;font-weight:600}.info-item a{color:#00b894;font-weight:500;text-decoration:none;transition:color .3s ease}.info-item a:hover{color:#009e7a;text-decoration:underline}.contact-form{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000014;padding:35px 30px;transition:transform .3s ease,box-shadow .3s ease}.contact-form:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-5px)}.contact-form h3{color:#2c3e50;font-size:26px;font-weight:600;margin-bottom:12px;position:relative}.contact-form h3:after{background:#00b894;border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.contact-form p{color:#666;font-size:15px;line-height:1.5;margin-bottom:30px}.form-row{display:flex;gap:18px;margin-bottom:22px}.contact-form input,.contact-form textarea{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:10px;font-family:inherit;font-size:15px;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{background:#fff;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a;transform:translateY(-2px)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#999;font-weight:400}.contact-form input{margin-bottom:22px}.contact-form textarea{margin-bottom:25px;min-height:120px;resize:vertical}.contact-btn-support{background:linear-gradient(135deg,#00b894,#009e7a);border:none;border-radius:10px;box-shadow:0 4px 15px #00b8944d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.contact-btn-support:hover{background:linear-gradient(135deg,#009e7a,#00875f);box-shadow:0 8px 25px #00b89466;transform:translateY(-3px)}.contact-btn:active{box-shadow:0 4px 15px #00b8944d;transform:translateY(-1px)}@media (max-width:900px){.contact-section{padding:60px 0}.container-contact{padding:0 15px}.contact-wrapper{gap:30px;grid-template-columns:1fr}.contact-form,.contact-info-card{padding:25px 20px}.contact-form h3,.contact-info-card h2{font-size:22px}.form-row{flex-direction:column;gap:0}.info-item:hover{margin:0 -10px 25px;padding:15px 10px}.contact-btn{font-size:15px;padding:14px 20px}}@media (max-width:600px){.contact-section{padding:40px 0}.contact-form,.contact-info-card{padding:20px 15px}.info-item{gap:15px;margin-bottom:20px}.info-icon{font-size:24px}}.avatar-upload-box{align-items:center;display:flex;gap:12px;margin-bottom:12px}.avatar-input{display:none}.avatar-upload-label{background:#27ae60;border:none;border-radius:6px;box-shadow:0 1px 4px #0000000a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:8px 16px;transition:background .2s}.avatar-upload-label:hover{background:#007430}.avatar-preview{border:1px solid #eee;height:48px;width:48px}.password-input-container{position:relative;width:100%}.password-input-container input{padding-right:40px!important;width:100%}.password-input-container button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;margin:0;padding:0;position:absolute;right:10px;top:40%;transform:translateY(-50%);transition:color .2s ease;width:24px;z-index:1}.password-input-container button:hover{color:#333}.auth{background:#f8f8f8;font-family:Open Sans,sans-serif;padding:80px 0}.form-box{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;margin:auto;max-width:400px;padding:40px 30px}.form-box h2{color:#2d3436;margin-bottom:25px;text-align:center}.btn-login-auth,.btn-primary-otp{background-color:#0daa4f!important;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:.3s;width:100%}.btn-login-auth:hover,.btn-primary-otp:hover{background-color:#00702f!important}.form-links{margin-top:15px;text-align:center}.form-links a{color:#27ae60;font-weight:500}.form-box form input,.form-box form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:18px;outline:none;padding:14px;transition:all .3s ease;width:100%}.form-box form input:focus,.form-box form select:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae6033}.form-box form select{background-image:url("data:image/svg+xml;utf8,<svg fill=%27%2327ae60%27 height=%2720%27 viewBox=%270 0 24 24%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.remember-box{color:#555;font-size:14px;margin-bottom:12px}.remember-box,.remember-box label{align-items:center;cursor:pointer;display:flex}.remember-box label{gap:8px;-webkit-user-select:none;user-select:none}.remember-box input[type=checkbox]{display:none}.remember-box label:before{background:#fff;border:2px solid #27ae60;border-radius:4px;content:"";display:inline-block;height:18px;transition:all .2s ease;width:18px}.remember-box input[type=checkbox]:checked~label:before{background-color:#27ae60;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path fill=%27%23fff%27 d=%27M20.285 6.709a1 1 0 0 0-1.414-1.418l-9.192 9.193-4.242-4.243a1 1 0 1 0-1.414 1.414l5 5a1 1 0 0 0 1.414 0l10-10z%27/></svg>");background-position:50%;background-repeat:no-repeat;background-size:14px;border-color:#27ae60}.social-divider{margin:20px 0;position:relative;text-align:center}.social-divider:before{background:#e4e6ea;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.social-divider span{background:#fff;color:#65676b;font-size:14px;padding:0 15px;position:relative;z-index:2}.google-login-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-left:50px}.google-login-wrapper>div{max-width:100%!important;width:100%!important}.google-login-wrapper button{border-radius:8px!important;font-size:14px!important;font-weight:500!important;height:44px!important;justify-content:center!important;width:100%!important}.btn-primary-register{align-items:center;background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;margin:15px auto 0;padding:20px 35px;transition:all .2s}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-color:#667eea;--primary-light:#818cf8;--primary-dark:#5a67d8;--secondary-color:#764ba2;--accent-color:#f093fb;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--gray-100:#f7f8fc;--gray-200:#e8ebf5;--gray-300:#d1d5e0;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#0f1419;--bg-tertiary:#f0f2ff;--border-color:#e2e8f0;--shadow-sm:0 2px 4px 0 #667eea14;--shadow:0 6px 16px -2px #667eea1f;--shadow-lg:0 15px 35px -5px #667eea26;--shadow-xl:0 25px 50px -12px #667eea33;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626)}.admin-container,.amenities-container,.contracts-container,.dashboard-container,.payments-container,.reports-container,.rooms-container,.settings-container,.tenants-container,.users-container,.vouchers-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#f0f2ff 50%,#fafbfc);background-attachment:fixed;color:#1a202c;color:var(--text-primary);font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;text-rendering:optimizeLegibility;transition:all .4s ease}.admin-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]),.amenities-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]),.contracts-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]),.dashboard-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]),.payments-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]),.reports-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]),.rooms-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]),.settings-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]),.tenants-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]),.users-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]),.vouchers-container :not([class*=fa-]):not([class*=fas]):not([class*=far]):not([class*=fab]):not([class*=fal]){font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif!important}.fa,.fab,.fal,.far,.fas,[class*=fa-],[class*=fab],[class*=fal],[class*=far],[class*=fas],i[class*=fa-],i[class*=fab],i[class*=fal],i[class*=far],i[class*=fas]{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Font Awesome\ 6 Free,Font Awesome\ 6 Pro,Font Awesome\ 6 Brands,FontAwesome!important;font-style:normal!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;text-transform:none!important}.dashboard-container .stat-number,.rooms-container .room-name,.settings-container .section-title{font-weight:600!important}.dashboard-container .stat-label,.rooms-container .room-price,.settings-container .section-description{font-weight:400!important}.font-bold,b,h1,h2,h3,h4,h5,h6,strong{font-weight:600!important}.font-medium,.font-semibold{font-weight:500!important}.font-normal{font-weight:400!important}.font-light{font-weight:300!important}.admin-title,.dashboard-title,.reports-title,.rooms-title,.settings-title,.users-title,.vouchers-title{font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.2}.admin-subtitle,.dashboard-subtitle,.reports-subtitle,.rooms-subtitle,.settings-subtitle,.users-subtitle,.vouchers-subtitle{font-family:Inter,sans-serif;font-weight:400;line-height:1.5}.admin-btn,.admin-button,button[class*=admin],button[class*=dashboard],button[class*=rooms],button[class*=settings]{font-family:Inter,sans-serif;font-weight:500;letter-spacing:.01em}.admin-input,.admin-select,.admin-textarea,input[class*=admin],select[class*=admin],textarea[class*=admin]{font-family:Inter,sans-serif;font-weight:400}.admin-label,label[class*=admin]{font-family:Inter,sans-serif;font-weight:500}.admin-table,table[class*=admin]{font-family:Inter,sans-serif}.admin-table th,table[class*=admin] th{font-weight:600}.admin-table td,table[class*=admin] td{font-weight:400}.card-title,.modal-title,.section-title{font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.01em}.card-description,.helper-text,.section-description{font-family:Inter,sans-serif;font-weight:400;line-height:1.5}.count-display,.metric-value,.stat-number{font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.02em}.chip,.status-badge,.tag{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}@media (max-width:768px){.admin-title,.dashboard-title,.rooms-title,.settings-title{font-size:24px}.admin-subtitle,.dashboard-subtitle,.rooms-subtitle,.settings-subtitle{font-size:14px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.admin-container,.dashboard-container,.rooms-container,.settings-container{font-weight:500}}.summary-stat{background:#f8fafc}.dashboard-container{background:#f8fafc;background:var(--bg-secondary,#f8fafc);display:flex;font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;transition:all .3s ease;transition:var(--transition,all .3s ease)}.dashboard-content{flex:1 1;overflow-y:auto;padding:24px}.dashboard-container *{font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif}.dashboard-container [class*=fab],.dashboard-container [class*=fal],.dashboard-container [class*=far],.dashboard-container [class*=fas],.dashboard-container i[class*=fa-]{font-family:Font Awesome\ 6 Free,FontAwesome!important;font-weight:900!important}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.dashboard-title{background:linear-gradient(90deg,#1e3a8a,#9333ea);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:30px;font-weight:700;letter-spacing:.5px}.date-selector-container{align-items:center;display:flex}.date-selector-group{display:flex;flex-direction:column;gap:8px}.date-selector-label{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:600;gap:6px}.date-selector-label i{color:#3b82f6;font-size:14px}.date-selector-inputs{display:flex;gap:10px}.date-selector-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;outline:none;padding:10px 16px;transition:all .2s ease}.date-selector-select:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.date-selector-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.date-selector-inputs{flex-direction:column;width:100%}.date-selector-select{width:100%}}.dashboard-subtitle{color:#718096;color:var(--text-secondary,#718096);font-family:Inter,sans-serif;font-size:16px;font-weight:400;margin:0;transition:all .3s ease;transition:var(--transition,all .3s ease)}.stats-grid-modern{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.modern-card{background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.modern-card:before{content:"";height:5px;left:0;position:absolute;right:0;top:0}.modern-card.blue-card:before{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.modern-card.green-card:before{background:linear-gradient(135deg,#10b981,#059669)}.modern-card.purple-card:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.modern-card.orange-card:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-icon-bg{align-items:center;border-radius:50%;display:flex;font-size:32px;height:70px;justify-content:center;opacity:.15;position:absolute;right:24px;top:24px;width:70px}.card-icon-bg.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.card-icon-bg.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.card-icon-bg.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.card-icon-bg.orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card-content{padding:28px 24px 24px;position:relative;z-index:1}.card-title{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.card-number{color:#0f172a;font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1;margin:8px 0 16px}.card-footer{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.badge i{font-size:11px}.badge-success{background:#d1fae5;color:#065f46}.badge-light{background:#f1f5f9;color:#475569}.badge-green{background:#d1fae5;color:#065f46}.badge-purple{background:#e9d5ff;color:#6b21a8}.badge-orange{background:#fed7aa;color:#92400e}.quick-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.quick-stat{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 2px 6px #0000000a;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.quick-stat:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.quick-stat.purple:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.quick-stat.red:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.quick-stat.teal:before{background:linear-gradient(180deg,#14b8a6,#0d9488)}.quick-stat.green:before{background:linear-gradient(180deg,#10b981,#059669)}.quick-stat:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.quick-stat-icon{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;position:relative;width:56px}.quick-stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quick-stat-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.quick-stat-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.quick-stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.quick-stat-info{flex:1 1}.quick-stat-value{color:#0f172a;font-size:24px;line-height:1.2;margin-bottom:4px}.quick-stat-label{line-height:1.4}.stat-change{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:500;gap:4px;margin-top:8px}.stat-change.positive{color:#10b981;color:var(--accent-success,#10b981)}.stat-change.negative{color:#ef4444;color:var(--accent-danger,#ef4444)}.charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:32px}.chart-card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.chart-title{color:#1a202c;font-size:20px;font-weight:600;margin:0}.chart-period{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.chart-period:hover{background:#edf2f7}.chart-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);font-size:18px;font-weight:500;height:300px}.chart-placeholder,.occupancy-chart{align-items:center;border-radius:12px;color:#fff;display:flex;justify-content:center}.occupancy-chart{background:linear-gradient(135deg,#f093fb,#f5576c);flex-direction:column;height:200px;text-align:center}.occupancy-rate{font-size:48px;font-weight:700;margin-bottom:8px}.occupancy-label{font-size:16px;opacity:.9}.recent-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:24px}.activity-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:between;margin-bottom:20px;padding-bottom:16px}.activity-title{color:#1a202c;font-size:18px;font-weight:600;margin:0}.activity-list{list-style:none;margin:0;padding:0}.activity-item{align-items:center;border-bottom:1px solid #f7fafc;display:flex;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;margin-right:12px;width:40px}.activity-content{flex:1 1}.activity-text{color:#4a5568;font-size:14px;margin:0 0 4px}.activity-time{color:#a0aec0;font-size:12px;margin:0}.activity-status{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-new{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.quick-actions{margin-top:32px}.activity-summary{display:flex;flex-direction:column;gap:16px;padding:16px 0}.summary-item{border-radius:12px;gap:16px;transition:all .3s ease}.summary-item:hover{background:#f1f5f9;transform:translateX(4px)}.summary-item i{color:#3b82f6;font-size:32px;min-width:40px;text-align:center}.summary-number{color:#1a202c;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.summary-label{color:#718096}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{color:inherit;padding:20px;text-align:center}.action-btn:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.action-icon{color:#3b82f6;font-size:32px;margin-bottom:12px}.action-title{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 4px}.action-desc{color:#718096;font-size:14px;margin:0}.charts-wrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:24px}.chart-container{background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.chart-card-header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;padding:24px}.chart-title-group{align-items:center;display:flex;gap:16px}.chart-icon-wrapper{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.chart-main-title{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 4px}.chart-subtitle{font-size:13px;margin:0}.chart-body{padding:24px}.revenue-bar-chart{align-items:flex-end;display:flex;gap:12px;height:240px;justify-content:space-around}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px}.bar-wrapper{align-items:flex-end;display:flex;height:190px;justify-content:center}.bar-fill,.bar-wrapper{position:relative;width:100%}.bar-fill{background:linear-gradient(180deg,#10b981,#059669);border-radius:10px 10px 4px 4px;box-shadow:0 4px 12px #10b98140;cursor:pointer;max-width:50px;transition:all .3s cubic-bezier(.4,0,.2,1)}.bar-fill:hover{background:linear-gradient(180deg,#059669,#047857);box-shadow:0 6px 16px #10b98159;transform:scaleY(1.05)}.bar-tooltip{background:#0f172a;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;font-size:11px;font-weight:600;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:-32px;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.bar-fill:hover .bar-tooltip{opacity:1}.bar-month{color:#64748b;font-size:12px;font-weight:600;text-align:center}.room-stats-grid{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:100px 1fr;margin-left:-10px;padding-left:0}.room-donut{flex-shrink:0;height:120px;margin-left:-10px;position:relative;width:120px}.donut-svg{height:100%;transform:rotate(0deg);width:100%}.donut-inner{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.donut-percent{color:#10b981;font-size:22px;font-weight:800;line-height:1;margin-bottom:2px}.donut-text{color:#64748b;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.room-legend-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.legend-item-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;margin-left:-10px;padding:10px 14px;transition:all .2s ease}.legend-item-box:hover{background:#f1f5f9;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.legend-color-box{border-radius:4px;flex-shrink:0;height:14px;width:14px}.legend-color-box.rented{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d}.legend-color-box.available{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 2px 6px #64748b4d}.legend-color-box.reserved{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d}.legend-color-box.expiring{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef44444d}.legend-info{flex:1 1;min-width:0}.legend-value{color:#0f172a;font-size:18px;font-weight:700;line-height:1.2}.legend-name{color:#64748b;font-size:11px;font-weight:500;margin-top:2px;white-space:nowrap}.bottom-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.alerts-box,.summary-box{background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.alerts-box-header,.summary-box-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:20px 24px}.header-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.header-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.header-icon.info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.alerts-box-title,.summary-box-title{color:#0f172a;font-size:16px;font-weight:700;margin:0}.alerts-list{display:flex;flex-direction:column;gap:12px;padding:20px}.alert-notification{border:1px solid #0000;border-radius:14px;display:flex;gap:14px;padding:16px;transition:all .3s ease}.alert-notification.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.alert-notification.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa}.alert-notification.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.alert-notification:hover{border-width:2px;box-shadow:0 6px 20px #00000026;transform:translateX(4px)}.alert-icon-circle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:22px;height:55px;justify-content:center;transition:all .3s ease;width:55px}.alert-notification.warning .alert-icon-circle{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.alert-notification.info .alert-icon-circle{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.alert-notification.danger .alert-icon-circle{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.alert-notification:hover .alert-icon-circle{box-shadow:0 4px 16px #0003;transform:scale(1.1)}.poster-rank-badge{font-size:24px;font-weight:700}.alert-text{flex:1 1}.alert-heading{color:#0f172a;font-size:14px;font-weight:700;margin:0 0 4px}.alert-description{color:#64748b;font-size:12px;line-height:1.4;margin:0}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;padding:20px}.summary-stat{align-items:center;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;padding:16px;transition:all .3s ease}.summary-stat:hover{background:#f1f5f9;transform:translateX(4px)}.summary-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.summary-stat-icon.expired{background:linear-gradient(135deg,#64748b,#475569)}.summary-stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.summary-stat-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.summary-stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.summary-stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.summary-stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.summary-stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.summary-stat-icon.gray{background:linear-gradient(135deg,#64748b,#475569)}.summary-stat-text{flex:1 1}.summary-stat-value{color:#0f172a;line-height:1.2;margin-bottom:4px}.summary-stat-label{color:#64748b;line-height:1.3}.alerts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.alert-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:24px}.alert-card.warning{border-left:4px solid #f59e0b}.alert-card.info{border-left:4px solid #3b82f6}.alert-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.alert-header i{color:#f59e0b;font-size:20px}.alert-card.info .alert-header i{color:#3b82f6}.alert-header h3{color:#1a202c;font-size:16px;font-weight:600;margin:0}.alert-list{display:flex;flex-direction:column;gap:12px}.alert-item{background:#fef3c7;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.alert-item.danger{background:#fee2e2}.alert-item:hover{transform:translateX(4px)}.alert-item i{color:#f59e0b;flex-shrink:0;font-size:18px;margin-top:2px}.alert-item.danger i{color:#ef4444}.alert-content{flex:1 1}.alert-title{color:#1a202c;font-size:14px;font-weight:600;margin-bottom:4px}.alert-desc{color:#64748b;font-size:12px}.quick-stats{display:flex;flex-direction:column;gap:16px}.quick-stat-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.quick-stat-item:hover{background:#f1f5f9}.quick-stat-label{color:#64748b;font-size:13px;font-weight:500}.quick-stat-value{color:#1a202c;font-size:16px;font-weight:700}.quick-stat-value.success{color:#10b981}.quick-stat-value.expired{color:#64748b}.quick-stat-value.highlight{color:#3b82f6}@media (max-width:1200px){.charts-wrapper{grid-template-columns:1fr}.room-legend-list{grid-template-columns:1fr 1fr}.bottom-section{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-content{padding:16px}.charts-wrapper,.quick-stats-grid,.stats-grid-modern{grid-template-columns:1fr}.room-stats-grid{flex-direction:column}.bottom-section,.room-legend-list{grid-template-columns:1fr}.card-number{font-size:28px}.revenue-bar-chart{gap:6px;height:180px}.bar-wrapper{height:140px}.bar-fill{max-width:35px}}.package-stats-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.package-stat-item{align-items:center;background:#fff;border:1px solid #f1f1f3;border-radius:12px;box-shadow:0 2px 6px #00000008;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s ease}.package-stat-item:hover{background:#f9f9ff;border-color:#dcdcff}.package-stat-info{display:flex;flex-direction:column;gap:4px}.package-stat-name{color:#3b3b97;font-size:15px;font-weight:600}.package-stat-count{color:#666;font-size:14px}.package-stat-revenue{color:#222;font-size:16px;font-weight:700}.property-management{height:100%;padding:0;width:100%}.search-box-property-management{align-items:center;display:flex;position:relative}.clear-search-btn-property-management{align-items:center;background:linear-gradient(135deg,#fff0f0,#c9c9c9);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0!important;position:absolute;right:14px;transition:all .2s ease;width:24px}.clear-search-btn-property-management i{color:red;margin-left:5px}.clear-search-btn-property-management:hover{box-shadow:0 2px 8px #ef44444d;transform:scale(1.1)}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-card.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b}.stat-card.approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981}.stat-card.rejected{background:linear-gradient(135deg,#fecaca,#fca5a5);border-left:4px solid #ef4444}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:24px;height:56px;width:56px}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#f39c12,#e67e22)}.stat-card.approved .stat-icon{background:linear-gradient(135deg,#27ae60,#2ecc71)}.stat-card.rejected .stat-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stat-content h3{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.stat-content p{color:#7f8c8d;font-weight:500;margin:5px 0 0}.controls-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:24px}.search-form{margin-bottom:20px}.search-input-group{align-items:center;max-width:500px;position:relative}.search-input{box-shadow:0 2px 8px #0000000d;outline:none;padding:12px 90px 12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a,0 4px 12px #0000001a}.search-input.has-clear{padding-right:120px}.search-buttons{align-items:center;display:flex;gap:6px;height:32px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.clear-search-btn-manager-property{background:none;border:none;color:#999;cursor:pointer;font-size:16px!important;padding:0!important;position:absolute;right:70px;top:7px;z-index:2}.clear-search-btn-manager-property i:hover{color:#005ef5}.search-btn-manager-property{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 2px 8px #3498db33;color:#fff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.search-btn-manager-property i{align-items:center;color:#e7dfdf!important;left:7px!important}.search-btn-manager-property:hover{background:linear-gradient(135deg,#2980b9,#1f5e8c);box-shadow:0 4px 12px #3498db4d;transform:scale(1.1)}.filter-tabs{display:flex;flex-wrap:wrap;gap:12px}.tab-btn{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tab-btn:hover{background:var(--hover-bg,#f1f5f9);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:var(--text-primary,#1e293b);transform:translateY(-1px)}.tab-btn:hover:before{left:100%}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#0000;box-shadow:0 4px 15px #3b82f666}.loading-container{color:#7f8c8d;padding:80px 20px}.loading-spinner{border:4px solid #ecf0f1;border-top-color:#3498db;margin-bottom:15px}.empty-state{color:#bdc3c7}.empty-state p{font-size:18px}.properties-list-table{margin-bottom:30px}.table-container{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.properties-table{border-collapse:collapse;font-family:Inter,sans-serif;width:100%}.properties-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0)}.properties-table th{color:#1a202c;color:var(--text-primary,#1a202c);font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 16px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.properties-table th:not(:last-child):after{background:#e2e8f0;background:var(--border-color,#e2e8f0);content:"";height:60%;position:absolute;right:0;top:20%;width:1px}.properties-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:0 2px 8px #00000014}.properties-table tbody tr:last-child{border-bottom:none}.properties-table td{color:#4a5568;color:var(--text-secondary,#4a5568);font-size:14px;line-height:1.5;padding:16px;vertical-align:top}.image-cell{text-align:center;width:80px}.property-image-thumb{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:50px;margin:0 auto;overflow:hidden;transition:transform .2s ease;width:50px}.property-image-thumb:hover{transform:scale(1.1)}.property-image-thumb img{height:100%;object-fit:cover;width:100%}.placeholder-image{align-items:center;background:linear-gradient(135deg,#f1f5f9,#cbd5e0);color:#a0aec0;display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.combined-info-cell{max-width:300px}.property-title-section{margin-bottom:12px}.property-title{line-clamp:2;color:#2d3748;color:var(--text-primary,#2d3748);font-weight:600;line-height:1.3;margin:0 0 6px}.property-meta{flex-wrap:wrap}.area-tag,.category-tag{background:#eff6ff;background:var(--primary-50,#eff6ff);border-radius:4px;color:#2563eb;color:var(--primary-600,#2563eb);font-size:13px;font-weight:500;padding:2px 6px}.contact-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light,#e2e8f0);padding-top:8px}.contact-row{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:13px;gap:6px;margin-bottom:4px}.contact-row:last-child{margin-bottom:0}.contact-row i{color:#3b82f6;color:var(--primary-500,#3b82f6);width:12px}.location-price-cell{max-width:200px}.location-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light,#e2e8f0);margin-bottom:12px;padding-bottom:8px}.address-line{align-items:flex-start;color:#2d3748;color:var(--text-primary,#2d3748);display:flex;font-size:13px;gap:6px;margin-bottom:4px}.address-line i{color:#3b82f6;color:var(--primary-500,#3b82f6);flex-shrink:0;margin-top:2px}.district-line{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;padding-left:16px}.price-section-property-management{margin-left:12px;text-align:left}.price-section-property-management .main-price{color:#059669;color:var(--success-600,#059669);font-size:14px;font-weight:600;margin-bottom:2px}.price-section-property-management{color:#ea580c;color:var(--orange-600,#ea580c);font-size:13px;font-weight:500}.status-date-cell{text-align:center}.status-section{margin-bottom:8px}.date-section{margin-bottom:6px}.date-section span{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px}.reason-section{margin:0 auto;max-width:150px}.reason-section .reason-text{background:#fef2f2;background:var(--red-50,#fef2f2);border-radius:3px;color:#dc2626;color:var(--red-600,#dc2626);display:inline-block;font-size:13px;max-width:100%;word-break:break-word}.reason-section i{margin-right:2px}.property-meta{gap:6px;margin-bottom:8px}.property-meta .area{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.property-meta .area,.property-meta .category{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.property-meta .category{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.owner-info{align-items:center;color:#718096;color:var(--text-tertiary,#718096);display:flex;font-size:12px;gap:6px}.owner-info i{color:#667eea}.price-cell{min-width:120px}.price-info{gap:4px}.main-price{color:#10b981;color:var(--success-color,#10b981);font-size:15px;font-weight:600}.per-month{color:#718096;color:var(--text-tertiary,#718096);font-size:12px}.promo-price{color:#f59e0b;font-size:14px;font-weight:700}.address-cell{min-width:180px}.address-info{align-items:flex-start;display:flex;gap:8px}.address-info i{color:#ef4444;flex-shrink:0;margin-top:2px}.address-info div{flex:1 1}.address-info small{color:#718096;color:var(--text-tertiary,#718096);font-size:12px}.contact-cell{min-width:140px}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-name{color:#2d3748;color:var(--text-primary,#2d3748);font-size:14px;font-weight:500}.contact-phone{color:#4a5568;color:var(--text-secondary,#4a5568);font-family:Courier New,monospace;font-size:13px}.status-cell{width:100px}.status-badge-manager-property{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-pending-manager-property{background:#f59e0b1a;border:2px solid orange;color:#d97706}.status-approved-manager-property{background:#10b9811a;border:2px solid #10b9814d;color:#059669}.status-rejected-manager-property{background:#ef44441a;border:2px solid #ef44444d;color:#dc2626}.status-hidden-manager-property{background:#6b72801a;border:2px solid #6b72804d;color:#6b7280}.date-cell{min-width:100px}.date-text{color:#718096;color:var(--text-tertiary,#718096);font-size:13px;white-space:nowrap}.actions-cell{width:120px}.action-buttons{display:flex;gap:6px;justify-content:flex-start}.action-buttons .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-width:36px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-buttons .btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-buttons .btn i{font-size:14px}.action-buttons-compact{align-items:center;flex-direction:column}.btn-action:hover:not(:disabled){box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.btn-action:disabled{cursor:not-allowed;opacity:.5}.btn-action.view{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-action.view:hover:not(:disabled){box-shadow:0 2px 10px #3b82f666}.btn-action.approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-action.approve:hover:not(:disabled){box-shadow:0 2px 10px #10b98166}.btn-action.reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-action.reject:hover:not(:disabled){box-shadow:0 2px 10px #ef444466}.btn-action.hide{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-action.hide:hover:not(:disabled){box-shadow:0 2px 10px #f59e0b66}.btn-action.show{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-action.show:hover:not(:disabled){box-shadow:0 2px 10px #10b98166}.btn-info{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-info:hover:not(:disabled){box-shadow:0 4px 15px #3b82f666}@media (max-width:1400px){.properties-table td:first-child,.properties-table th:first-child{width:60px}.property-image-thumb{height:40px;width:40px}.combined-info-cell{max-width:250px}.location-price-cell{max-width:180px}}@media (max-width:1200px){.properties-table{font-size:12px}.combined-info-cell{max-width:200px}.property-title{font-size:13px}.location-price-cell{max-width:150px}.btn-action{font-size:10px;height:28px;width:28px}.properties-table td:nth-child(7),.properties-table th:nth-child(7){display:none}}@media (max-width:992px){.properties-table td:nth-child(5),.properties-table td:nth-child(6),.properties-table th:nth-child(5),.properties-table th:nth-child(6){display:none}.table-container{overflow-x:auto}.properties-table{min-width:700px}}@media (max-width:768px){.table-container{border-radius:12px;margin:0 -10px}.properties-table td,.properties-table th{padding:12px 10px}.properties-table th{font-size:12px}.properties-table td{font-size:13px}.property-image-thumb{height:48px;width:48px}.action-buttons .btn{min-width:32px;padding:6px}.action-buttons .btn i{font-size:12px}}.table-loading{color:#718096;color:var(--text-tertiary,#718096);padding:60px 20px;text-align:center}.table-loading .loading-spinner{margin:0 auto 20px}.btn{min-height:40px;padding:10px 16px;text-decoration:none}.btn-sm{font-size:13px;min-height:36px;padding:8px 14px}.btn-secondary{background:#95a5a6}.btn-secondary:hover:not(:disabled){background:#7f8c8d;transform:translateY(-1px)}.btn-success{background:#27ae60;color:#fff}.btn-success:hover:not(:disabled){background:#229954;transform:translateY(-1px)}.btn-warning{background:#f39c12}.btn-warning:hover:not(:disabled){background:#d68910;transform:translateY(-1px)}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:40px}.pagination-btn-container{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:10px 15px;transition:all .3s ease}.pagination-btn-container:disabled{cursor:not-allowed;opacity:.5}.pagination-btn-container:hover:not(:disabled){background:#f8f9fa;border-color:#3498db;transform:translateY(-1px)}.page-numbers{gap:8px}.page-number{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-weight:500;height:45px;justify-content:center;transition:all .3s ease;width:45px}.page-number:hover{background:#f8f9fa;border-color:#3498db;transform:translateY(-1px)}.page-number.active{background:#3498db;border-color:#3498db;box-shadow:0 4px 8px #3498db4d;color:#fff}.pagination-info-property-management{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:14px;font-size:15px;font-weight:600;min-width:150px;padding:12px 24px;text-align:center}.property-detail-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);border:1px solid #fff3;border-radius:24px;box-shadow:0 32px 64px #00000040,0 16px 32px #00000026,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-width:1200px;width:100%}.modal-overlay-reject{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.reject-modal{animation:slideUp .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#fff,#fefefe);border:1px solid #e74c3c1a;border-radius:28px;box-shadow:0 40px 80px #e74c3c33,0 20px 40px #0f172a26,0 10px 20px #0f172a1a,0 0 0 1px #fffc,inset 0 1px 2px #ffffffe6;max-width:650px;overflow:hidden;position:relative;width:100%}.reject-modal:before{background:linear-gradient(90deg,#e74c3c,#c0392b,#e74c3c);border-radius:28px 28px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-header-reject{align-items:center;background:linear-gradient(135deg,#fff,#fef7f7);border-bottom:1px solid #e74c3c1a;display:flex;justify-content:space-between;padding:36px 40px 24px;position:relative}.modal-header-reject:after{background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.modal-header-reject h3{align-items:center;color:#c0392b;display:flex;font-size:28px;font-weight:800;gap:12px;letter-spacing:-.5px;margin:0}.modal-header-reject h3:before{content:"⚠️";font-size:24px}.modal-header-reject .close-btn{align-items:center;background:linear-gradient(135deg,#fff,#fef7f7);border:2px solid #e74c3c4d;border-radius:18px;box-shadow:0 6px 20px #e74c3c26;color:#e74c3c;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;overflow:hidden;padding:12px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:48px}.modal-header-reject .close-btn:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c;box-shadow:0 10px 28px #e74c3c66;color:#fff;transform:scale(1.1) rotate(90deg)}.reject-modal .modal-content-reject-property-management{background:linear-gradient(145deg,#fff,#fefefe);padding:32px 40px}.reject-modal .modal-content-reject-property-management p{color:#2c3e50;font-size:16px;line-height:1.6;margin-bottom:16px}.reject-modal .modal-content-reject-property-management p:first-child{background:linear-gradient(135deg,#fef7f7,#fff5f5);border-left:4px solid #e74c3c;border-radius:16px;box-shadow:0 4px 16px #e74c3c14;margin-bottom:24px;padding:20px 24px}.reject-modal .modal-content-reject-property-management p strong{color:#c0392b;font-weight:700}.reject-modal .reject-reason-input{background:linear-gradient(135deg,#fff,#fefefe);border:2px solid #e74c3c33;border-radius:18px;box-shadow:0 4px 16px #e74c3c0d;color:#2c3e50;font-family:inherit;font-size:16px;margin-bottom:32px;min-height:120px;padding:20px 24px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.reject-modal .reject-reason-input:focus{background:#fff;border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c26;outline:none}.reject-modal .reject-reason-input::placeholder{color:#bdc3c7;font-style:italic}.reject-modal .modal-actions{border-top:1px solid #e74c3c1a;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.reject-modal .btn{align-items:center;border:2px solid #0000;border-radius:16px;box-shadow:0 6px 20px #00000014;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:16px 32px;transition:all .3s cubic-bezier(.16,1,.3,1)}.reject-modal .btn-secondary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#dee2e6;color:#6c757d}.reject-modal .btn-secondary:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 8px 24px #6c757d33;color:#495057;transform:translateY(-2px)}.reject-modal .btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c;color:#fff;overflow:hidden;position:relative}.reject-modal .btn-danger:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.reject-modal .btn-danger:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 10px 32px #e74c3c66;transform:translateY(-2px)}.reject-modal .btn-danger:hover:before{left:100%}.reject-modal .btn:disabled{box-shadow:0 2px 8px #0000000d!important;cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.reject-modal{border-radius:24px;margin:20px;max-width:95%}.modal-header-reject{padding:28px 24px 20px}.modal-header-reject h3{font-size:24px}.modal-header-reject .close-btn{font-size:16px;height:44px;width:44px}.reject-modal .modal-content{padding:24px}.reject-modal .modal-content p:first-child{margin-bottom:20px;padding:16px 20px}.reject-modal .reject-reason-input{margin-bottom:24px;min-height:100px;padding:16px 20px}.reject-modal .modal-actions{flex-direction:column;gap:12px;margin-top:24px}.reject-modal .btn{font-size:15px;padding:14px 24px;width:100%}}.modal-header-management{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:none;border-radius:24px 24px 0 0;flex-shrink:0;padding:32px 40px;z-index:9999}.modal-header-management:before{background:linear-gradient(90deg,#0000,#3498db4d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.modal-header-management:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;height:3px;left:50%;transform:translateX(-50%);width:80px}.modal-header-management h2{font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.close-btn-management{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e74c3c33;border-radius:20px;box-shadow:0 8px 24px #e74c3c26;color:#e74c3c;display:flex;height:56px;justify-content:center;overflow:hidden;padding:14px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:56px}.close-btn-management:before{background:linear-gradient(90deg,#0000,#e74c3c1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.close-btn-management i{font-size:20px!important;margin-right:0!important;position:relative;transition:transform .3s ease;z-index:1}.close-btn-management:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c;box-shadow:0 12px 32px #e74c3c4d;color:#fff;transform:scale(1.1) rotate(90deg)}.close-btn-management:hover:before{left:100%}.close-btn-management:hover i{transform:rotate(-90deg)}.close-btn-management:active{transform:scale(1.05) rotate(90deg)}.modal-content-management{background:linear-gradient(180deg,#fff,#f8f9fa);flex:1 1;max-height:calc(90vh - 120px);padding:0}.property-detail-content-management{flex-direction:row;gap:0;min-height:100%}.media-type-badge{align-items:center;background:#000c;border-radius:4px;color:#fff;display:inline-flex;font-size:12px;gap:4px;margin-left:8px;padding:4px 8px}.video-thumbnail{height:100%;position:relative;width:100%}.video-thumbnail-overlay{align-items:center;background:#00000080;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.video-thumbnail-overlay i{color:#fff;font-size:16px;text-shadow:0 1px 3px #00000080}.video-thumb{border-radius:8px;height:100%;object-fit:cover;width:100%}.thumbnail-wrapper{border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.thumbnail-wrapper:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.thumbnail-wrapper.active{border:2px solid #3182ce;box-shadow:0 0 0 2px #3182ce33}.main-media{background:#000;border-radius:8px;display:block}.main-media:focus{outline:2px solid #3182ce;outline-offset:2px}.property-images{background:linear-gradient(135deg,#fff,#f8f9fa);border-right:1px solid #ecf0f14d;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px}.image-slider-container{display:flex;flex-direction:column;gap:16px}.main-image-container{background:#f8f9fa;border:1px solid #fffc;border-radius:20px;box-shadow:0 16px 48px #0000001f;overflow:hidden;position:relative}.main-image{display:block;height:450px;object-fit:cover;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.main-image:hover{transform:scale(1.02)}.slider-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border:2px solid #3498db4d;border-radius:50%;box-shadow:0 8px 24px #3498db33;color:var(--primary-color);cursor:pointer;display:flex;font-size:20px;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:56px;z-index:2}.prev-btn{left:20px}.next-btn{right:20px}.slider-btn:hover{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:var(--primary-color);box-shadow:0 12px 36px #3498db66;color:#fff;transform:translateY(-50%) scale(1.15)}.slider-btn:active{transform:translateY(-50%) scale(1.05)}.image-counter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#000c,#2c3e50e6);border:1px solid #ffffff1a;border-radius:25px;bottom:20px;box-shadow:0 8px 24px #0000004d;font-size:15px;font-weight:600;padding:12px 20px;right:20px}.image-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.thumbnail{border-radius:8px;object-fit:cover}.thumbnail:hover{border-color:var(--primary-color);opacity:.8}.thumbnail.active{border-color:var(--primary-color);box-shadow:0 4px 12px #3498db4d}.no-images{background:linear-gradient(135deg,#f8f9fa,#ecf0f1);border:2px dashed #bdc3c780;border-radius:20px;color:var(--text-secondary);font-size:18px;padding:80px 40px;text-align:center}.no-images:before{content:"📷";display:block;font-size:48px;margin-bottom:16px;opacity:.7}.property-details-content{background:linear-gradient(135deg,#fff,#f8f9fa);flex:1 1;padding:40px;position:relative}.property-details-content:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.property-details-content .detail-header{align-items:flex-start;border-bottom:2px solid #3498db1a;display:flex;gap:24px;justify-content:space-between;padding-bottom:32px;position:relative}.property-details-content .detail-header:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100px}.property-details-content h4{color:#2c3e50;flex:1 1;font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.3;margin:0;max-width:100%}.detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;margin-bottom:40px;margin-top:10px}.detail-grid-management{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}@media (max-width:768px){.detail-grid-management{grid-template-columns:1fr}}.detail-item-management{background:linear-gradient(180deg,#005ef5,#9100ca) 0/8px 100% no-repeat,#fff;background-clip:padding-box;border:1.5px solid #e0e6ed;border-radius:14px;box-shadow:0 3px 12px #0000000f;display:flex;flex-direction:column;overflow:hidden;padding:20px 20px 20px 24px;position:relative;transition:all .3s ease}.detail-item-management:before{background:linear-gradient(180deg,#005ef5,#9100ca);border-radius:14px 0 0 14px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.detail-item-management:hover{border-color:#cfd9f0;box-shadow:0 6px 20px #005ef526;transform:translateY(-3px)}.detail-item-management:hover:before{opacity:1}.detail-item-management strong{color:#0069d1;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.detail-item-management span{color:#555;font-size:15px;font-weight:500;line-height:1.5}.reject-reason{grid-column:1/-1}.reject-reason span{background:linear-gradient(135deg,#e74c3c14,#e74c3c26);border-left:6px solid #e74c3c;border-radius:16px;box-shadow:0 4px 16px #e74c3c1a;color:#c0392b;font-weight:600;padding:24px;position:relative}.reject-reason span:before{content:"⚠️";font-size:18px;margin-right:12px}.description{background:linear-gradient(180deg,#005ef5,#9100ca) 0/8px 100% no-repeat,#fff;background-clip:padding-box;border:2px solid #3498db1a;border-radius:20px;box-shadow:0 8px 24px #00000014;margin-top:40px;overflow:hidden;padding:36px;position:relative}.description:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.description strong{color:#0069d1;font-size:22px;font-weight:800;letter-spacing:-.3px;margin-bottom:24px;padding-bottom:16px;position:relative}.description strong:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.description p{color:var(--text-secondary);font-size:16px;font-weight:400;line-height:1.8;white-space:pre-wrap}.reject-reason-input{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #dcdde1cc;border-radius:16px;box-shadow:0 4px 16px #0000000d;font-family:inherit;font-size:16px;margin-bottom:32px;padding:20px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.reject-reason-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px #3498db26;outline:none}.modal-actions-management{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2,#f8fafff2);border-radius:0 0 24px 24px;border-top:1px solid #e2e8f099;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding:24px 40px}.btn-management{align-items:center;border:2px solid #0000;border-radius:14px;box-shadow:0 4px 16px #00000014;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-management.btn-success{background:linear-gradient(135deg,#27ae60,#2ecc71);border-color:#27ae60;color:#fff}.btn-management.btn-success:hover{background:linear-gradient(135deg,#229954,#27ae60);box-shadow:0 8px 24px #27ae604d;transform:translateY(-2px)}.btn-management.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c;color:#fff}.btn-management.btn-danger:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 8px 24px #e74c3c4d;transform:translateY(-2px)}.btn-management.btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#f39c12;color:#fff}.btn-management.btn-warning:hover{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 8px 24px #f39c124d;transform:translateY(-2px)}@media (max-width:768px){.property-management{padding:15px}.properties-grid,.stats-grid{grid-template-columns:1fr}.filter-tabs{flex-direction:column}.tab-btn{justify-content:center}.search-input-group{max-width:100%}.property-actions{flex-direction:column}.modal-overlay-management{padding:12px}.property-detail-modal{border-radius:20px;max-height:95vh}.modal-header-management{padding:24px 20px}.modal-header-management h2{font-size:26px}.close-btn-management{font-size:16px;height:48px;width:48px}.modal-content-management{padding:0}.description,.property-details-content,.property-images{padding:24px}.detail-grid{gap:16px;grid-template-columns:1fr}.detail-item{padding:20px}.property-images .image-gallery{grid-template-columns:1fr}.modal-actions-management{flex-direction:column;gap:12px}.pagination{flex-direction:column;gap:10px}.page-numbers{flex-wrap:wrap;justify-content:center}.property-detail-content-management{flex-direction:column;gap:0}.property-images{border-bottom:1px solid #ecf0f14d;border-right:none;flex:none}.main-image{height:300px}.property-details-content{flex:none}.property-details-content h4{font-size:24px;font-size:22px;max-width:100%}.detail-item,.property-details-content .detail-header{align-items:flex-start;flex-direction:column}.detail-item{gap:8px}.detail-item strong{min-width:auto}}@media (max-width:480px){.property-management{padding:10px}.page-header-admin h2{font-size:24px}.stat-card{padding:15px}.stat-content h3{font-size:24px}.controls-section{padding:15px}.property-card{border-radius:12px}.modal-content-management,.modal-header-management,.property-content{padding:20px}.property-images .image-gallery{grid-template-columns:1fr}}.plan-tag{background:#1a73e8;border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 4px #667eea4d;font-size:11px;letter-spacing:.5px;margin-right:6px;padding:4px 10px}.plan-post-type-tag,.plan-tag{color:#fff;display:inline-block;font-weight:600;text-transform:uppercase}.plan-post-type-tag{border-radius:8px;box-shadow:0 2px 4px #00000026;font-size:10px;letter-spacing:.3px;margin-left:4px;padding:4px 8px}.plan-post-type-tag.post-type-vip-dac-biet{background:#8b0000;color:#fff}.plan-post-type-tag.post-type-vip-noi-bat{background:#dc3545}.plan-post-type-tag.post-type-vip-1{background:#e83e8c}.plan-post-type-tag.post-type-vip-2{background:#fd7e14}.plan-post-type-tag.post-type-vip-3{background:#27ae60}.plan-post-type-tag.post-type-thuong{background:#6c757d}.property-plan-details{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}@media (max-width:768px){.hero{align-items:flex-start;height:auto;max-height:none;padding:16px 0 8px}.hero .container{padding:0 12px 12px}.hero-search-form{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0f172aa6;border-radius:14px;box-shadow:0 14px 35px #0f172a80;padding:10px 10px 14px}.search-grid{background:#0f172ab3;border-radius:14px;gap:10px;grid-template-columns:1fr;margin-bottom:12px;padding:10px 10px 12px}.search-box-hero label{font-size:12px}.amenities-modal-btn-hero,.search-box-hero input,.search-box-hero select{border-radius:8px;font-size:12px;padding:9px 11px}.search-buttons-row{display:flex;flex-direction:column;gap:8px;margin-top:4px}.btn-reset-hero,.btn-search{border-radius:999px;font-size:14px;height:42px;justify-content:center;width:100%}.btn-search{background:linear-gradient(135deg,#00b095,#1cb9a1)}.btn-search:hover{box-shadow:0 8px 20px #00b09573;transform:translateY(-1px)}.btn-reset-hero{background:#ef4444}.btn-reset-hero:hover{background:#b91c1c;box-shadow:0 6px 16px #ef444473}}@media (max-width:480px){.hero-search-form{border-radius:12px;padding:10px}.search-grid{border-radius:12px;gap:8px;padding:8px 8px 10px}.amenities-modal-btn-hero,.search-box-hero input,.search-box-hero select{font-size:11.5px;padding:8px 10px}.btn-reset-hero,.btn-search{font-size:13px;height:40px}}@media (max-width:768px){.properties-wrapper .quick-search-listing{background:#fff;border:1px solid #94a3b866;border-radius:12px;box-shadow:0 10px 25px #0f172a1f,0 0 0 1px #94a3b81a;margin-bottom:12px;margin-top:10px;max-width:100%;padding:12px 14px;position:relative;top:0;width:100%;z-index:5}.search-header{justify-content:space-between;margin-bottom:8px}.search-header,.search-title{align-items:center;display:flex}.search-title{color:#0f172a;font-size:14px;font-weight:600;gap:6px;margin:0}.search-title-icon{color:#00b095;font-size:16px}.search-input-group-listing{position:relative;width:100%}.icon-search-input-group-listing{align-items:center;display:flex;gap:8px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.icon-search-input-group-listing .fa-search{font-size:14px;opacity:.8}.camera-search-btn{align-items:center;background:#0f172a0a;border:none;border-radius:999px;cursor:pointer;display:inline-flex;height:30px;justify-content:center;outline:none;pointer-events:auto;transition:all .2s ease;width:30px}.camera-search-btn i{font-size:13px;opacity:.85}.camera-search-btn:hover{background:#0f172a14;transform:translateY(-1px)}.search-input-group-listing .typing-placeholder{background:#f8fafc;border:1px solid #94a3b8b3;border-radius:999px;box-shadow:0 4px 12px #0f172a14;font-size:13px;outline:none;padding:10px 88px 10px 42px;transition:all .2s ease;width:100%}.search-input-group-listing .typing-placeholder:focus{background:#fff;border-color:#00b095;box-shadow:0 0 0 2px #00b09533,0 6px 18px #0f172a24}.clear-search-properties-listing{align-items:center;background:#f8fafcf2;border:none;border-radius:999px;box-shadow:0 2px 8px #0f172a29;color:#64748b;cursor:pointer;display:inline-flex;font-size:11px;gap:4px;padding:5px 9px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search-properties-listing i{font-size:11px;margin-left:0}.clear-search-properties-listing:hover{background:#f8717114;box-shadow:0 3px 10px #f8717159;color:#dc2626;transform:translateY(-50%) scale(1.05)}}.rooms-container{background:#f8fafc;display:flex;font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.rooms-content{flex:1 1;overflow-y:auto;padding:24px}.rooms-container *{font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif}.rooms-container [class*=fab],.rooms-container [class*=fal],.rooms-container [class*=far],.rooms-container [class*=fas],.rooms-container i[class*=fa-]{font-family:Font Awesome\ 6 Free,FontAwesome!important;font-weight:900!important}.rooms-header{flex-wrap:wrap;margin-bottom:32px}.header-actions{gap:16px}.view-toggle{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;overflow:hidden}.view-toggle-btn{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-width:44px;padding:10px 16px;transition:all .3s ease}.view-toggle-btn:hover{background:#f8fafc;color:#374151}.view-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.rooms-title{color:#0000;letter-spacing:.5px}.import-excel-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.import-excel-btn:hover{box-shadow:0 8px 25px #3b82f699;transform:translateY(-2px)}.import-excel-btn i{font-size:18px}.export-excel-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b98166;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.export-excel-btn:hover{box-shadow:0 8px 25px #10b98199;transform:translateY(-2px)}.export-excel-btn i{font-size:18px}.add-room-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.add-room-btn:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.rooms-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px;padding:24px}.search-box{align-items:center;display:flex}.search-icon{font-size:16px;transition:all .3s ease}.search-input{background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 2px 10px #0000000d;font-family:inherit}.search-input:focus{background:#fff;box-shadow:0 0 0 4px #667eea1a,0 4px 20px #667eea26}.search-input:focus+.search-icon{color:#5a67d8;transform:scale(1.1)}.clear-search-btn{align-items:center;background:linear-gradient(135deg,#f87171,#ef4444);border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;display:flex;font-size:12px;height:28px;justify-content:center;right:14px;transition:all .3s ease;width:28px}.clear-search-btn:hover{box-shadow:0 4px 15px #ef444466;transform:scale(1.1)}.rooms-actions{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0;padding:16px 0}.action-btn{border:2px solid #0000;font-family:inherit;gap:10px;overflow:hidden;padding:12px 24px;position:relative}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-btn:hover:before{left:100%}.action-btn.primary{box-shadow:0 4px 15px #667eea4d}.action-btn.primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.action-btn:nth-child(2){background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.action-btn:nth-child(2):hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-3px)}.action-btn:nth-child(3){background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d;color:#fff}.action-btn:nth-child(3):hover{box-shadow:0 8px 25px #f59e0b66;transform:translateY(-3px)}.action-btn:nth-child(4){background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 15px #06b6d44d;color:#fff}.action-btn:nth-child(4):hover{box-shadow:0 8px 25px #06b6d466;transform:translateY(-3px)}.action-btn:not(.primary):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)){background:#f8fafc;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000001a;color:#64748b}.action-btn:not(.primary):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.filters-grid{grid-gap:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;gap:20px;grid-template-columns:2fr 1fr auto;padding:20px}.filter-group.search-group{flex:1 1}.filter-label{align-items:center;color:#374151;display:flex;gap:6px}.filter-label i{color:#667eea;font-size:12px}.filter-input,.filter-select{border:2px solid #e5e7eb;font-family:inherit;padding:12px 16px;transition:all .2s}.search-input{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 12px;background-size:16px 16px;padding-left:40px}.filter-actions{align-items:flex-end;display:flex;gap:12px}.btn-filter{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-filter:hover{background:#5a67d8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-filter.secondary{background:#f8fafc;border:2px solid #e2e8f0;color:#64748b}.btn-filter.secondary:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.reset-btn,.search-btn{transition:all .2s}.reset-btn{background:#f7fafc;color:#4a5568}.reset-btn:hover{background:#edf2f7}.status-tabs{border-radius:30px;padding:4px}.status-tab{border:2px solid #0000}.status-tab:first-child{color:#475569}.status-tab:first-child.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.status-tab:nth-child(2){color:#059669}.status-tab:nth-child(2).active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.status-tab:nth-child(3){color:#dc2626}.status-tab:nth-child(3).active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466;color:#fff}.status-tab:nth-child(4){color:#d97706}.status-tab:nth-child(4).active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b66;color:#fff}.status-tab:nth-child(5){color:#7c2d12}.status-tab:nth-child(5).active{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 15px #ea580c66;color:#fff}.status-tab:hover:not(.active){background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tab-count{border-radius:14px;font-weight:700;min-width:24px;padding:4px 10px}.status-tab:not(.active) .tab-count{background:#e2e8f0;color:#64748b}.status-tab.active .tab-count{background:#ffffff40}.rooms-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.rooms-list{display:flex;flex-direction:column;gap:16px}.room-list-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;display:flex;min-height:160px;overflow:visible;transition:all .3s ease}.room-list-item:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.room-list-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:160px;justify-content:center;min-width:200px;position:relative;width:200px}.room-list-image.has-images{background:#000;overflow:hidden;padding:0}.room-list-content{flex:1 1;flex-direction:column;padding:20px 24px}.room-list-content,.room-list-header{display:flex;justify-content:space-between}.room-list-header{align-items:flex-start;margin-bottom:16px}.room-list-title{align-items:center;display:flex;flex:1 1;gap:12px}.room-capacity-badge,.room-type-badge{background:#f3f4f6;border-radius:20px;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.room-list-price{align-items:baseline;color:#667eea;display:flex;font-weight:700;gap:4px}.price-main{font-size:20px}.price-period{color:#6b7280}.room-list-details{margin-bottom:12px}.detail-row{flex-wrap:wrap;gap:24px}.detail-group{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px}.detail-group i{color:#9ca3af;width:16px}.room-list-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.5;margin:12px 0;overflow:hidden}.room-list-amenities{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}.amenity-tag{background:#f1f5f9;border-radius:12px;color:#475569;font-size:12px;font-weight:500;padding:4px 10px}.amenity-tag.more{background:#e2e8f0;color:#64748b;font-weight:600}.room-list-actions{background:#f8fafc;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:80px;padding:16px 20px}.room-list-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:36px;padding:8px;transition:all .2s ease}@media (max-width:768px){.rooms-header{align-items:stretch;flex-direction:column;gap:16px}.header-search{margin-left:0;max-width:none}.search-input{font-size:16px;padding:16px 50px}.status-tabs{gap:8px;padding:8px}.status-tab{font-size:13px;padding:10px 16px}.tab-count{font-size:11px;padding:3px 8px}.rooms-actions{gap:12px;justify-content:stretch}.action-btn{flex:1 1;font-size:13px;justify-content:center;min-width:120px;padding:14px 16px}.filters-grid{gap:16px;grid-template-columns:1fr;padding:16px}.filter-actions{flex-direction:column;gap:12px;width:100%}.btn-filter{justify-content:center;width:100%}.room-list-item{flex-direction:column;min-height:auto}.room-list-image{height:180px;width:100%}.room-list-actions{border-left:none;border-top:1px solid #e2e8f0;flex-direction:row;min-width:auto;padding:12px 16px}.detail-row{gap:16px}.room-list-header{align-items:flex-start;flex-direction:column;gap:8px}}.room-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;overflow:visible;position:relative;transition:all .3s ease}.room-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.room-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:18px;height:200px;justify-content:center;object-fit:cover;position:relative;width:100%}.room-image.has-images{background:#000;overflow:hidden;padding:0}.room-image .room-image-wrapper{height:100%;position:relative;width:100%}.room-image .room-slide{align-items:center;background:#111;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .4s ease}.room-image .room-slide.active{opacity:1}.room-image .room-slide img{height:100%;object-fit:cover;width:100%}.room-image .nav-btn{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff2e;border:1px solid #ffffff73;border-radius:12px;box-shadow:0 4px 12px #00000040;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .25s ease,transform .2s ease,background .25s ease;width:40px}.room-image:hover .nav-btn{opacity:1}.room-image .nav-btn:hover{background:#ffffff52}.room-image .nav-btn:active{transform:translateY(-50%) scale(.9)}.room-image .nav-btn.prev{left:10px}.room-image .nav-btn.next{right:10px}.room-image .image-indicators{bottom:8px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.room-image .image-indicators span{background:#fff6;border-radius:50%;cursor:pointer;height:8px;transition:background .2s,transform .2s;width:8px}.room-image .image-indicators span.active{background:#fff;transform:scale(1.2)}.image-thumb-wrapper{position:relative}.image-thumb-wrapper img{display:block}.image-delete-btn{align-items:center;background:#0000008c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;height:18px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:opacity .18s ease,background .2s ease,transform .15s ease;width:18px}.image-thumb-wrapper:hover .image-delete-btn{opacity:1}.image-delete-btn:hover{background:#dc2626e6;transform:scale(1.05)}.image-delete-btn:active{transform:scale(.92)}.room-view-gallery{background:#0f172a;border:1px solid #1e293b;border-radius:16px;box-shadow:0 6px 18px -2px #00000059;height:340px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.room-view-gallery .slide-wrapper{height:100%;position:relative;width:100%}.room-view-gallery .view-slide{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .5s ease}.room-view-gallery .view-slide.active{opacity:1}.room-view-gallery img{height:100%;object-fit:cover;width:100%}.room-view-gallery .nav-btn{height:44px;width:44px}.room-view-gallery .image-indicators{bottom:14px}.room-view-gallery .image-indicators span{height:10px;width:10px}.room-view-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:14px;gap:8px;height:100%;justify-content:center;width:100%}.room-view-details-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:12px}.room-view-detail-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.room-view-detail-value{color:#1e293b;font-size:14px;font-weight:600}.dark .room-view-detail-value{color:#f1f5f9}.room-info{padding:20px}.room-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.room-name{color:#1a202c;font-size:20px;font-weight:700}.room-price{color:#667eea;font-size:18px;font-weight:700;margin:0}.room-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:16px 0}.room-detail{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.room-detail i{color:#667eea;width:16px}.room-description{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.5;margin:12px 0;overflow:hidden}.room-actions{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.action-btn{flex:1 1;font-size:13px;transition:all .2s}.btn-view{background:#f0f9ff;color:#0369a1}.btn-view:hover{background:#e0f2fe}.btn-edit{background:#f0fdf4;color:#166534}.btn-edit:hover{background:#dcfce7}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#fee2e2}.empty-container,.loading-container{color:#6b7280;padding:60px}.loading-spinner{border:3px solid #f3f4f6}.empty-icon{font-size:48px}.empty-description{opacity:.7}.room-modal-backdrop{-ms-overflow-style:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);inset:0;padding:40px;scrollbar-width:none;z-index:1000}.room-modal-backdrop::-webkit-scrollbar{display:none}.room-modal{-ms-overflow-style:none;background:#fff;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;margin:0 auto;max-height:90vh;max-width:850px;scrollbar-width:none;width:100%}.room-modal::-webkit-scrollbar{display:none}.room-modal-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:32px 32px 16px}.room-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px;font-weight:700;margin:0}.room-modal-close{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.room-modal-close:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626;transform:scale(1.05)}.room-modal-close:disabled{cursor:not-allowed;opacity:.6}.room-modal-close:disabled,.room-modal-close:disabled:hover{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;transform:none}.room-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.room-form-group{display:flex;flex-direction:column}.room-form-label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.room-form-input,.room-form-select,.room-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;padding:14px 16px;transition:all .2s ease}.room-form-textarea{font-family:Inter,sans-serif;min-height:120px;resize:vertical}.room-form-input:focus,.room-form-select:focus,.room-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-1px)}.amenities-input-wrapper{display:flex;gap:10px}.amenities-list[style*=gap],.room-modal .amenities-list[style],.room-modal-content .amenities-list[style],div[style*=gap] .amenities-list[style]{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important;justify-content:flex-start!important;margin-top:12px!important;width:100%!important}.amenities-list label[style*=background],.amenities-list label[style*=display],.amenities-list label[style*=flex],.room-modal .amenities-list label[style],.room-modal-content .amenities-list label[style],div[style] .amenities-list label[style]{align-items:center!important;background:#f1f5f9!important;border:2px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 2px 8px #00000014!important;color:#374151!important;cursor:pointer!important;display:inline-flex!important;flex-direction:row!important;flex-shrink:0!important;font-size:13px!important;font-weight:600!important;gap:8px!important;margin:0!important;min-height:36px!important;padding:8px 14px!important;transition:all .3s ease!important;white-space:nowrap!important;width:auto!important}.amenities-list label[style]:hover,.room-modal .amenities-list label:hover,.room-modal-content .amenities-list label:hover{background:#e0e7ff!important;border-color:#667eea!important;box-shadow:0 4px 15px #667eea40!important;color:#667eea!important;transform:translateY(-1px)!important}.amenities-list label[style] input[type=checkbox],.room-modal .amenities-list label input[type=checkbox],.room-modal-content .amenities-list label input[type=checkbox]{accent-color:#667eea!important;cursor:pointer!important;flex-shrink:0!important;height:16px!important;margin:0!important;width:16px!important}.amenities-list label input[type=checkbox]:checked{accent-color:#667eea!important}.amenities-list label[style] i,.room-modal .amenities-list label i,.room-modal-content .amenities-list label i{color:#64748b!important;flex-shrink:0!important;font-size:14px!important;text-align:center!important;transition:color .3s ease!important;width:16px!important}.amenities-list label[style] input[type=checkbox]:checked~i,.amenities-list label[style]:hover i,.room-modal .amenities-list label input[type=checkbox]:checked~i,.room-modal .amenities-list label:hover i{color:#667eea!important}.amenities-list label[style] span,.room-modal .amenities-list label span,.room-modal-content .amenities-list label span{color:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important}.room-modal .amenities-list label[style*=background]:has(input[type=checkbox]:checked),.room-modal-content div.room-form-group.full div.amenities-list[style] label[style]:has(input[type=checkbox]:checked),body .room-modal-backdrop .room-modal .room-modal-content .amenities-list label:has(input[type=checkbox]:checked){background:#667eea!important;border-color:#667eea!important;box-shadow:0 4px 15px #667eea66!important;color:#fff!important}.room-modal .amenities-list label[style*=background]:has(input[type=checkbox]:checked) i,.room-modal-content div.room-form-group.full div.amenities-list[style] label[style]:has(input[type=checkbox]:checked) i,body .room-modal-backdrop .room-modal .room-modal-content .amenities-list label:has(input[type=checkbox]:checked) i{color:#fff!important}.room-modal .amenities-list label[style*=background]:has(input[type=checkbox]:checked) span,.room-modal-content div.room-form-group.full div.amenities-list[style] label[style]:has(input[type=checkbox]:checked) span,body .room-modal-backdrop .room-modal .room-modal-content .amenities-list label:has(input[type=checkbox]:checked) span{color:#fff!important}.room-modal-content div.room-form-group.full div.amenities-list[style] label[style] input[type=checkbox]:checked~i,.room-modal-content div.room-form-group.full div.amenities-list[style] label[style] input[type=checkbox]:checked~span,body .room-modal-backdrop .room-modal .room-modal-content .amenities-list label input[type=checkbox]:checked~i,body .room-modal-backdrop .room-modal .room-modal-content .amenities-list label input[type=checkbox]:checked~span{color:#fff!important}body .room-modal-backdrop .room-modal .room-modal-content .amenities-list label input[type=checkbox]:checked{accent-color:#667eea!important}body .room-modal-backdrop .room-modal .room-modal-content .amenities-list label input[type=checkbox]:checked+i+span{color:#fff!important}.room-modal-content div.room-form-group.full div.amenities-list[style]{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important;justify-content:flex-start!important}.room-modal-content div.room-form-group.full div.amenities-list[style] label[style]{align-items:center!important;background:#f1f5f9!important;border:2px solid #e2e8f0!important;border-radius:20px!important;display:inline-flex!important;flex-direction:row!important;flex-shrink:0!important;gap:8px!important;margin:0!important;max-width:none!important;min-width:auto!important;padding:8px 14px!important;white-space:nowrap!important;width:auto!important}.amenity-chip{align-items:center;background:#f3f4f6;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 10px}.amenity-chip button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;line-height:1}.amenity-chip button:hover{color:#dc2626}body .room-modal-backdrop .room-modal .room-modal-content .room-form-group.full .amenities-list{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important}body .room-modal-backdrop .room-modal .room-modal-content .room-form-group.full .amenities-list label{align-items:center!important;background:#f1f5f9!important;border:2px solid #e2e8f0!important;border-radius:20px!important;color:#374151!important;cursor:pointer!important;display:inline-flex!important;flex-direction:row!important;gap:8px!important;margin:0!important;padding:8px 14px!important;transition:all .3s ease!important;white-space:nowrap!important}body .room-modal-backdrop .room-modal .room-modal-content .room-form-group.full .amenities-list label:has(input[type=checkbox]:checked){background:#667eea!important;border-color:#667eea!important;box-shadow:0 2px 8px #667eea4d!important;color:#fff!important}body .room-modal-backdrop .room-modal .room-modal-content .room-form-group.full .amenities-list label:has(input[type=checkbox]:checked) i{color:#fff!important}body .room-modal-backdrop .room-modal .room-modal-content .room-form-group.full .amenities-list label:has(input[type=checkbox]:checked) span{color:#fff!important}body .room-modal-backdrop .room-modal .room-modal-content .room-form-group.full .amenities-list label input[type=checkbox]{outline:none!important}body .room-modal-backdrop .room-modal .room-modal-content .room-form-group.full .amenities-list label input[type=checkbox]:focus{box-shadow:none!important;outline:none!important}body .room-modal-backdrop .room-modal .room-modal-content .room-form-group.full .amenities-list label input[type=checkbox]:checked~*{color:#fff!important}.amenities-list label:has(input[type=checkbox]:checked){background-color:#667eea!important;border-color:#667eea!important;color:#fff!important}.amenities-list label:has(input[type=checkbox]:checked) i,.amenities-list label:has(input[type=checkbox]:checked) span{color:#fff!important}@media (max-width:768px){.room-modal .amenities-list,.room-modal-content .amenities-list{gap:8px!important}.amenities-list label[style],.room-modal .amenities-list label{font-size:12px!important;min-height:32px!important;padding:6px 12px!important}.amenities-list label[style] i,.room-modal .amenities-list label i{font-size:12px!important;width:14px!important}.amenities-list label[style] span,.room-modal .amenities-list label span{font-size:12px!important}.amenities-list label[style] input[type=checkbox],.room-modal .amenities-list label input[type=checkbox]{height:14px!important;width:14px!important}}@media (max-width:480px){.room-modal .amenities-list,.room-modal-content .amenities-list{gap:6px!important}.amenities-list label[style],.room-modal .amenities-list label{border-radius:18px!important;font-size:11px!important;min-height:28px!important;padding:4px 10px!important}.amenities-list label[style] i,.room-modal .amenities-list label i{font-size:11px!important;width:12px!important}.amenities-list label[style] span,.room-modal .amenities-list label span{font-size:11px!important}.amenities-list label[style] input[type=checkbox],.room-modal .amenities-list label input[type=checkbox]{height:12px!important;width:12px!important}}.room-modal-footer{border-top:2px solid #f1f5f9;flex-shrink:0;gap:16px;padding:24px 32px 32px}.room-modal-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:32px;scrollbar-width:none}.room-modal-content::-webkit-scrollbar{display:none}.btn-secondary{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-family:Inter,sans-serif;padding:14px 24px;transition:all .2s ease}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-secondary:disabled{color:#94a3b8;cursor:not-allowed;opacity:.6}.btn-secondary:disabled,.btn-secondary:disabled:hover{background:#f1f5f9;border-color:#e2e8f0;transform:none}.btn-primary{border-radius:12px;box-shadow:0 8px 20px #667eea66;font-family:Inter,sans-serif;padding:14px 28px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 12px 28px #667eea80}.inline-badge{background:#eef2ff;border-radius:20px;color:#4338ca;font-weight:600;letter-spacing:.5px;padding:4px 10px}.form-helper-text,.inline-badge{font-size:11px}@media (max-width:768px){.rooms-content{padding:16px}.rooms-header{align-items:stretch;flex-direction:column}.pagination-info{font-size:13px}.pagination-controls{gap:4px}.pagination-btn{font-size:12px;height:36px;width:36px}.pagination-number{font-size:12px;height:32px;width:32px}.pagination-numbers{gap:2px}.filters-grid,.rooms-grid{grid-template-columns:1fr}.status-tabs{justify-content:flex-start}}.room-form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:24px 0;padding:20px}.room-form-section-title{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.room-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.room-form-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:4px}.room-form-checkbox-label input[type=checkbox]{accent-color:#9333ea;cursor:pointer;height:18px;width:18px}.form-helper-text{display:block}@media (max-width:768px){.room-form-section{margin:16px 0;padding:16px}.room-form-row{gap:12px;grid-template-columns:1fr}.room-form-section-title{font-size:15px}}.modal{align-items:center;animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10005!important}.modal-content{max-height:60vh;max-width:380px;overflow-y:auto;width:80%;z-index:10006}.modal-header{margin-bottom:0;padding:16px 16px 10px}.modal-header h3{color:#111827;font-size:20px}.modal-close-btn{border-radius:6px;font-size:24px;height:32px;padding:4px;width:32px}.modal-body{padding:16px}.modal-body p{color:#6b7280;font-size:14px;margin:0 0 16px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.contract-options{display:flex;gap:10px;margin-top:12px}.btn-contract-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:10px;padding:12px;text-align:left;transition:all .3s ease}.btn-contract-option:hover{background:#f0fdf4;border-color:#10b981;box-shadow:0 8px 25px #10b98126;transform:translateY(-2px)}.contract-option-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.rental-option .contract-option-icon{background:#dbeafe;color:#2563eb}.deposit-option .contract-option-icon{background:#fef3c7;color:#d97706}.contract-option-text h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 1px}.contract-option-text p{color:#6b7280;font-size:14px;margin:0}.btn-contract{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-contract:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-contract i{font-size:10px}@media (max-width:1024px){.modal-content{max-width:350px;width:85%}}@media (max-width:768px){.modal{align-items:center;padding:16px}.modal-content{border-radius:12px;max-height:70vh;max-width:300px;width:90%}.modal-header{padding:14px 14px 8px}.modal-header h3{font-size:16px}.modal-body{padding:14px}.contract-options{flex-direction:column;gap:10px}.btn-contract-option{flex-direction:row;gap:10px;padding:12px;text-align:left}.contract-option-icon{flex-shrink:0;font-size:14px;height:32px;width:32px}.contract-option-text h4{font-size:13px}.contract-option-text p{font-size:11px;margin:2px 0 0}}@media (max-width:480px){.modal-content{margin:0;max-width:280px;width:95%}.modal-body,.modal-header{padding:12px}.btn-contract-option{gap:8px;padding:10px}.contract-option-icon{font-size:12px;height:28px;width:28px}.contract-option-text h4{font-size:12px}.contract-option-text p{font-size:10px}}.deposit-contract-modal .room-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:16px}.deposit-contract-modal .room-form-group{display:flex;flex-direction:column;margin-bottom:0}.deposit-contract-modal .room-form-group.full{grid-column:1/-1}.deposit-contract-modal .room-form-label{color:#374151;font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:6px;text-transform:none}.deposit-contract-modal .room-form-input,.deposit-contract-modal .room-form-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.deposit-contract-modal .room-form-input:focus,.deposit-contract-modal .room-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.deposit-contract-modal .room-form-input.error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.deposit-contract-modal .error-text{color:#ef4444;font-size:11px;margin-top:4px}.deposit-contract-modal .form-helper-text{color:#6b7280;font-size:11px;font-style:italic;margin-top:4px}.deposit-contract-modal .room-form-textarea{min-height:60px;resize:vertical}.deposit-contract-modal{max-width:600px!important}.deposit-contract-modal .room-modal-content{padding:0}.deposit-contract-modal .room-modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.deposit-contract-modal .room-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.deposit-contract-modal .room-form-grid>div:first-child>div{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;margin-bottom:12px!important;padding:14px!important}.deposit-contract-modal .room-form-grid>div:first-child h4{color:#374151!important;font-size:14px!important;font-weight:600!important;margin:0 0 8px!important}@media (max-width:768px){.deposit-contract-modal{max-width:95vw!important;width:95vw!important}.deposit-contract-modal .room-form-grid{gap:12px;grid-template-columns:1fr;padding:12px}.deposit-contract-modal .room-form-input,.deposit-contract-modal .room-form-textarea{font-size:13px;padding:8px 10px}}.rooms-table-container{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden;position:relative}.rooms-table{border-collapse:collapse;position:relative;table-layout:fixed;width:100%}.rooms-table th{background:var(--bg-tertiary);font-size:14px;font-weight:600;text-align:left}.rooms-table td,.rooms-table th{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:16px;transition:var(--transition)}.rooms-table td{vertical-align:middle}.rooms-table td:first-child,.rooms-table th:first-child{text-align:left;width:15%}.rooms-table td:nth-child(2),.rooms-table th:nth-child(2){text-align:center;width:12%}.rooms-table td:nth-child(3),.rooms-table th:nth-child(3){text-align:left;width:18%}.rooms-table td:nth-child(4),.rooms-table th:nth-child(4){text-align:center;width:25%}.rooms-table td:nth-child(5),.rooms-table td:nth-child(6),.rooms-table th:nth-child(5),.rooms-table th:nth-child(6){text-align:center;width:15%}.rooms-table tr:hover{background:var(--bg-secondary);position:relative}.rooms-table tbody tr:last-child td{border-bottom:none}.room-info{align-items:center;gap:12px;width:100%}.room-info-simple{display:flex;flex-direction:column;width:100%}.room-info-simple .room-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;margin:0 0 4px;transition:all .3s ease;transition:var(--transition,all .3s ease)}.room-info-simple .room-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-table-image{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:#667eea;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:var(--transition);width:40px}.room-table-image.has-images{background:#0000}.room-table-info{min-width:0}.room-table-info .room-name{font-size:14px}.room-table-info .room-code,.room-table-info .room-name{transition:all .3s ease;transition:var(--transition,all .3s ease)}.room-table-info .room-code{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:2px 6px}.room-table-image .room-image-wrapper{height:100%;position:relative;width:100%}.room-table-image .room-slide{height:100%;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.room-table-image .room-slide.active{opacity:1}.room-table-image .room-slide img{height:100%;object-fit:cover;width:100%}.room-table-image .nav-btn{align-items:center;background:#00000080;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:18px}.room-table-image .nav-btn:hover{background:#000000b3}.room-table-image .nav-btn.prev{left:2px}.room-table-image .nav-btn.next{right:2px}.room-table-info{flex:1 1}.room-table-info .room-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600;margin:0 0 4px}.room-table-info .room-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--text-secondary,#6b7280);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.room-status{align-items:center;display:flex;justify-content:center;width:100%}.status-available{background:#d1fae5;color:#065f46}.status-rented{background:#fecaca;color:#991b1b}.status-reserved{background:#dbeafe;color:#1e40af}.status-expiring{background:#fef3c7;color:#92400e}.room-price{align-items:baseline;display:flex;flex-direction:row;gap:4px;width:100%}.room-price .price-main{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.2}.room-price .price-unit{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:12px;font-weight:500;padding:2px 6px}.room-details{align-items:center;display:flex;flex-wrap:nowrap;gap:16px;justify-content:center;margin:0;padding:0;text-align:center;width:100%}.room-details .detail-item{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:12px;gap:6px;white-space:nowrap}.room-details .detail-item i{color:#667eea;flex-shrink:0;font-size:12px;text-align:center;width:16px}.room-details .detail-item span{color:var(--text-primary);font-size:13px;font-weight:500}.room-amenities{align-items:center;display:flex;justify-content:center;width:100%}.amenities-count{align-items:center;background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:12px;color:var(--text-primary);display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.amenities-count i{color:#667eea;font-size:10px}.amenity-tag,.amenity-tag.more{display:none}.amenity-tag.more{background:#667eea;border-color:#667eea;color:#fff;font-weight:500}.room-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{gap:4px}.btn-edit{background:#dbeafe;color:#1e40af}.btn-edit:hover{background:#bfdbfe}.btn-delete{background:#fecaca;color:#991b1b}.btn-delete:hover{background:#fca5a5}.action-menu-trigger{color:#6b7280}.action-menu-trigger:hover{color:#1f2937}.action-menu-dropdown{max-height:calc(100vh - 20px);overflow-x:hidden;overflow-y:auto}.action-menu-dropdown::-webkit-scrollbar{width:6px}.action-menu-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.action-menu-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.action-menu-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.action-menu-dropdown.position-up{bottom:100%;margin-bottom:4px;margin-top:0;top:auto}.action-menu-item{color:#1f2937}.action-menu-item.warning{color:#d97706}.action-menu-item.warning:hover{background:#fef3c7;color:#b45309}@media (max-width:1400px){.rooms-table{min-width:1200px}.rooms-table td,.rooms-table th{padding:14px 8px}.action-menu-trigger{font-size:12px;min-width:28px;padding:5px 8px}}@media (max-width:1200px){.rooms-table-container{overflow-x:auto}.rooms-table{min-width:1000px}.room-amenities{max-width:120px}.room-table-info .room-description{-webkit-line-clamp:1;line-clamp:1}.rooms-table td,.rooms-table th{font-size:12px;padding:14px 6px}.rooms-table td:first-child,.rooms-table th:first-child{width:28%}.rooms-table td:nth-child(2),.rooms-table th:nth-child(2){width:16%}.rooms-table td:nth-child(3),.rooms-table th:nth-child(3){width:14%}.rooms-table td:nth-child(4),.rooms-table th:nth-child(4){text-align:center;width:22%}.rooms-table td:nth-child(5),.rooms-table th:nth-child(5){width:15%}.rooms-table td:nth-child(6),.rooms-table th:nth-child(6){width:5%}}@media (max-width:768px){.rooms-table-container{overflow-x:auto}.rooms-table{min-width:1000px;table-layout:fixed}.rooms-table td,.rooms-table th{font-size:11px;padding:12px 6px}.rooms-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-table-image{height:40px;width:40px}.room-amenities{max-width:120px}.action-menu-trigger{font-size:12px;height:32px;min-width:32px;padding:6px 8px}.action-menu-dropdown{min-width:140px;right:0;transform:none}.action-menu-item{font-size:13px;padding:8px 10px}.room-price .price-main,.room-table-info .room-name{font-size:14px}.room-details .detail-item{font-size:11px;gap:4px}.room-details{gap:12px}}.error-text{font-weight:500}.form-helper-text{color:#6b7280;font-size:12px;font-style:italic;margin-top:4px}.form-section{background:#0000;border:none;border-radius:0;margin-bottom:24px;padding:0}.form-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;border-bottom:3px solid #667eea;color:#1e293b;font-size:20px;font-weight:700;margin:0 0 20px;padding:16px 0 12px;position:relative}.form-section h3:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-label .required{color:#dc2626;margin-left:2px}.form-input{border-radius:12px;box-shadow:0 2px 4px #00000005;box-sizing:border-box;font-family:inherit;font-size:15px;padding:16px 20px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26;transform:translateY(-2px)}.form-input.error{border-color:#dc2626;box-shadow:0 0 0 4px #dc262626}.form-input::placeholder{color:#9ca3af;font-size:12px;font-style:italic}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-row.three-cols{grid-template-columns:1fr 1fr 1fr}.error-message{font-size:12px;margin-top:6px}.error-message:before{content:"⚠";font-size:12px}.btn-cancel{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-family:inherit;padding:16px 32px}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-cancel:disabled{color:#94a3b8;opacity:.6}.btn-cancel:disabled,.btn-cancel:disabled:hover{background:#f1f5f9;border-color:#e2e8f0;transform:none}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:16px 32px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.btn-submit:disabled{box-shadow:0 4px 15px #667eea33;opacity:.6}.room-form-group{margin-bottom:20px}.room-form-group.full{grid-column:1/-1}.room-form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input-group{position:relative}.form-input-group .form-input,.form-input-group .room-form-input{padding-left:50px}.room-form-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.room-form-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.room-form-input::placeholder{color:#9ca3af;font-size:13px;font-style:italic;opacity:.8}.form-input-group .input-icon{color:#9ca3af;font-size:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.tenant-form-modal .form-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:14px 16px;transition:all .2s ease;width:100%}.tenant-form-modal .form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tenant-form-modal .form-input::placeholder{color:#9ca3af;font-size:13px;font-style:italic;opacity:.8}.tenant-form-modal .form-input-group .form-input{padding-left:42px}.tenant-form-modal .form-input-group .input-icon{color:#6b7280;font-size:14px;left:14px}.form-input[type=date]{background-image:none;color:#374151}.form-input[type=number]{text-align:right}.form-input[type=email]{font-family:Monaco,Menlo,Ubuntu Mono,monospace}@media (max-width:768px){.form-section h3{font-size:18px;margin-bottom:16px}.form-row{gap:16px}.form-row,.form-row.three-cols{grid-template-columns:1fr}.form-input{font-size:14px;padding:14px 16px}.form-input-group .form-input,.form-input-group .room-form-input{padding-left:44px}.form-input-group .input-icon{font-size:14px;left:14px}.btn-cancel,.btn-submit{font-size:14px;padding:14px 24px}}.section-header{border-bottom:1px solid #f1f3f4;margin-bottom:12px;padding-bottom:8px}.section-header h3{align-items:center;color:#2c3e50;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0}.section-header h3 i{color:#007bff;font-size:16px}.item-header{border-bottom:1px solid #f1f3f4;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.item-header,.item-header h4{align-items:center;display:flex}.item-header h4{color:#2c3e50;font-size:12px;font-weight:600;gap:4px;margin:0}.tenant-item,.vehicle-item{background:#fff;border:1px solid #e3e6ea;border-radius:8px;margin-bottom:12px;padding:12px;position:relative;transition:all .3s ease}.tenant-item:hover,.vehicle-item:hover{border-color:#007bff;box-shadow:0 4px 16px #007bff1a;transform:translateY(-1px)}.tenant-item:before,.vehicle-item:before{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:2px 0 0 2px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.tenant-item:hover:before,.vehicle-item:hover:before{opacity:1}.tenant-section,.vehicles-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e3e6ea;border-radius:10px;box-shadow:0 3px 15px #0000000f;margin-bottom:12px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease}.tenant-section:before,.vehicles-section:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#007bff,#0056b3,#007bff);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tenant-section:hover,.vehicles-section:hover{border-color:#007bff;box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.btn-add-tenant,.btn-add-vehicle{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;display:inline-flex;font-size:10px;font-weight:600;gap:4px;min-width:80px;padding:6px 10px;transition:all .3s ease;white-space:nowrap}.btn-add-tenant:hover,.btn-add-vehicle:hover{background:linear-gradient(135deg,#1e7e34,#17a2b8);box-shadow:0 5px 16px #28a74566;transform:translateY(-2px)}.btn-remove-tenant,.btn-remove-vehicle{align-items:center;background:linear-gradient(135deg,#dc3545,#fd7e14);border:none;border-radius:4px;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;display:inline-flex;font-size:9px;font-weight:600;gap:3px;min-width:50px;padding:4px 8px;transition:all .3s ease;white-space:nowrap}.btn-remove-tenant:hover,.btn-remove-vehicle:hover{background:linear-gradient(135deg,#c82333,#e0a800);box-shadow:0 5px 16px #dc354566;transform:translateY(-2px)}.tenant-form-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.tenant-buttons{align-items:center;border-top:1px solid #f1f3f4;display:flex;justify-content:space-between;margin-top:3px;padding-top:2px}.rental-contract-two-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;max-height:55vh;overflow-y:auto;padding:0 4px}.rental-contract-left,.rental-contract-right{padding:0 8px}.rental-contract-left{border-right:1px solid #e1e8ed;padding-right:16px}.rental-contract-modal .form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:8px}.rental-contract-modal .form-section h3{align-items:center;color:#2c3e50;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:8px}.rental-contract-modal .form-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:6px}.rental-contract-modal .form-group{margin-bottom:4px}.rental-contract-modal .form-label{color:#495057;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.rental-contract-modal .form-input{border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;font-size:12px;height:30px;padding:6px 10px;transition:all .2s ease;width:100%}.rental-contract-modal .form-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.rental-contract-modal .form-input::placeholder{color:#9ca3af;font-size:11px;font-style:italic;opacity:.8}.rental-contract-modal .form-input-group .form-input{padding-left:32px}.rental-contract-modal .form-input-group .input-icon{color:#6b7280;font-size:12px;left:10px;pointer-events:none;top:50%;transform:translateY(-50%);z-index:1}.rental-contract-modal .error-message{font-size:11px;margin-top:2px}.rental-contract-modal .tenant-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:4px;box-shadow:0 1px 2px #0000000f;margin-bottom:4px;padding:4px;transition:all .2s ease}.rental-contract-modal .tenant-section:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.rental-contract-modal .tenant-section h4{align-items:center;border-bottom:1px solid #e9ecef;color:#2c3e50;display:flex;font-size:11px;font-weight:600;gap:4px;margin-bottom:4px;padding-bottom:3px}.rental-contract-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;margin:0;max-height:80vh;max-width:1000px!important;position:relative;width:90vw;z-index:10001!important}.rental-contract-modal .room-modal-content{flex:1 1;min-height:0;overflow-y:auto;padding:16px}.room-modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000!important}.rental-contract-modal .room-modal-header{border-bottom:1px solid #e1e8ed;flex-shrink:0;padding:12px 16px}.rental-contract-modal .room-modal-title{font-size:18px;margin:0}.rental-contract-modal .room-modal-footer{border-top:1px solid #e1e8ed;flex-shrink:0;padding:10px 16px}.rental-contract-modal .btn-cancel,.rental-contract-modal .btn-submit{font-size:13px;font-weight:500;padding:8px 16px}.rental-contract-modal textarea.form-input{min-height:60px;resize:vertical}.rental-contract-modal .btn-add-tenant,.rental-contract-modal .btn-remove-tenant{font-size:11px;min-width:70px;padding:6px 10px}.rental-contract-modal .section-header{margin-bottom:8px;padding-bottom:4px}.rental-contract-modal .item-header{margin-bottom:6px;padding-bottom:3px}.rental-contract-modal .item-header h4{align-items:center;display:flex;font-size:12px;gap:4px;margin:0}.rental-contract-modal .tenant-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:8px;padding:6px}.tenant-image-upload{width:100%}.image-upload-btn{background:#f8f9fa;border:2px dashed #ced4da;border-radius:8px;height:80px;width:80px}.image-upload-btn:hover{background-color:#f8f9fa;border-color:#007bff}.image-overlay{background:#000000b3;font-size:11px;transition:opacity .2s ease}.image-upload-placeholder{color:#6c757d}.image-upload-placeholder i{font-size:16px;margin-bottom:4px}.vehicles-section{border-top:2px solid #e9ecef;margin-top:20px;padding-top:20px}.vehicle-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px;padding:16px;position:relative}.vehicle-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.vehicle-header h4{color:#495057;font-size:14px;font-weight:600;margin:0}.vehicle-form{background:#fff;border-radius:6px;padding:12px}.no-vehicles-message{background:#f8f9fa;border-radius:6px;margin:8px 0;padding:20px 10px}.no-vehicles-message i{color:#adb5bd;font-size:24px;margin-bottom:8px}.no-vehicles-message p{font-size:12px;font-weight:500;margin:0 0 4px}.no-vehicles-message small{color:#adb5bd;font-size:10px}.btn-add-vehicle,.btn-remove-vehicle{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.btn-add-vehicle:hover{box-shadow:0 4px 8px #28a7454d}.btn-remove-vehicle{padding:6px 8px}.btn-remove-vehicle:hover{box-shadow:0 4px 8px #dc35454d}.rental-contract-modal .room-info-card{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:6px;margin-bottom:16px;padding:12px}.rental-contract-modal .room-info-item{display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.rental-contract-modal .room-info-item.amenities-item{align-items:flex-start!important;flex-direction:column!important;justify-content:flex-start!important}.rental-contract-modal .amenities-item .amenities-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:8px!important}.rental-contract-modal .room-info-item:last-child{margin-bottom:0}.rental-contract-modal .info-label{color:#495057;font-weight:500}.rental-contract-modal .info-value{color:#2c3e50;font-weight:600}.rental-contract-modal .service-pricing-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}.rental-contract-modal .service-pricing-grid .form-group{margin-bottom:6px}.rental-contract-modal select.form-input{height:32px;padding:6px 10px}.date-input-container{align-items:center;display:flex;gap:8px}.quick-date-buttons{display:flex;gap:4px}.quick-date-btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;height:28px;justify-content:center;min-width:28px;padding:4px 8px;transition:all .2s ease}.quick-date-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.quick-date-btn:active{transform:translateY(0)}.date-input-container .form-input{flex:1 1}.rental-contract-modal .meter-readings-section{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.rental-contract-modal .meter-readings-section h3{align-items:center;color:#2c3e50;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:8px}@media (max-width:1024px){.rental-contract-modal{margin:3vh auto;max-height:85vh;max-width:none;width:95vw}.rental-contract-two-columns{max-height:60vh}}@media (max-width:768px){.rental-contract-two-columns{gap:12px;grid-template-columns:1fr;max-height:70vh}.rental-contract-left{border-bottom:1px solid #e1e8ed;border-right:none;padding-bottom:12px;padding-right:4px}.rental-contract-modal{margin:2vh auto;max-height:90vh;width:98vw}.rental-contract-modal .room-modal-content{padding:12px}.rental-contract-modal .form-row,.rental-contract-modal .service-pricing-grid{gap:12px;grid-template-columns:1fr}.tenant-images-gallery{gap:4px;padding:4px}.image-upload-btn,.tenant-image-item{height:60px;width:60px}}.rental-contract-modal{max-height:90vh;max-width:1200px!important;width:95vw}.rental-contract-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;max-height:70vh;overflow-y:auto;padding:8px}.rental-left-column,.rental-right-column{display:flex;flex-direction:column;gap:8px}.rental-left-column{border-right:1px solid #e1e8ed;padding-right:8px}.room-info-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px;padding:16px}.room-info-item{border-bottom:1px solid #dee2e6}.room-info-item:last-child{border-bottom:none}.info-label{font-weight:500}.info-value{color:#495057}.info-value.highlight{color:#28a745;font-size:16px}.form-textarea{background:#fff;border:2px solid #e1e8ed;color:#495057;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;width:100%}.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-textarea::placeholder{color:#adb5bd;font-size:12px}.tenant-image-upload-container{margin-bottom:8px}.tenant-images-gallery{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:8px}.tenant-image-item{border:1px solid #ddd;border-radius:6px;height:80px;width:80px}.tenant-image-item .tenant-image-preview{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#dc3545cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:2px;top:2px;transition:opacity .15s ease,background .2s ease,transform .1s ease;width:20px;z-index:2}.remove-image-btn:hover{background:#dc2626e6;transform:scale(1.05)}.remove-image-btn:active{transform:scale(.92)}.tenant-image-item{border-radius:4px;box-shadow:0 1px 2px #0000001a;height:32px;overflow:hidden;position:relative;transition:all .2s ease;width:32px}.tenant-image-item:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.tenant-image-item .remove-image-btn{opacity:0;transition:all .2s ease}.tenant-image-item:hover .remove-image-btn{opacity:1}.tenant-image-upload{justify-content:center;margin-bottom:2px}.image-upload-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #007bff;border-radius:4px;box-shadow:0 1px 2px #007bff1a;height:40px;transition:all .2s ease;width:50px}.image-upload-btn:hover{background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border-color:#0056b3;box-shadow:0 4px 16px #007bff40;transform:translateY(-2px)}.image-upload-placeholder{align-items:center;font-size:9px;justify-content:center;padding:4px;text-align:center}.image-upload-placeholder i{font-size:18px;margin-bottom:2px;margin-left:0}.image-upload-placeholder small{color:#6c757d;font-size:8px;margin-left:0;margin-top:1px}.tenant-image-upload{display:flex;justify-content:flex-start;margin-bottom:8px}.image-upload-btn{background:#0000;border:none;border-radius:12px;box-shadow:none;cursor:pointer;display:block;height:85px;overflow:hidden;position:relative;transition:all .3s ease;width:85px}.image-upload-btn:hover{background:#0000;box-shadow:none;transform:none}.image-preview-container{height:100%;position:relative;width:100%}.tenant-image-preview{border-radius:10px;height:100%;object-fit:cover;width:100%}.image-overlay{align-items:center;background:linear-gradient(135deg,#007bffcc,#0056b3e6);border-radius:10px;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:10px;font-weight:600;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-upload-btn:hover .image-overlay{opacity:1}.image-upload-placeholder{align-items:flex-start;color:#007bff;display:flex;flex-direction:column;font-size:10px;font-weight:600;height:100%;justify-content:flex-start;padding:0}.vehicles-section{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border-top:3px solid #007bff;box-shadow:0 4px 16px #00000014;margin-top:24px;padding:20px;position:relative}.vehicles-section:before{background:linear-gradient(90deg,#007bff,#0056b3,#007bff);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.vehicles-section h3{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.vehicles-section h3:before{content:"🚗";font-size:18px}.vehicle-form{border:1px solid #dee2e6;border-radius:8px;padding:16px}.no-vehicles-message,.vehicle-form{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.no-vehicles-message{border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;padding:40px 20px;text-align:center;transition:all .3s ease}.no-vehicles-message:hover{background:linear-gradient(135deg,#e3f2fd,#f8f9fa);border-color:#007bff}.no-vehicles-message i{color:#007bff;font-size:48px;margin-bottom:16px}.no-vehicles-message p{color:#495057;font-size:14px;font-weight:600;margin:0 0 8px}.no-vehicles-message small{color:#6c757d;font-size:12px}.btn-add-vehicle{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a7454d;padding:10px 16px;transition:all .3s ease}.btn-add-vehicle:hover{background:linear-gradient(135deg,#1e7e34,#17a2b8);box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.btn-remove-vehicle{background:linear-gradient(135deg,#dc3545,#fd7e14);border:none;border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:6px 10px;transition:all .3s ease}.btn-remove-vehicle:hover{background:linear-gradient(135deg,#c82333,#e0a800);box-shadow:0 3px 8px #dc354566}.vehicle-form .form-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}.vehicle-form .form-group{margin-bottom:6px}.vehicle-form .form-control,.vehicle-form .form-input,.vehicle-form .form-select{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;font-size:12px;height:32px;line-height:1.4;padding:6px 10px;transition:all .3s ease;width:100%}.vehicle-form .form-control:focus,.vehicle-form .form-input:focus,.vehicle-form .form-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.vehicle-form .form-control:hover,.vehicle-form .form-input:hover,.vehicle-form .form-select:hover{border-color:#667eea}@media (max-width:768px){.vehicle-form .form-row{gap:16px;grid-template-columns:1fr}}.vehicle-form label{color:#495057;display:block;font-size:11px;font-weight:600;margin-bottom:4px}.date-quick-buttons{display:flex;gap:8px;margin-top:8px}.btn-quick-date{background:linear-gradient(135deg,#e3f2fd,#fff);border:1px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .3s ease}.btn-quick-date:hover{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 3px 8px #007bff4d;color:#fff;transform:translateY(-1px)}.modal-buttons{border-top:2px solid #f1f3f4;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;min-width:100px;padding:10px 24px;transition:all .3s ease}.btn-save{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 3px 12px #28a7454d;color:#fff}.btn-save:hover{background:linear-gradient(135deg,#1e7e34,#17a2b8);box-shadow:0 5px 16px #28a74566;transform:translateY(-2px)}.btn-cancel{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 3px 12px #6c757d4d}.btn-cancel:hover{background:linear-gradient(135deg,#5a6268,#343a40);box-shadow:0 5px 16px #6c757d66;transform:translateY(-2px)}@media (max-width:992px){.rental-contract-modal{max-width:95vw}.rental-contract-content{gap:16px;grid-template-columns:1fr}.rental-left-column{border-bottom:1px solid #e1e8ed;border-right:none;padding-bottom:16px;padding-right:0}}.meter-readings-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:8px;padding:8px}.meter-readings-section h4{color:#495057;font-size:12px;font-weight:600;margin-bottom:6px}.meter-readings-section .form-group,.meter-readings-section .form-row{margin-bottom:0}.tenant-modal{max-width:1100px;width:95vw}.tenant-modal.large{max-width:1200px}.modal-title-section{display:flex;flex-direction:column;gap:8px}.modal-actions{align-items:center;gap:12px}.tenant-count-info{color:#6b7280;font-size:13px}.tenant-count{background:#f3f4f6;border-radius:12px;font-weight:500;padding:4px 8px}.btn-add-tenant{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-add-tenant:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.tenant-modal-content{max-height:70vh;overflow-y:auto;padding:24px}.tenants-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:0}.tenant-card.pro-minimal{aspect-ratio:1.2/1;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;overflow:hidden;padding:14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.tenant-card.pro-minimal:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.tenant-card.pro-minimal .tenant-content{display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;padding:1px 0;text-align:left}.tenant-card.pro-minimal .tenant-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;line-height:1.25;margin:0;overflow:hidden;padding:0;word-break:break-word}.tenant-card.pro-minimal .tenant-phone{background:#94a3b81a;border-radius:3px;color:#475569;display:inline-block;font-family:SF Mono,Monaco,Consolas,Roboto Mono,monospace;font-size:12px;font-weight:600;letter-spacing:.025em;line-height:1.3;margin:0;padding:2px 6px}.tenant-card.pro-minimal .tenant-status{border-radius:5px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:700;letter-spacing:.05em;margin-top:3px;padding:3px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.tenant-card.pro-minimal .tenant-status.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534;order:1}.tenant-card.pro-minimal .tenant-status.ended{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e;order:2}.tenant-card.pro-minimal .tenant-status.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b;order:2}.tenant-card.pro-minimal .tenant-actions{align-items:center;display:flex;flex-shrink:0;gap:4px;justify-content:flex-end;margin-top:8px}.tenant-card.pro-minimal .action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:11px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.tenant-card.pro-minimal .action-btn.edit{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.tenant-card.pro-minimal .action-btn.edit:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transform:scale(1.1)}.tenant-card.pro-minimal .action-btn.delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.tenant-card.pro-minimal .action-btn.delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:scale(1.1)}.tenants-grid:has(.tenant-card.pro-minimal){grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}@media (max-width:768px){.tenants-grid:has(.tenant-card.pro-minimal){gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tenant-card.pro-minimal{min-height:110px;padding:12px}.tenant-card.pro-minimal .tenant-name{font-size:13px}.tenant-card.pro-minimal .tenant-phone{font-size:11px;padding:2px 5px}.tenant-card.pro-minimal .tenant-status{font-size:9px;padding:2px 6px}}@media (max-width:480px){.tenants-grid:has(.tenant-card.pro-minimal){gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tenant-card.pro-minimal{aspect-ratio:1.1/1;min-height:95px;padding:10px}.tenant-card.pro-minimal .tenant-content{gap:5px}.tenant-card.pro-minimal .tenant-name{font-size:12px}.tenant-card.pro-minimal .tenant-phone{font-size:10px;padding:1px 4px}.tenant-card.pro-minimal .tenant-status{font-size:8px;padding:2px 5px}.tenant-card.pro-minimal .action-btn{font-size:12px;height:26px;width:26px}}.vehicle-section{margin-top:16px}.btn-add-vehicle{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border:1px solid #81d4fa;border-radius:5px;color:#0277bd;display:inline-flex;font-size:12px;gap:4px;justify-content:center;padding:6px 12px;white-space:nowrap}.btn-add-vehicle:hover{background:linear-gradient(135deg,#0288d1,#0277bd);box-shadow:0 4px 8px #0277bd33;color:#fff}.btn-remove-vehicle{align-items:center;background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #f8bbd9;border-radius:5px;color:#c62828;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;margin-top:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.btn-remove-vehicle:hover{background:linear-gradient(135deg,#d32f2f,#c62828);color:#fff;transform:translateY(-1px)}.vehicle-form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:8px;padding:16px}.vehicle-limit-message{align-items:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffcc02;border-radius:8px;color:#ef6c00;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;text-align:center}.tenant-card.modern{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;height:auto;overflow:hidden;padding:0;position:relative;transition:all .2s ease}.tenant-card.modern:hover{border-color:#3b82f6;box-shadow:0 3px 12px #0000001a;transform:translateY(-1px)}.tenant-card.modern.active{background:linear-gradient(135deg,#fff,#f0fdf4);border-left:3px solid #10b981}.tenant-card.modern.ended{background:linear-gradient(135deg,#fff,#fefbf3);border-left:3px solid #f59e0b;opacity:.75;order:999}.tenant-card-header{align-items:center;background:#0000;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin:0;padding:12px}.tenant-info-section{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.header-right{flex-shrink:0}.tenant-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;text-transform:uppercase;width:32px}.tenant-basic-info{flex:1 1;min-width:0}.tenant-name{color:#111827;font-size:13px;line-height:1.2;margin:0 0 1px}.tenant-name,.tenant-phone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-phone{color:#6b7280;font-size:11px;font-weight:400;margin:0}.status-badge{border-radius:4px;font-size:9px;letter-spacing:.3px;padding:2px 6px}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.ended{background:#fef3c7;color:#d97706}.tenant-actions{display:flex;gap:2px}.action-btn{border:1px solid #e5e7eb;border-radius:4px;font-size:10px;height:24px;transition:all .15s ease;width:24px}.action-btn.edit{color:#3b82f6}.action-btn.edit:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.tenant-details-grid{background:#0000;display:flex;flex-direction:column;gap:4px;margin:0;padding:8px 12px 12px}.detail-item{color:#4b5563;font-size:11px;gap:6px;line-height:1.3;padding:2px 0}.detail-item i{align-items:center;color:#6b7280;display:flex;flex-shrink:0;font-size:9px;height:12px;justify-content:center;width:12px}.detail-item.highlight{color:#059669;font-weight:600}.detail-item.highlight i{color:#10b981}.contact-info,.emergency-contact,.payment-history,.section-title,.tenant-notes{display:none}.relationship{color:#9ca3af;font-style:italic}.payments-mini-list{display:flex;flex-direction:column;gap:4px}.payment-mini-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:6px 8px}.payment-mini-item .date{color:#6b7280}.payment-mini-item .amount{color:#059669;font-weight:600}.tenant-notes p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.footer-info{flex:1 1}.tenant-summary{color:#6b7280;font-size:13px}.tenant-form-modal{max-height:85vh;max-width:600px}.tenant-form-content{max-height:65vh;overflow-y:auto;padding:20px}.tenant-form{display:flex;flex-direction:column;gap:16px}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.form-section .section-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#111827;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px;padding-bottom:6px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.form-row:last-child{margin-bottom:0}.form-label{font-size:13px;margin-bottom:4px}.form-input,.form-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;padding:8px 10px;transition:all .2s ease}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.form-textarea{min-height:60px}.error-message{color:#dc2626;font-size:11px;font-weight:500;margin-top:3px}.empty-tenants{color:#64748b;padding:60px 40px;text-align:center}.empty-tenants h3{color:#374151;font-size:24px;font-weight:700;margin:0 0 12px}.empty-tenants p{color:#6b7280;font-size:16px;margin:0 0 24px}.empty-tenants .btn-primary{font-size:16px;padding:12px 24px}.loading-container{color:#64748b;padding:60px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;margin-bottom:20px}@media (max-width:1024px){.tenants-grid{grid-template-columns:1fr}.tenant-modal{width:98vw}}@media (max-width:768px){.tenant-modal-content{padding:16px}.tenant-details-grid{gap:8px;grid-template-columns:1fr}.tenant-card-header{align-items:center;flex-direction:column;text-align:center}.form-row{gap:12px;grid-template-columns:1fr}.tenant-form-modal{max-width:none;width:98vw}.modal-title-section{align-items:flex-start}.modal-actions{margin-top:8px}}.image-upload-section{margin-top:12px}.image-upload-area{background:#fafafa;border:2px dashed #d1d5db;border-radius:8px;padding:16px;text-align:center;transition:all .3s ease}.image-upload-area:hover{background:#f8fafc;border-color:#667eea}.upload-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:8px}.upload-label i{color:#9ca3af;font-size:24px}.upload-label span{color:#374151;font-size:14px;font-weight:500}.upload-label small{color:#9ca3af;font-size:12px}.upload-label:hover i,.upload-label:hover span{color:#667eea}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.image-preview-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:relative}.preview-image{display:block;height:80px;object-fit:cover;width:100%}.remove-image{align-items:center;background:#0000008c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;height:18px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:opacity .18s ease,background .2s ease,transform .15s ease;width:18px}.remove-image:hover{background:#dc2626e6;transform:scale(1.05)}.image-preview-item:hover .remove-image{opacity:1}@media (max-width:768px){.tenants-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.tenant-card-header{padding:10px}.tenant-info-section{gap:8px}.header-right{gap:6px}.tenant-avatar{border-radius:4px;font-size:11px;height:28px;width:28px}.tenant-name{font-size:12px}.tenant-phone{font-size:10px}.tenant-details-grid{padding:6px 10px 10px}.detail-item{font-size:10px;gap:5px;padding:1px 0}.detail-item i{font-size:8px;height:10px;width:10px}.action-btn{font-size:9px;height:22px;width:22px}.status-badge{font-size:8px;padding:1px 4px}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.preview-image{height:50px}.upload-label i{font-size:18px}.upload-label span{font-size:12px}.tenant-form-modal{margin:5px;max-width:none;width:95vw}.form-row{gap:6px;grid-template-columns:1fr}}@media (max-width:480px){.tenants-grid{grid-template-columns:1fr}.tenant-card-header{padding:8px}.tenant-details-grid{padding:4px 8px 8px}}.vehicle-modal.large{display:flex;flex-direction:column;max-height:85vh;max-width:1000px;overflow:hidden;width:90%}.vehicle-modal .modal-title-section{align-items:center;display:flex;flex:1 1;gap:16px}.vehicle-modal .vehicle-count-info{align-items:center;display:flex;gap:12px}.vehicle-modal .vehicle-count{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border:1px solid #4fc3f7;border-radius:20px;color:#0277bd;font-size:13px;font-weight:600;padding:4px 12px}.vehicle-modal .modal-actions{align-items:center;display:flex;gap:12px}.btn-add-vehicle{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-add-vehicle:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.vehicle-modal .empty-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:24px 20px;text-align:center}.vehicle-modal .empty-icon{align-items:center;background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border:2px solid #4fc3f7;border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.vehicle-modal .empty-icon i{color:#0277bd;font-size:20px}.vehicle-modal .empty-content h3{color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:600;margin-bottom:6px}.vehicle-modal .empty-content p{color:#64748b;font-size:13px;line-height:1.4;margin-bottom:16px;max-width:350px}.vehicle-modal .empty-content .btn-primary{border-radius:8px!important;font-size:14px!important;height:auto!important;min-height:auto!important;padding:8px 16px!important}.modal.vehicle-modal .empty-section .empty-content button.btn-primary,.vehicle-modal .empty-content button.btn-primary,.vehicle-modal .empty-section .empty-content button,div.modal.vehicle-modal .empty-section .empty-content button.btn-primary{align-items:center!important;border-radius:6px!important;box-shadow:0 1px 3px #0000001a!important;display:inline-flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;height:auto!important;justify-content:center!important;letter-spacing:normal!important;line-height:1.2!important;min-height:32px!important;padding:8px 14px!important;text-transform:none!important}.modal.vehicle-modal .empty-section .empty-content button.btn-primary i,.vehicle-modal .empty-content button.btn-primary i,.vehicle-modal .empty-section .empty-content button i{font-size:12px!important;line-height:1!important;margin:0!important}.vehicle-modal .loading-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:80px 40px;text-align:center}.vehicle-modal .loading-spinner{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:3px solid #3b82f6;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:24px;width:60px}.vehicle-modal .loading-spinner i{color:#3b82f6;font-size:24px}.vehicle-modal .loading-section p{color:#64748b;font-size:16px;font-weight:500}.vehicles-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:60vh;overflow-y:auto;padding:16px}.vehicle-card.pro-minimal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;min-height:160px;padding:20px;transition:all .2s ease}.vehicle-card.pro-minimal:hover{border-color:#3b82f6;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.vehicle-card.pro-minimal .vehicle-content{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:16px}.vehicle-card.pro-minimal .vehicle-license{color:#1e293b;font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0}.vehicle-card.pro-minimal .vehicle-type{background:#f1f5f9;border-radius:6px;color:#64748b;display:inline-block;font-size:14px;font-weight:600;margin:0;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.vehicle-card.pro-minimal .vehicle-owner{background:#dcfce7;border:1px solid #86efac;border-radius:6px;color:#166534;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.025em;margin:0;padding:6px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.vehicle-card.pro-minimal .vehicle-phone{color:#64748b;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:500;margin:0}.vehicle-card.pro-minimal .vehicle-notes{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:11px;font-style:italic;line-height:1.4;margin-top:8px;padding-top:8px}.vehicle-card.pro-minimal .vehicle-actions{border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:center;margin-top:auto;padding-top:16px}.vehicle-card.pro-minimal .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;height:36px;justify-content:center;transition:all .2s ease}.vehicle-card.pro-minimal .action-btn.edit{background:#dbeafe;color:#1d4ed8}.vehicle-card.pro-minimal .action-btn.edit:hover{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-1px)}.vehicle-card.pro-minimal .action-btn.delete{background:#fee2e2;color:#dc2626}.vehicle-card.pro-minimal .action-btn.delete:hover{background:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-1px)}.vehicle-form-modal{display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.vehicle-form-modal .form-container{display:flex;flex-direction:column;gap:24px}.vehicle-form-modal .form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.vehicle-form-modal .form-section:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.vehicle-form-modal .section-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:12px;margin-bottom:20px;padding-bottom:12px}.vehicle-form-modal .section-title i{color:#3b82f6;font-size:16px}.vehicle-form-modal .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.vehicle-form-modal .form-group{display:flex;flex-direction:column;gap:8px}.vehicle-form-modal .form-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:4px}.vehicle-form-modal .form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.vehicle-form-modal .form-input:focus{background:#fefefe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.vehicle-form-modal .form-input.error{background:#fef2f2;border-color:#ef4444}.vehicle-form-modal .form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.vehicle-form-modal .error-message{color:#ef4444;font-size:12px;font-weight:500;margin-top:4px}.vehicle-form-modal select.form-input{cursor:pointer}.vehicle-form-modal textarea.form-input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:80px;resize:vertical}.vehicle-summary{color:#64748b;font-size:13px;font-weight:500}.empty-section{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-section i{color:#cbd5e1;font-size:56px;margin-bottom:20px}.empty-section p{font-size:16px;font-weight:500;margin:0 0 20px}.loading-section{align-items:center;color:#64748b;display:flex;font-size:16px;gap:12px;justify-content:center;padding:40px 20px}.loading-section i{color:#3b82f6;font-size:18px}@media (max-width:768px){.vehicle-modal.large{max-height:90vh;width:95%}.vehicle-form-modal{max-height:95vh;width:95%}.vehicle-modal .modal-title-section{align-items:flex-start;flex-direction:column;gap:8px}.vehicle-form-modal .form-grid{gap:16px;grid-template-columns:1fr}.vehicle-form-modal .section-title{font-size:16px}.vehicles-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.vehicle-card.pro-minimal{min-height:100px;padding:12px}}@media (max-width:480px){.vehicle-form-modal,.vehicle-modal.large{margin:1%;width:98%}.vehicle-modal .empty-section{min-height:300px;padding:40px 20px}.vehicle-modal .empty-content h3{font-size:20px}.vehicle-modal .empty-content p{font-size:14px}.vehicle-form-modal .form-section{padding:16px}.vehicle-form-modal .section-title{font-size:15px;margin-bottom:16px}.vehicles-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.vehicle-card.pro-minimal{min-height:90px;padding:10px}.vehicle-card.pro-minimal .vehicle-license{font-size:12px}.vehicle-card.pro-minimal .vehicle-type{font-size:10px;padding:1px 4px}.vehicle-card.pro-minimal .vehicle-owner{font-size:8px;padding:2px 6px}.vehicle-card.pro-minimal .vehicle-phone{font-size:8px;padding:1px 3px}.vehicle-card.pro-minimal .action-btn{font-size:10px;height:22px;width:22px}.room-transfer-modal{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:1400px;overflow-y:auto;width:98%}.room-transfer-modal .room-modal-header{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:15px 15px 0 0;box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px 25px}.room-transfer-modal .room-modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.room-transfer-modal .room-modal-content{padding:30px}.transfer-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #ff6b35;border-radius:12px;margin-bottom:25px;padding:20px}.transfer-description{color:#495057;font-size:16px;line-height:1.5;margin:0 0 15px}.current-room-info{color:#212529;font-size:15px;line-height:1.6}.current-room-info .room-price{color:#28a745;font-weight:600}.loading-spinner{align-items:center;color:#6c757d;display:flex;flex-direction:column;padding:40px 20px}.loading-spinner i{color:#ff6b35;font-size:2rem;margin-bottom:15px}.no-available-rooms{align-items:center;color:#6c757d;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.no-available-rooms i{color:#ffc107;font-size:3rem;margin-bottom:15px}.available-rooms-list h3{margin-bottom:20px}.rooms-transfer-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:25px}.room-card.transfer-selectable{border:3px solid #0000;cursor:pointer;position:relative;transition:all .3s ease}.room-card.transfer-selectable:hover{border-color:#ff6b35;box-shadow:0 12px 40px #ff6b3533;transform:translateY(-4px)}.room-card.transfer-selectable.selected{background:linear-gradient(135deg,#fff5f0,#ffe8e0);border-color:#ff6b35;box-shadow:0 12px 40px #ff6b354d}.room-card.transfer-selectable .selection-check{align-items:center;background:#28a745;border-radius:50%;box-shadow:0 2px 8px #28a7454d;color:#fff;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px;z-index:2}.room-card.transfer-selectable .room-amenities{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.room-card.transfer-selectable .amenity-tag{align-items:center;background:#e7f3ff;border-radius:10px;color:#06c;display:flex;font-size:10px;font-weight:500;gap:3px;padding:2px 6px}.room-card.transfer-selectable .amenity-tag i{font-size:9px}.room-card.transfer-selectable .more-amenities{background:#f1f3f4;border-radius:10px;color:#5f6368;font-size:10px;font-weight:500;padding:2px 6px}.room-card.transfer-selectable .room-description{color:#6c757d;font-size:12px;line-height:1.4;margin-top:8px}@media (max-width:768px){.room-transfer-modal{margin:10px;max-height:85vh;width:98%}.room-transfer-modal .room-modal-content{padding:20px}.rooms-transfer-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.transfer-info{margin-bottom:20px;padding:15px}}@media (max-width:480px){.room-transfer-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.room-transfer-modal .room-modal-header{border-radius:0;padding:15px 20px}.room-transfer-modal .room-modal-content{padding:15px}.rooms-transfer-grid{gap:12px;grid-template-columns:1fr}}.rooms-table.transfer-table{margin-top:0;min-width:800px;table-layout:fixed;width:100%}.rooms-table.transfer-table td,.rooms-table.transfer-table th{padding:12px 8px;vertical-align:middle}.rooms-table.transfer-table td:first-child,.rooms-table.transfer-table th:first-child{text-align:center;width:60px}.rooms-table.transfer-table td:nth-child(2),.rooms-table.transfer-table th:nth-child(2){width:140px}.rooms-table.transfer-table td:nth-child(3),.rooms-table.transfer-table th:nth-child(3){width:110px}.rooms-table.transfer-table td:nth-child(4),.rooms-table.transfer-table th:nth-child(4){width:140px}.rooms-table.transfer-table td:nth-child(5),.rooms-table.transfer-table th:nth-child(5){width:180px}.rooms-table.transfer-table td:nth-child(6),.rooms-table.transfer-table th:nth-child(6){width:120px}.transfer-room-row{cursor:pointer;transition:all .3s ease}.transfer-room-row:hover{background-color:#f8fafc}.transfer-room-row.selected{background-color:#fff5f0;border-left:4px solid #ff6b35}.transfer-room-row.selected td{border-color:#ff6b35}.transfer-select-checkbox{align-items:center;display:flex;justify-content:center}.transfer-select-checkbox input[type=radio]{accent-color:#ff6b35;cursor:pointer;height:18px;width:18px}.available-rooms-list .rooms-table-container{margin:0 -24px;overflow-x:auto;padding:0 24px}.room-transfer-modal .room-modal-content{padding:20px}.available-rooms-list{padding:0}.available-rooms-list h3{color:#212529;font-size:1.2rem;font-weight:600;margin:0 0 20px;padding:0 4px}@media (max-width:1024px){.room-transfer-modal{max-width:none;width:99%}.rooms-table.transfer-table td:nth-child(5),.rooms-table.transfer-table th:nth-child(5){width:160px}}@media (max-width:768px){.rooms-table.transfer-table{min-width:600px}.rooms-table.transfer-table td,.rooms-table.transfer-table th{font-size:12px;padding:8px 4px}.rooms-table.transfer-table td:nth-child(2),.rooms-table.transfer-table th:nth-child(2){width:100px}.rooms-table.transfer-table td:nth-child(4),.rooms-table.transfer-table th:nth-child(4){width:110px}.rooms-table.transfer-table td:nth-child(5),.rooms-table.transfer-table th:nth-child(5){width:140px}.rooms-table.transfer-table td:nth-child(6),.rooms-table.transfer-table th:nth-child(6){width:100px}.rooms-table.transfer-table .room-details{gap:4px}.rooms-table.transfer-table .detail-item{font-size:10px;padding:2px 4px}.room-transfer-modal .room-modal-content{padding:15px}}.room-transfer-modal .room-modal-footer{background:#f8f9fa;border-radius:0 0 15px 15px;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.room-transfer-modal .btn-primary,.room-transfer-modal .btn-secondary{border-radius:8px;font-weight:600;padding:10px 20px;transition:all .3s ease}.room-transfer-modal .btn-secondary{background:#6c757d;border:none;color:#fff}.room-transfer-modal .btn-secondary:hover:not(:disabled){background:#545b62}.room-transfer-modal .btn-primary{background:#ff6b35;border:none;color:#fff}.room-transfer-modal .btn-primary:hover:not(:disabled){background:#e55a2b}.room-transfer-modal .btn-primary:disabled,.room-transfer-modal .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.transfer-notes{margin-top:25px;padding:0 4px}.transfer-notes .room-form-label{color:#212529;display:block;font-weight:600;margin-bottom:8px}.transfer-notes .room-form-textarea{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 15px;resize:vertical;transition:all .3s ease;width:100%}.transfer-notes .room-form-textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.btn-add-vehicle{font-size:12px;padding:6px 12px}}.room-modal.vehicle-modal .room-modal-header{align-items:flex-start!important;background:#0000!important;border-bottom:1px solid #e2e8f0!important;border-radius:12px 12px 0 0;display:flex!important;justify-content:space-between!important;padding:20px 24px!important}.room-modal.vehicle-modal .modal-title-section{align-items:flex-start;display:flex;flex-direction:column;gap:8px;text-align:left}.room-modal.vehicle-modal .room-modal-title{-webkit-text-fill-color:initial!important;align-items:center!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#1e293b!important;display:flex!important;font-size:18px!important;font-weight:700!important;gap:8px;margin:0!important}.room-modal.vehicle-modal .room-modal-title i{color:#3b82f6;font-size:16px}.room-modal.vehicle-modal .vehicle-count-info{align-items:center;display:flex}.room-modal.vehicle-modal .vehicle-count{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;color:#1d4ed8;font-size:12px;font-weight:600;padding:4px 12px}.room-modal.vehicle-modal .modal-actions{align-items:center;display:flex;gap:12px}.room-modal.vehicle-modal .btn-add-vehicle{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;box-shadow:0 2px 4px #22c55e33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.room-modal.vehicle-modal .btn-add-vehicle:hover{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.room-modal.vehicle-modal .room-modal-close{align-items:center!important;background:none!important;border:none!important;border-radius:6px!important;color:#64748b!important;cursor:pointer;display:flex!important;flex-shrink:0;font-size:24px!important;height:32px!important;justify-content:center!important;margin-left:8px;transition:all .2s ease;width:32px!important}.room-modal.vehicle-modal .room-modal-close:hover{background:#f1f5f9!important;color:#ef4444!important;transform:none!important}.room-modal.vehicle-modal .room-modal-body{background:#fefefe!important;max-height:70vh!important;overflow-y:auto!important;padding:0!important}.room-modal.vehicle-modal .room-modal-footer{align-items:center!important;background:#f8fafc!important;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0!important;display:flex!important;justify-content:space-between!important;padding:16px 24px!important}.room-modal.vehicle-modal .room-modal-footer .footer-info{color:#64748b;font-size:13px;font-weight:500}.room-transfer-modal{max-height:90vh!important;max-width:1200px!important;overflow:auto!important;width:95%!important}.room-details-grid{grid-gap:12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:10px;padding:15px}.transfer-detail-item{align-items:center!important;background-color:#fff!important;border:1px solid #dee2e6!important;border-radius:6px!important;display:flex!important;font-size:14px!important;gap:10px!important;margin:0!important;padding:8px!important}.transfer-detail-item i{text-align:center!important;width:18px!important}.transfer-detail-item span{white-space:nowrap}.invoice-modal{display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:95%}.invoice-form-container{display:flex;flex-direction:column;gap:24px;max-height:70vh;overflow-y:auto;padding:20px}.contract-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:16px}.info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.info-label{color:#475569;font-weight:600}.info-value{color:#1e293b;font-weight:500}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:16px}.form-group{gap:6px}.form-label{color:#374151;font-size:14px;font-weight:600}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.section-header{justify-content:space-between;margin-bottom:16px}.section-header,.section-title{align-items:center;display:flex}.section-title{color:#1e293b;font-size:18px;font-weight:700;gap:12px;margin:0}.section-title i{color:#3b82f6;font-size:16px}.btn-add-charge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-add-charge:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.charge-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .2s ease}.charge-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.charge-form-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:150px 1fr 100px 120px 120px 40px}.charge-actions{align-items:flex-end;padding-bottom:8px}.btn-remove-charge,.charge-actions{display:flex;justify-content:center}.btn-remove-charge{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;font-size:14px;min-height:36px;min-width:36px;padding:8px 10px;transition:all .2s ease}.btn-remove-charge:hover{background:#fecaca;border-color:#f87171;transform:scale(1.05)}.invoice-summary{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:20px}.summary-row{border-bottom:1px solid #e2e8f0;padding:12px 0}.summary-row.total-row{border-top:2px solid #3b82f6;font-size:16px;font-weight:700;margin-top:8px;padding-top:16px}.summary-label{color:#475569}.summary-label,.summary-value{font-size:14px;font-weight:600}.summary-value{color:#1e293b}.total-value{color:#3b82f6;font-size:18px;font-weight:800}.discount-input-wrapper{align-items:center;display:flex;gap:8px}.discount-input{font-size:14px;padding:8px 12px;width:120px}.currency{color:#6b7280;font-size:12px;font-weight:500}.form-textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:1024px){.charge-form-grid{gap:12px}.charge-form-grid,.contract-info-grid,.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.invoice-modal{max-height:95vh;width:95%}.invoice-form-container{gap:20px;padding:16px}.section-header{align-items:stretch;flex-direction:column;gap:12px}.btn-add-charge{align-self:stretch;justify-content:center}.charge-item,.invoice-summary{padding:16px}}.room-info-section{background-color:#f8fafc;border-radius:8px;margin-bottom:24px;padding:20px}.room-info-title{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:12px}.room-info-title i{color:#3b82f6}.room-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.room-info-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.room-info-label{color:#374151;font-weight:500}.room-info-value{color:#1f2937;font-weight:600}.utility-readings-group{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.utility-readings-group h4{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.utility-readings-group .room-form-grid{margin-bottom:0}.room-form-section{margin-bottom:24px}.room-form-section h3{align-items:center;border-bottom:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:8px}.room-form-section h3 i{color:#3b82f6}.water-billing-selector{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.water-billing-selector span{color:#6b7280;font-size:14px;font-weight:500}.water-billing-selector select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:120px;padding:4px 8px}.rooms-table.transfer-table{min-width:1000px;table-layout:fixed}.rooms-table.transfer-table th:first-child{width:60px}.rooms-table.transfer-table th:nth-child(2),.rooms-table.transfer-table th:nth-child(3){width:120px}.rooms-table.transfer-table th:nth-child(4){width:150px}.rooms-table.transfer-table th:nth-child(5){width:250px}.rooms-table.transfer-table th:nth-child(6){width:200px}.invoice-modal .room-form-input,.invoice-modal .room-form-select,.invoice-modal select.room-form-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.invoice-modal .room-form-input:focus,.invoice-modal .room-form-select:focus,.invoice-modal select.room-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.room-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.room-modal-footer button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.room-modal-footer .btn-secondary{background:#fff;border:1px solid #d1d5db;color:#6b7280}.room-modal-footer .btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.room-modal-footer .btn-primary{background:#3b82f6;color:#fff}.room-modal-footer .btn-primary:hover:not(:disabled){background:#2563eb}.room-modal-footer button:disabled{cursor:not-allowed;opacity:.5}.invoice-modal .room-form-label{color:#374151;font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:6px;text-transform:none}.room-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172acc;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.room-confirm-modal{animation:slideDown .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:520px;overflow:hidden;position:relative;width:90%;z-index:10002}.room-confirm-header{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom:1px solid #93c5fd;display:flex;gap:12px;padding:24px 28px}.room-confirm-icon{color:#2563eb;font-size:28px}.room-confirm-header h3{color:#1e40af;font-size:20px;font-weight:700;margin:0}.room-confirm-body{padding:28px}.room-confirm-body p{color:#334155;font-size:15px;line-height:1.6;margin:0 0 16px}.room-confirm-body p:last-child{margin-bottom:0}.room-confirm-body strong{color:#0f172a;font-weight:600}.room-confirm-info{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:16px}.room-confirm-info i{color:#3b82f6;flex-shrink:0;font-size:18px;margin-top:2px}.room-confirm-info div{flex:1 1}.room-confirm-info p{color:#1e40af;font-size:14px;font-weight:600;margin:0 0 8px}.room-confirm-info ul{list-style:disc;margin:0;padding-left:20px}.room-confirm-info li{color:#334155;font-size:14px;line-height:1.5;margin-bottom:4px}.room-confirm-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.room-confirm-btn-cancel,.room-confirm-btn-confirm{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.import-modal-content{max-height:88vh;max-width:1100px;width:92%}.import-modal-content .modal-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.import-modal-content .modal-close-btn:hover{background:#f3f4f6;color:#374151}.import-modal-content .modal-body{max-height:calc(88vh - 140px)}.template-download-btn:active{transform:translateY(0)}.import-data-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.import-table{table-layout:fixed}.import-table th{overflow:hidden;text-overflow:ellipsis}.import-table th:nth-child(2){width:120px}.import-table th:nth-child(3),.import-table th:nth-child(4){width:130px}.import-table th:nth-child(5){width:100px}.import-table th:nth-child(6){width:90px}.import-table th:nth-child(7),.import-table th:nth-child(8){width:100px}.import-table th:nth-child(9){width:80px}.editable-cell{box-sizing:border-box}.editable-cell:hover{border-color:#cbd5e1}.invalid-row .editable-cell:focus{background:#fff;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.invalid-row td:nth-child(2) .editable-cell{border-color:#ef4444;border-width:2px;font-weight:600}.editable-select{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;color:#374151;cursor:pointer;font-size:13px;padding:6px 8px;transition:all .2s ease;width:100%}.editable-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.editable-select:hover{border-color:#cbd5e1}.editable-cell[type=number]::-webkit-inner-spin-button,.editable-cell[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editable-cell[type=number]{-webkit-appearance:textfield;appearance:textfield}.valid-icon{color:#10b981;font-size:18px}.invalid-icon{color:#ef4444;cursor:help;font-size:18px}.summary-item{color:#374151}.summary-item i{font-size:16px}.summary-item strong{font-size:16px;font-weight:700}.summary-total{background:#eff6ff;border-color:#3b82f6}.summary-total i{color:#3b82f6}.summary-valid{background:#f0fdf4;border-color:#10b981}.summary-valid i{color:#10b981}.summary-invalid{background:#fef2f2;border-color:#ef4444}.summary-invalid i{color:#ef4444}.btn-cancel{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-import i.fa-spinner{animation:spin 1s linear infinite}.room-confirm-btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#64748b}.room-confirm-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.room-confirm-btn-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.room-confirm-btn-confirm:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 20px -6px #3b82f680;transform:translateY(-2px)}.billing-excel-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 4px 6px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.billing-excel-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 12px #f59e0b66;transform:translateY(-2px)}.billing-excel-btn i{font-size:18px}.billing-table{border-collapse:collapse;table-layout:fixed;width:100%}.billing-table thead{background:#f97316;position:-webkit-sticky;position:sticky;top:0;z-index:10}.billing-table thead th{border-bottom:2px solid #ea580c;color:#fff;font-size:13px;font-weight:600;padding:14px 10px;text-align:left;white-space:nowrap}.billing-table thead th:first-child{width:50px}.billing-table thead th:nth-child(2){width:85px}.billing-table thead th:nth-child(3){width:115px}.billing-table thead th:nth-child(4){width:135px}.billing-table thead th:nth-child(5){width:95px}.billing-table thead th:nth-child(6){width:90px}.billing-table thead th:nth-child(7),.billing-table thead th:nth-child(8){width:75px}.billing-table thead th:nth-child(9){width:65px}.billing-table thead th:nth-child(10){width:95px}.billing-table thead th:nth-child(11),.billing-table thead th:nth-child(12),.billing-table thead th:nth-child(13){width:75px}.billing-table thead th:nth-child(14){width:95px}.billing-table thead th:nth-child(15){width:85px}.billing-table thead th:nth-child(16){width:115px}.billing-table thead th:nth-child(17){width:70px}.billing-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.billing-table tbody tr:hover{background:#fef3c7}.billing-table tbody tr.invalid-row{background:#fef2f2}.billing-table tbody tr.invalid-row:hover{background:#fee2e2}.billing-table tbody td{color:#374151;font-size:13px;padding:10px}.billing-table tbody td.total-cell{color:#f97316;font-size:14px;font-weight:600}.billing-table .badge-water-type{background:#dbeafe;border-radius:12px;color:#1e40af;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.billing-table .text-muted{color:#9ca3af;font-style:italic}.billing-table .editable-cell{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;padding:6px 8px;transition:all .2s ease;width:100%}.billing-table .editable-cell:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.billing-table tr.invalid-row .editable-cell{border-color:#ef4444}.btn-create-invoices i.fa-spinner{animation:spin 1s linear infinite}.amenities-container{background:#f8fafc;background:var(--bg-secondary);display:flex;font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;transition:all .3s ease;transition:var(--transition)}.amenities-content{flex:1 1;overflow-y:auto;padding:24px}.amenities-container *{font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif}.amenities-container [class*=fab],.amenities-container [class*=fal],.amenities-container [class*=far],.amenities-container [class*=fas],.amenities-container i[class*=fa-]{font-family:Font Awesome\ 6 Free,FontAwesome!important;font-weight:900!important}.amenities-header{align-items:center;gap:16px;justify-content:space-between}.amenities-actions,.amenities-header{display:flex;flex-wrap:wrap;margin-bottom:24px}.amenities-actions{gap:12px}.amenities-title{background:linear-gradient(90deg,#1e3a8a,#9333ea);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:30px;font-weight:700;letter-spacing:.5px}.amenities-filters{display:none}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-label{color:#1e293b;color:var(--text-primary);font-size:14px;margin-bottom:8px;transition:var(--transition)}.filter-input,.filter-select{background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-primary);color:var(--text-primary);padding:10px 16px;transition:all .3s ease;transition:var(--transition)}.filter-input:focus,.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.reset-btn,.search-btn{font-size:14px;padding:10px 20px;transition:all .3s ease;transition:var(--transition)}.search-btn{background:#667eea}.search-btn:hover{background:#5a67d8}.reset-btn{background:var(--bg-tertiary);border:2px solid #e2e8f0;border:2px solid var(--border-primary);color:var(--text-secondary)}.reset-btn:hover{background:var(--bg-secondary)}.category-tabs{display:none!important}.amenities-table-container{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.amenities-table{border-collapse:collapse;table-layout:fixed;width:100%}.amenities-table th{background:#f1f5f9;background:var(--bg-tertiary);font-size:14px;font-weight:600;text-align:left}.amenities-table td,.amenities-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);color:#1e293b;color:var(--text-primary);padding:16px;transition:all .3s ease;transition:var(--transition)}.amenities-table td{vertical-align:middle}.amenities-table td:first-child,.amenities-table th:first-child{text-align:left;width:30%}.amenities-table td:nth-child(2),.amenities-table th:nth-child(2){text-align:center;width:20%}.amenities-table td:nth-child(3),.amenities-table th:nth-child(3){text-align:center;width:15%}.amenities-table td:nth-child(4),.amenities-table th:nth-child(4){text-align:center;width:10%}.amenities-table td:nth-child(5),.amenities-table th:nth-child(5){text-align:center;width:25%}.amenities-table tr:hover{background:#f8fafc;background:var(--bg-secondary)}.amenities-table tbody tr:last-child td{border-bottom:none}.amenity-icon{background:#f1f5f9;background:var(--bg-tertiary);border-radius:8px;color:#667eea;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.amenity-icon,.amenity-info{align-items:center;display:flex}.amenity-info{gap:12px}.amenity-name{color:#1e293b;color:var(--text-primary,#1f2937);font-weight:600;margin:0 0 4px}.amenity-key,.amenity-name{transition:all .3s ease;transition:var(--transition,all .3s ease)}.amenity-key{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:4px;color:#64748b;color:var(--text-secondary,#6b7280);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:2px 6px}.category-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.category-furniture{background:#fef3c7;color:#92400e}.category-appliance{background:#dbeafe;color:#1e40af}.category-utility{background:#d1fae5;color:#065f46}.category-service{background:#fecaca;color:#991b1b}.category-other{background:#f3f4f6;color:#374151}.status-badge{border-radius:12px;gap:4px;padding:4px 8px}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fecaca;color:#991b1b}.display-order{color:#6b7280;font-weight:600;text-align:center}.action-menu-container{align-items:center;display:flex;justify-content:center;min-width:80px;position:relative;width:100%;z-index:1000}.action-menu-container.active{z-index:2147483646}.action-menu-trigger{align-items:center;background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:13px;height:36px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.action-menu-trigger:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc);box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary,#1f2937)}.action-menu-dropdown{animation:dropdownFadeIn .2s ease;border:1px solid var(--border-primary,#e2e8f0);border-radius:8px;box-shadow:0 8px 25px #0003;overflow:hidden;position:absolute;transform:translateZ(0);will-change:transform}.action-menu-dropdown.fixed-position{position:fixed!important}.action-menu-dropdown{margin-top:4px;right:0;top:100%}.action-menu-item{background:#fff;color:#1e293b;color:var(--text-primary,#1f2937);gap:8px;padding:10px 12px}.action-menu-item:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.action-menu-item.danger{color:#dc2626}.action-menu-item.danger:hover{color:#b91c1c}.action-menu-item i{font-size:12px;width:16px}.amenity-modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.amenity-modal{background:#fff;background:var(--bg-card);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;transition:all .3s ease;transition:var(--transition);width:90%}.amenity-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:24px}.amenity-modal-title{color:#1e293b;color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.amenity-modal-close,.amenity-modal-title{transition:all .3s ease;transition:var(--transition)}.amenity-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.amenity-modal-close:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.amenity-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:24px}.amenity-form-group{display:flex;flex-direction:column}.amenity-form-group.full{grid-column:1/-1}.amenity-form-label{font-weight:600;margin-bottom:8px}.amenity-form-input,.amenity-form-label,.amenity-form-select,.amenity-form-textarea{color:#1e293b;color:var(--text-primary);font-size:14px;transition:all .3s ease;transition:var(--transition)}.amenity-form-input,.amenity-form-select,.amenity-form-textarea{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-primary);border-radius:8px;padding:12px 16px}.amenity-form-input:focus,.amenity-form-select:focus,.amenity-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.amenity-form-textarea{min-height:80px;resize:vertical}.error-text{color:#dc2626;font-size:12px}.amenity-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-secondary{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.btn-primary{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-container{color:#6b7280;padding:60px 20px}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#667eea}.empty-container{color:#6b7280;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text{color:#374151;font-size:18px;font-weight:600;margin-bottom:8px}.empty-description{font-size:14px}.pagination-btn:not(:disabled):hover{background:#667eea}.pagination-number:hover{color:#667eea}.pagination-number.active{background:#667eea}@media (max-width:768px){.amenities-content{padding:16px}.amenity-form-grid,.filters-grid{grid-template-columns:1fr}.amenity-form-grid{padding:16px}.amenities-table-container{overflow-x:auto}.amenities-table{min-width:800px}.pagination-info{font-size:13px}.pagination-controls{gap:4px}.pagination-btn{font-size:12px;height:36px;width:36px}.pagination-number{font-size:12px;height:32px;width:32px}.pagination-numbers{gap:2px}.category-tabs{flex-wrap:wrap}}.icon-picker-container{position:relative;z-index:10}.icon-picker-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;gap:12px;min-height:48px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.icon-picker-trigger:hover{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.icon-picker-trigger i:first-child{color:#6b7280;flex-shrink:0;font-size:18px;text-align:center;width:20px}.icon-picker-trigger span{color:#374151;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-picker-trigger i:last-child{color:#9ca3af;flex-shrink:0;font-size:12px;transition:transform .2s ease}.icon-picker-trigger.active i:last-child{transform:rotate(180deg)}.icon-picker-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}.icon-picker-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));max-height:220px;overflow-y:auto;padding:12px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.icon-picker-grid::-webkit-scrollbar{width:6px}.icon-picker-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.icon-picker-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.icon-picker-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.icon-picker-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:58px;padding:8px 4px;position:relative;text-align:center;transition:all .15s ease}.icon-picker-item:hover{background:#f9fafb;border-color:#9333ea;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.icon-picker-item.selected{background:#ede9fe;border-color:#9333ea;box-shadow:0 0 0 2px #9333ea33;color:#9333ea}.icon-picker-item i{color:#6b7280;flex-shrink:0;font-size:16px}.icon-picker-item.selected i{color:#9333ea}.icon-picker-item span{color:#6b7280;display:block;font-size:9px;font-weight:500;line-height:1.1;max-width:100%;overflow:hidden;padding:0 2px;text-overflow:ellipsis;white-space:nowrap}.icon-picker-item.selected span{color:#9333ea}.icon-picker-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;padding:12px 16px}.icon-picker-custom{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px 12px;transition:border-color .2s ease;width:100%}.icon-picker-custom:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a;outline:none}.icon-picker-custom::placeholder{color:#9ca3af;font-style:italic}.amenity-modal{max-height:90vh;overflow-y:auto;position:relative}.amenity-form-grid{position:relative;z-index:1}.amenity-modal .icon-picker-dropdown{z-index:10000}body.modal-open{overflow:hidden}@media (max-width:768px){.icon-picker-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(55px,1fr));max-height:180px;padding:8px}.icon-picker-item{gap:3px;min-height:50px;padding:6px 2px}.icon-picker-item i{font-size:14px}.icon-picker-item span{font-size:8px}.icon-picker-dropdown{max-height:250px}.icon-picker-footer{padding:8px 12px}.icon-picker-custom{font-size:12px;padding:6px 8px}}.tenants-container{display:flex;min-height:100vh}.tenants-content{background:#f8fafc;background:var(--bg-secondary,#f8fafc);flex:1 1;padding:24px 34px 60px;transition:all .3s ease;transition:var(--transition,all .3s ease)}.tenants-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.tenants-title{background:linear-gradient(90deg,#1e3a8a,#9333ea);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:30px;font-weight:700;letter-spacing:.5px}.tenants-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.tenants-filters{display:none!important}.filters-grid{grid-gap:14px 24px;gap:14px 24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.filter-label{color:var(--text-secondary,#475569);font-size:12px;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease;transition:var(--transition,all .3s ease)}.filter-input,.filter-select{background:#f1f5f9;background:var(--bg-tertiary,#f8fafc);border-radius:10px;color:var(--text-primary,#000);outline:none;transition:.2s}.filter-input:focus,.filter-select:focus{background:#fff;background:var(--bg-card,#fff);box-shadow:0 0 0 3px #6366f133}.reset-btn,.search-btn{background:#1e293b;border-radius:10px;color:#fff;gap:8px;padding:10px 14px;transition:.25s}.reset-btn,.search-btn:hover{background:#334155}.reset-btn:hover{background:#475569}.tenants-container .tenants-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-bottom:24px}.tenants-container .tenant-room-card{background:#fff;background:var(--bg-card,#fff);border:2px solid #e8ebf5;border-radius:14px;box-shadow:0 2px 8px #0f172a14;overflow:hidden;transition:all .25s ease}.tenants-container .tenant-room-card:hover{border-color:#a7b2d8;box-shadow:0 8px 20px #0f172a26;transform:translateY(-2px)}.tenants-container .tenant-room-card.occupied{border-left:3px solid #10b981}.tenants-container .tenant-room-card.vacant{border-left:3px solid #f59e0b;opacity:.95}.tenants-container .tenant-room-header{align-items:center;background:linear-gradient(135deg,#f8f9ff,#f1f4ff);border-bottom:1px solid #e8ebf5;display:flex;gap:12px;padding:16px 18px}.tenants-container .tenant-room-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:11px;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.tenants-container .tenant-room-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:9px;min-width:0}.tenants-container .tenant-room-name{color:#1f2937;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.tenants-container .tenant-count-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.2px;margin-left:auto;padding:4px 11px}.tenants-container .tenant-room-content{padding:14px 18px 18px}.tenants-container .tenant-list{display:flex;flex-direction:column;gap:9px}.tenants-container .tenant-item{align-items:center;background:#f8f9fb;border:1px solid #e5e7eb;border-radius:11px;display:flex;gap:11px;padding:11px 13px;position:relative;transition:all .2s ease}.tenants-container .tenant-item:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease;width:3px}.tenants-container .tenant-item:hover{background:#f0f4ff;border-color:#c7d2fe}.tenants-container .tenant-item:hover:before{height:65%}.tenants-container .tenant-avatar{align-items:center;border-radius:11px;box-shadow:0 2px 6px #0000001a;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.tenants-container .tenant-avatar img{height:100%;object-fit:cover;width:100%}.tenants-container .tenant-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:13px;font-weight:700;height:100%;justify-content:center;letter-spacing:.4px;width:100%}.tenants-container .tenant-info{flex:1 1;min-width:0}.tenants-container .tenant-name{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenants-container .tenant-contact{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenants-container .tenant-edit-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.tenants-container .tenant-edit-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff;transform:scale(1.08)}.tenants-container .tenant-empty-state{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:11px;color:#9ca3af;display:flex;font-size:13px;font-style:italic;gap:8px;justify-content:center;padding:24px 18px}.tenants-container .status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.tenants-container .status-available{background:#d1fae5;color:#065f46}.tenants-container .status-rented{background:#dbeafe;color:#1e40af}.tenants-container .status-reserved{background:#fef3c7;color:#92400e}.tenants-container .status-maintenance{background:#fecaca;color:#991b1b}.tenants-container .empty-container{background:#fff;border-radius:20px;box-shadow:0 4px 20px -4px #0f172a1f;padding:80px 20px;text-align:center}.tenants-container .empty-container .empty-icon{font-size:72px;margin-bottom:20px}.tenants-container .empty-container .empty-text{color:#1e293b;color:var(--text-primary,#1f2937);font-size:22px;font-weight:700;margin-bottom:12px}.tenants-container .empty-container .empty-description{color:#64748b;color:var(--text-secondary,#6b7280);font-size:16px;margin:0}.tenants-container .pagination{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:32px}.tenants-container .pagination-info{text-align:center}.tenants-container .pagination-text{color:#6b7280;font-size:14px;font-weight:500}.tenants-container .pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tenants-container .pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.tenants-container .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.tenants-container .pagination-btn:not(:disabled):hover{background:#667eea;border-color:#667eea;color:#fff}.tenants-container .pagination-numbers{align-items:center;display:flex;gap:4px}.tenants-container .pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;transition:all .2s ease;width:36px}.tenants-container .pagination-number:hover{background:#f8fafc;border-color:#667eea;color:#667eea}.tenants-container .pagination-number.active{background:#667eea;border-color:#667eea;color:#fff;font-weight:600}.tenants-container .pagination-dots{align-items:center;color:#9ca3af;display:flex;font-weight:500;justify-content:center;min-width:20px;padding:0 8px}.tenants-container .loading-container{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px -4px #0f172a1f;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.tenants-container .loading-spinner{animation:tenants-spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#6366f1;height:48px;margin-bottom:16px;width:48px}@keyframes tenants-spin{to{transform:rotate(1turn)}}.tenants-container .loading-container p{color:#64748b;color:var(--text-secondary,#6b7280);font-size:16px;font-weight:600;margin:0}.tenant-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.tenant-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.tenant-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.tenant-modal-title-wrapper{align-items:center;display:flex;gap:14px}.tenant-modal-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:14px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.tenant-modal-title{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.tenant-modal-close{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.tenant-modal-close:hover{background:#fff3;transform:scale(1.05)}.tenant-modal-body{flex:1 1;overflow-y:auto;padding:28px}.tenant-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.tenant-form-group{display:flex;flex-direction:column;gap:8px}.tenant-form-group.full{grid-column:span 2}.tenant-form-label{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:600;gap:8px}.tenant-form-label i{color:#6366f1;font-size:14px}.tenant-form-input,.tenant-form-select,.tenant-form-textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.tenant-form-input:focus,.tenant-form-select:focus,.tenant-form-textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.tenant-form-input.error{border-color:#ef4444}.tenant-form-input.disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.tenant-form-textarea{min-height:80px;resize:vertical}.tenant-form-hint{color:#94a3b8;font-size:12px;font-style:italic}.tenant-error-text{color:#ef4444;font-size:12px;font-weight:500}.tenant-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;padding:20px 28px}.tenant-modal-footer,.tenant-modal-footer-right{align-items:center;display:flex;gap:12px}.tenant-btn-cancel,.tenant-btn-delete,.tenant-btn-submit{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.tenant-btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#64748b}.tenant-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.tenant-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tenant-btn-submit:hover:not(:disabled){box-shadow:0 10px 20px -6px #667eea80;transform:translateY(-2px)}.tenant-btn-submit:disabled{cursor:not-allowed;opacity:.6}.tenant-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.tenant-btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 20px -6px #ef444480;transform:translateY(-2px)}.tenant-btn-delete:disabled{cursor:not-allowed;opacity:.6}.tenant-image-upload-container{display:flex;flex-direction:column;gap:12px}.tenant-image-upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.tenant-image-upload-btn:hover{box-shadow:0 8px 16px -4px #667eea80;transform:translateY(-2px)}.tenant-image-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:8px}.tenant-image-preview-item{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;padding-top:100%;position:relative;width:100%}.tenant-image-preview-item img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.tenant-image-remove-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:8px;height:16px;justify-content:center;line-height:1;padding:0;position:absolute;right:2px;top:2px;transition:all .2s ease;width:16px;z-index:2}.tenant-image-remove-btn:hover{background:#dc2626;transform:scale(1.25)}.tenant-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172acc;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.tenant-confirm-modal{animation:slideDown .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;overflow:hidden;position:relative;width:90%;z-index:10002}.tenant-confirm-header{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-bottom:1px solid #fca5a5;display:flex;gap:12px;padding:24px 28px}.tenant-confirm-icon{color:#dc2626;font-size:28px}.tenant-confirm-header h3{color:#991b1b;font-size:20px;font-weight:700;margin:0}.tenant-confirm-body{padding:28px}.tenant-confirm-body p{color:#334155;font-size:15px;line-height:1.6;margin:0 0 16px}.tenant-confirm-body p:last-child{margin-bottom:0}.tenant-confirm-body strong{color:#0f172a;font-weight:600}.tenant-confirm-warning{align-items:flex-start;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#92400e!important;display:flex;font-size:14px!important;gap:10px;padding:12px 16px}.tenant-confirm-warning i{color:#f59e0b;flex-shrink:0;margin-top:2px}.tenant-confirm-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.tenant-confirm-btn-cancel,.tenant-confirm-btn-delete{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.tenant-confirm-btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#64748b}.tenant-confirm-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.tenant-confirm-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.tenant-confirm-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 20px -6px #ef444480;transform:translateY(-2px)}@media (max-width:768px){.tenants-container .pagination-info{font-size:13px}.tenants-container .pagination-controls{gap:4px}.tenants-container .pagination-btn{font-size:12px;height:36px;width:36px}.tenants-container .pagination-number{font-size:12px;height:32px;width:32px}.tenants-container .pagination-numbers{gap:2px}}@media (max-width:480px){.tenants-container .pagination{gap:12px;margin-top:24px}.tenants-container .pagination-info{font-size:12px}.tenants-container .pagination-controls{gap:2px}.tenants-container .pagination-btn{font-size:11px;height:32px;width:32px}.tenants-container .pagination-number{font-size:11px;height:28px;width:28px}}.modal-overlay{animation:fadeIn .2s ease-out;background:#0f172abf;z-index:10005}.import-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:95%;z-index:10006}.import-modal-content .modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 28px}.import-modal-content .modal-header h3{align-items:center;color:#1f2937;display:flex;font-size:22px;font-weight:700;gap:12px;margin:0}.import-modal-content .modal-header h3 i{color:#3b82f6;font-size:24px}.modal-close-btn{align-items:center;background:#0000;border-radius:8px;color:#6b7280;display:flex;height:36px;justify-content:center;width:36px}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.import-modal-content .modal-body{background:#fafbfc;flex:1 1;overflow-y:auto;padding:28px}.import-modal-content .modal-body::-webkit-scrollbar{width:8px}.import-modal-content .modal-body::-webkit-scrollbar-track{background:#f1f5f9}.import-modal-content .modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.import-modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.import-section{margin-bottom:24px}.import-top-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px;padding:20px;text-align:left}.template-download-area{display:flex;justify-content:flex-start;margin-bottom:12px}.template-download-btn{align-items:center;background:#8b5cf6;border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .2s ease}.template-download-btn:hover{background:#7c3aed;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.template-download-btn i{font-size:16px}.import-hint{align-items:flex-start;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:8px;color:#1e40af;display:flex;font-size:14px;gap:10px;line-height:1.5;margin-top:12px;padding:12px 16px}.import-hint i{color:#3b82f6;flex-shrink:0;font-size:16px;margin-top:2px}.file-upload-label{color:#374151;display:block;font-size:15px;font-weight:600;margin-bottom:10px}.file-upload-label i{color:#10b981;margin-right:6px}.file-input{display:none}.file-input-btn{align-items:center;background:#fff;border:2px dashed #cbd5e1;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;justify-content:center;padding:16px 20px;transition:all .2s ease;width:100%}.file-input-btn:hover{background:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.file-input-btn i{font-size:18px}.preview-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:14px}.preview-title i{color:#3b82f6;font-size:18px}.import-data-grid{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000001a;max-height:400px;overflow:auto}.import-data-grid::-webkit-scrollbar{height:8px;width:8px}.import-data-grid::-webkit-scrollbar-track{background:#f8fafc}.import-data-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.import-table{border-collapse:collapse;font-size:14px;width:100%}.import-table thead{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.import-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#64748b;font-size:13px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.import-table th:first-child{width:60px}.import-table th:nth-child(2){width:100px}.import-table th:nth-child(3){width:90px}.import-table th:nth-child(4){width:150px}.import-table th:nth-child(5){width:180px}.import-table th:nth-child(6),.import-table th:nth-child(7){width:120px}.import-table th:nth-child(8){width:250px}.import-table th:nth-child(9){width:90px}.import-table td{border-bottom:1px solid #f1f5f9;color:#475569;padding:8px}.import-table tbody tr{background:#fff;transition:background .15s ease}.import-table tbody tr:hover{background:#f8fafc}.import-table tbody tr.invalid-row{background:#fef2f2}.import-table tbody tr.invalid-row:hover{background:#fee2e2}.editable-cell{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:13px;padding:6px 8px;transition:all .2s ease;width:100%}.editable-cell:focus{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.invalid-row .editable-cell{background:#fef2f2;border-color:#fca5a5}.slot-info{text-align:center}.slot-available{color:#10b981}.slot-available,.slot-full{font-size:12px;font-weight:600}.slot-full{color:#ef4444}.validation-cell{text-align:center}.valid-badge{background:#d1fae5;color:#065f46}.invalid-badge,.valid-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.invalid-badge{background:#fee2e2;color:#991b1b;cursor:help}.import-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;margin-top:16px}.summary-item{align-items:center;background:#fff;border:1px solid #e5e7eb;font-size:14px;gap:8px;padding:10px 16px}.summary-label{color:#64748b;font-weight:500}.summary-value{color:#374151;font-size:16px;font-weight:700}.summary-value.valid{color:#10b981}.summary-value.invalid{color:#ef4444}.import-warning{align-items:flex-start;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:10px;line-height:1.5;margin-top:12px;padding:12px 16px}.import-warning i{color:#f59e0b;flex-shrink:0;font-size:16px;margin-top:2px}.import-modal-content .modal-footer{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.btn-import{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease}.btn-import:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 4px #0000001a}.btn-import:disabled{cursor:not-allowed;opacity:.6}.btn-import i.fa-spinner{animation:import-spin 1s linear infinite}@keyframes import-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--text-primary:#1e293b;--text-secondary:#64748b;--border-secondary:#cbd5e1;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.contracts-container{display:flex}.contracts-content{background:#f8fafc;background:var(--bg-secondary,#f8fafc);flex:1 1;padding:24px 34px 60px;transition:all .3s ease;transition:var(--transition,all .3s ease)}.contracts-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.contracts-title{background:linear-gradient(90deg,#1e3a8a,#9333ea);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:30px;font-weight:700;letter-spacing:.5px}.search-container{flex:1 1;margin:0 24px;max-width:500px}.search-icon{color:#64748b;z-index:2}.search-input{font-size:16px;font-weight:400;padding:12px 16px 12px 48px}.clear-search-btn{color:#94a3b8;transition:all .2s ease}.clear-search-btn:hover{background:#f1f5f9;color:#64748b}.status-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;gap:4px;padding:6px}.status-tab{background:#0000;border:none;position:relative;transition:all .3s ease}.status-tab:hover{background:#f1f5f9;color:#475569}.status-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1e293b}.tab-count{background:#e2e8f0;color:#64748b;font-weight:600;min-width:20px;text-align:center}.status-tab.active .tab-count{background:#667eea;color:#fff}.contracts-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.action-btn{border:2px solid #e2e8f0;color:#64748b;font-weight:600}.action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea66}.action-btn.primary:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.contract-tabs{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#eef2f7);border-radius:16px;box-shadow:0 2px 8px -2px #00000014;box-shadow:var(--shadow-sm,0 2px 8px -2px #00000014);display:flex;gap:4px;margin-bottom:20px;padding:6px}.tab-btn{align-items:center;border-radius:12px;color:var(--text-secondary,#64748b);display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.tab-btn:hover{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);color:#1e293b;color:var(--text-primary,#334155)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px -2px #667eea66;color:#fff}.contracts-filters{display:none!important}.filters-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:2fr 1fr auto auto}.filter-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;font-weight:600;margin-bottom:4px}.filter-input,.filter-select{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#334155);font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.reset-btn,.search-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;height:40px;padding:10px 16px;transition:all .2s ease}.search-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 4px #6366f14d}.search-btn:hover{box-shadow:0 4px 8px #6366f166}.reset-btn{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.reset-btn:hover{background:#f8fafc;background:var(--bg-secondary,#e2e8f0);color:#1e293b;color:var(--text-primary,#334155)}.contracts-status-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.contracts-status-tab{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:25px;color:#6b7280;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.contracts-status-tab.active{background:#667eea;border-color:#667eea;color:#fff}.contracts-status-tab:hover:not(.active){background:#f8fafc;border-color:#cbd5e0}.contracts-status-tab .tab-count{background:#fff3;border-radius:12px;font-size:12px;padding:2px 8px}.contracts-status-tab.active .tab-count{background:#ffffff4d}.contracts-table-container{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden;position:relative}.contracts-table{border-collapse:collapse;table-layout:fixed;width:100%}.contracts-table th{background:#f1f5f9;background:var(--bg-tertiary);font-weight:600;text-align:left}.contracts-table td,.contracts-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);color:#1e293b;color:var(--text-primary);font-size:14px;padding:16px;transition:all .3s ease;transition:var(--transition)}.contracts-table td{font-weight:500;vertical-align:middle}.contracts-table tr:hover{background:#f8fafc;background:var(--bg-secondary)}.contracts-table td:first-child{font-size:15px}.contracts-table td:first-child,.contracts-table td:nth-child(2){color:#1e293b;color:var(--text-primary,#334155);font-weight:600}.contracts-table td:nth-child(3),.contracts-table td:nth-child(4),.contracts-table td:nth-child(5){color:#64748b;color:var(--text-secondary,#64748b);font-weight:500}.contracts-table td .price-info .price-main{color:#1e293b;color:var(--text-primary,#334155);font-size:15px;font-weight:700;margin:0;padding:0}.contracts-table td .price-info .price-sub{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;margin:2px 0 0;padding:0}.status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-expired{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-terminated{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.action-btn{border-radius:8px;display:inline-flex;padding:8px 12px}.view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.view-btn:hover{box-shadow:0 4px 8px #3b82f666}.contracts-table td>div{margin:0;padding:0}.contracts-table td:last-child,.contracts-table th:last-child{text-align:center}.room-info{display:flex;flex-direction:column;margin:0;padding:0}.room-name{color:#1e293b;color:var(--text-primary,#334155);font-size:14px;font-weight:600;line-height:1.4;margin:0;padding:0}.tenant-info{display:flex;flex-direction:column;margin:0;padding:0}.tenant-name{color:#1e293b;color:var(--text-primary,#334155);font-weight:600;line-height:1.4;margin:0;padding:0}.phone-info{font-size:13px}.date-info,.phone-info{color:#64748b;color:var(--text-secondary,#64748b)}.date-info{font-weight:500}.price-info{display:flex;flex-direction:column}.price-main{color:#1e3a8a;font-size:14px;font-weight:700}.price-period,.price-sub{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px}.price-sub{margin-top:2px}.status-badge{padding:6px 12px}.status-badge.status-active{background:linear-gradient(90deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;color:#065f46}.status-badge.status-pending{background:linear-gradient(90deg,#fefbeb,#fef3c7);border:1px solid #fde68a;color:#92400e}.status-badge.status-expired{background:linear-gradient(90deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;color:#991b1b}.status-badge.status-terminated{background:linear-gradient(90deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.actions-container{display:flex;gap:8px;justify-content:center}.action-btn{border:none;border-radius:10px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.view-btn{background:linear-gradient(90deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;color:#0369a1}.view-btn:hover{background:linear-gradient(90deg,#0ea5e9,#0284c7);box-shadow:0 4px 12px -2px #0ea5e966;color:#fff;transform:translateY(-1px)}.contracts-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.contract-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#eef2f7);border-radius:18px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md,0 6px 22px -6px #0f172a2e);display:flex;flex-direction:column;gap:10px;padding:18px 18px 16px;position:relative;transition:all .3s ease;transition:var(--transition,all .3s ease)}.contract-status{background:#10b981;background:var(--accent-success,#10b981);border-radius:30px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;position:absolute;right:14px;top:14px}.contract-status.expired{background:#f59e0b;background:var(--accent-warning,#f59e0b)}.contract-status.terminated{background:#ef4444;background:var(--accent-danger,#ef4444)}.contract-meta{color:#64748b;color:var(--text-secondary,#475569);font-size:12px;line-height:1.5;transition:all .3s ease;transition:var(--transition,all .3s ease)}.contract-amount{color:#1e3a8a;font-size:15px;font-weight:700}.contract-actions{display:flex;gap:8px;margin-top:auto}.contract-actions .action-btn{align-items:center;background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:none;border-radius:10px;color:#1e293b;color:var(--text-primary,#334155);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 10px;transition:.25s}.contract-actions .action-btn:hover{background:#6366f1;box-shadow:0 6px 18px -4px #6366f173;color:#fff;transform:translateY(-2px)}.pagination{margin-top:30px}.pagination-info{color:#64748b;color:var(--text-secondary,#64748b)}.pagination-btn{background:var(--bg-card,#fff);border:1px solid var(--border-primary,#e2e8f0);border-radius:10px;color:#1e293b;color:var(--text-primary,#334155);font-size:16px}.pagination-btn:disabled{opacity:.4}.pagination-btn:not(:disabled):hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.pagination-numbers{gap:6px}.pagination-number{background:var(--bg-card,#fff);border:1px solid var(--border-primary,#e2e8f0);border-radius:10px;color:#1e293b;color:var(--text-primary,#334155);height:40px;min-width:40px;padding:0 12px;transition:all .3s ease}.pagination-number:hover{color:#fff;transform:translateY(-2px)}.pagination-number.active,.pagination-number:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66}.pagination-dots{color:#64748b;color:var(--text-secondary,#94a3b8);font-size:14px;padding:0 4px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.pagination{gap:16px}.pagination-info{font-size:13px}.pagination-btn,.pagination-number{font-size:13px;height:36px;min-width:36px}.pagination-numbers{gap:4px}.pagination-controls{gap:6px}}@media (max-width:480px){.pagination{gap:12px}.pagination-info{font-size:12px}.pagination-btn,.pagination-number{font-size:12px;height:32px;min-width:32px;padding:0 8px}.pagination-numbers{gap:3px}.pagination-controls{gap:4px}.pagination-dots{font-size:12px;padding:0 2px}}.action-menu-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .2s ease}.action-menu-btn:hover{background:#f1f5f9;color:#334155}.action-menu-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px -4px #00000026;min-width:180px;padding:8px;z-index:2147483647}.action-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.action-menu-item:hover{background:#f1f5f9;color:#1e293b}.action-menu-item i{color:#64748b;font-size:14px;width:18px}.action-menu-item:hover i{color:#334155}.action-menu-item.danger{color:#ef4444}.action-menu-item.danger:hover{background:#fef2f2}.action-menu-item.danger i{color:#ef4444}.tenant-count-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px -2px #667eea66;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.tenant-count-badge i{font-size:12px}.info-message{align-items:flex-start;background:#e0f2fe;border-left:4px solid #0284c7;border-radius:8px;color:#075985;display:flex;font-size:13px;gap:10px;margin:12px 0;padding:12px 16px}.info-message i{font-size:16px;margin-top:2px}.info-message strong{color:#0369a1}.rental-contract-modal.view-mode .form-input,.rental-contract-modal.view-mode textarea{background-color:#f8fafc;border-color:#e2e8f0;cursor:default}.rental-contract-modal.view-mode .tenant-item.view-mode{background:#f8fafc;border-radius:12px;padding:16px}.rental-contract-modal.view-mode .no-data-message{color:#64748b;font-style:italic;padding:40px 20px;text-align:center}.rental-contract-modal.view-mode .tenant-images-gallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.rental-contract-modal.view-mode .tenant-image-item{border:2px solid #e2e8f0;border-radius:8px;height:100px;overflow:hidden;position:relative;width:100px}.rental-contract-modal.view-mode .tenant-image-preview{height:100%;object-fit:cover;width:100%}.print-modal{max-height:80vh;max-width:800px;overflow-y:auto}.print-select-all{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:16px}.print-select-all label{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-weight:600;gap:10px}.print-select-all input[type=checkbox]{cursor:pointer;height:18px;width:18px}.print-contracts-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:4px}.print-contract-item{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .2s ease}.print-contract-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.print-contract-item label{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.print-contract-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin-top:4px;width:18px}.print-contract-item input[type=checkbox]:checked{accent-color:#3b82f6}.contract-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.contract-main{align-items:center;display:flex;gap:16px}.room-number{color:#1e293b;font-size:15px;font-weight:600}.tenant-name{color:#64748b;font-size:14px}.contract-details{color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.contract-date,.contract-rent{align-items:center;display:flex;gap:6px}.contract-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.contract-status.status-active{background:#d1fae5;color:#065f46}.contract-status.status-pending{background:#fef3c7;color:#92400e}.contract-status.status-expired{background:#fee2e2;color:#991b1b}.contract-status.status-terminated{background:#f1f5f9;color:#475569}.modal-footer button:disabled{cursor:not-allowed;opacity:.5}.modal-content{animation:modalSlideIn .3s ease-out;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid #e2e8f0}.modal-header h2{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0}.modal-header h2 i{color:#3b82f6}.close-modal-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#6b7280;height:40px;width:40px}.close-modal-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626;transform:scale(1.05)}.close-modal-btn:active{transform:scale(.95)}.modal-footer{border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;padding:16px 24px}.modal-footer .btn-secondary{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.modal-footer .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.modal-footer .btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.modal-footer .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 8px -1px #3b82f666;transform:translateY(-1px)}.modal-footer .btn-primary:active{transform:translateY(0)}.payments-container{background:#f8fafc;display:flex;font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.payments-content{flex:1 1;overflow-y:auto;padding:24px}.payments-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.payments-title{background:linear-gradient(90deg,#1e3a8a,#9333ea);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:30px;font-weight:700;letter-spacing:.5px}.search-container{flex-wrap:wrap;gap:12px}.search-container,.search-input-wrapper{align-items:center;display:flex}.search-input{border:2px solid #e5e7eb;border-radius:12px;min-width:300px;padding:12px 16px 12px 44px}.search-input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.search-icon{color:#9ca3af}.clear-search-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px;position:absolute;right:12px;transition:all .2s}.clear-search-btn:hover{background:#f3f4f6;color:#6b7280}.filter-select{min-width:140px}.filter-date,.filter-select{border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:12px 16px}.filter-date{background:#fff;color:#374151;font-size:14px;min-width:160px;transition:all .3s ease}.filter-date:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a;outline:none}.date-filter-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.date-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:2px}.filter-select:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a;outline:none}.date-filter-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:12px;box-shadow:0 2px 8px #fbbf2426;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:14px 20px}.banner-content{align-items:center;display:flex;flex:1 1;gap:12px}.banner-content i{color:#d97706;font-size:18px}.banner-text{color:#92400e;font-size:14px;font-weight:600}.banner-clear-btn{align-items:center;background:#fff;border:1px solid #fbbf24;border-radius:8px;color:#d97706;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.banner-clear-btn:hover{background:#fef3c7;border-color:#d97706;box-shadow:0 2px 6px #d9770633;color:#92400e;transform:translateY(-1px)}.banner-clear-btn i{font-size:12px}.status-tabs{gap:8px;overflow-x:auto}.status-tab{border-radius:25px;color:#6b7280;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.status-tab.active{background:#667eea;border-color:#667eea}.status-tab:hover:not(.active){background:#f8fafc;border-color:#cbd5e0}.tab-count{background:#fff3;border-radius:12px;font-size:12px;padding:2px 8px}.status-tab.active .tab-count{background:#ffffff4d}.payments-actions{align-items:end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.action-btn:hover{border-color:#1e40af;box-shadow:0 4px 12px #0000001a;color:#1e40af;transform:translateY(-1px)}.action-btn.primary{background:#1e40af;border-color:#1e40af;color:#fff}.action-btn.primary:hover{background:#1e3a8a;border-color:#1e3a8a;color:#fff}.action-btn.export-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;font-size:13px;min-width:auto;padding:8px 16px}.action-btn.export-btn i{font-size:12px}.action-btn.export-btn:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#059669;box-shadow:0 4px 12px #10b9814d;color:#fff;transform:translateY(-1px)}.payments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.payment-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;cursor:pointer;overflow:hidden;transition:all .3s ease}.payment-card:hover{border-color:#667eea;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.payment-card-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9ff,#f1f4ff);border-bottom:1px solid #e8ebf5;display:flex;gap:12px;justify-content:space-between;padding:20px}.payment-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.payment-room,.payment-tenant{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.payment-room{color:#1f2937;font-size:16px;font-weight:700}.payment-room i{color:#667eea;font-size:18px}.payment-tenant i{color:#9ca3af;font-size:13px}.payment-card-body{display:flex;flex-direction:column;gap:16px;padding:20px}.payment-period{align-items:center;background:#f9fafb;border-radius:8px;color:#6b7280;display:flex;font-size:13px;gap:8px;padding:12px}.payment-period i{color:#667eea;font-size:14px}.payment-dates{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.date-item{flex-direction:column;gap:4px}.date-item label{color:#9ca3af;font-size:12px;font-weight:600}.date-item span{color:#374151;font-size:14px}.payment-amount{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.payment-amount label{color:#166534;font-size:14px;font-weight:600}.amount-value{color:#15803d;font-size:20px;font-weight:700}.payment-date-paid{align-items:center;background:#f0fdf4;border-radius:8px;color:#166534;display:flex;font-size:13px;gap:8px;padding:10px 14px}.payment-date-paid i{color:#22c55e}.payment-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;padding:16px 20px}.btn-mark-paid,.btn-view-detail{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.btn-mark-paid{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-mark-paid:hover{box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.btn-view-detail{background:#fff;border:2px solid #667eea;color:#667eea}.btn-view-detail:hover{background:#667eea;color:#fff}.status-badge{flex-shrink:0;letter-spacing:.5px;padding:6px 14px}.status-paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-unpaid{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-overdue{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b}.status-pending{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.empty-container,.loading-container{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px -4px #0f172a1f;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{border-top-color:#6366f1;height:48px;width:48px}.loading-container p{color:#6b7280;font-size:16px;font-weight:600;margin:0}.empty-icon{font-size:72px;margin-bottom:20px}.empty-text{color:#1f2937;font-size:22px;font-weight:700;margin-bottom:12px}.empty-description{color:#6b7280;font-size:16px;margin:0}.pagination{flex-direction:column;gap:16px}.pagination-text{color:#6b7280;font-size:14px;font-weight:500}.pagination-controls{flex-wrap:wrap;gap:8px;justify-content:center}.pagination-btn{border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;height:40px;width:40px}.pagination-btn:disabled{opacity:.5}.pagination-btn:not(:disabled):hover{background:#1e40af;background:var(--primary-color,#1e40af);border-color:#1e40af;border-color:var(--primary-color,#1e40af);color:#fff}.pagination-numbers{gap:4px}.pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pagination-number:hover{background:#f8fafc;color:#1e40af;color:var(--primary-color,#1e40af)}.pagination-number.active,.pagination-number:hover{border-color:#1e40af;border-color:var(--primary-color,#1e40af)}.pagination-number.active{background:#1e40af;background:var(--primary-color,#1e40af);color:#fff;font-weight:600}.pagination-dots{align-items:center;color:#9ca3af;display:flex;font-weight:500;justify-content:center;min-width:20px;padding:0 8px}@media (max-width:768px){.pagination-info{font-size:13px}.pagination-controls{gap:4px}.pagination-btn{font-size:12px;height:36px;width:36px}.pagination-number{font-size:12px;height:32px;width:32px}.pagination-numbers{gap:2px}}@media (max-width:480px){.pagination{gap:12px;margin-top:24px}.pagination-info{font-size:12px}.pagination-controls{gap:2px}.pagination-btn{font-size:11px;height:32px;width:32px}.pagination-number{font-size:11px;height:28px;width:28px}.pagination-dots{min-width:16px;padding:0 4px}}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-container{border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.modal-header{background:linear-gradient(135deg,#f8f9ff,#f1f4ff);border-bottom:2px solid #e5e7eb;padding:24px 28px}.modal-title{color:#1f2937;font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:#fff;border-radius:50%;color:#6b7280;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-close:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.invoice-detail-grid{grid-gap:20px;display:grid;gap:20px;padding:4px}.detail-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px}.detail-section h3{align-items:center;border-bottom:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:17px;font-weight:700;gap:10px;margin:0 0 18px;padding-bottom:14px}.detail-section h3 i{color:#3b82f6;font-size:18px}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row label{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px}.detail-row label i{color:#9ca3af;width:16px}.detail-row span{color:#1f2937;font-size:14px;font-weight:600}.invoice-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff!important;font-family:Courier New,monospace;font-weight:700!important;letter-spacing:.5px;padding:6px 14px}.period-range{background:#f0f9ff;color:#0369a1!important;font-weight:600!important}.overdue-date,.period-range{border-radius:6px;padding:6px 12px}.overdue-date{background:#fee2e2;color:#dc2626!important;font-weight:700!important}.utilities-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.utility-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.utility-item{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:16px}.utility-item.electric{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fbbf24}.utility-item.water{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#60a5fa}.utility-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.utility-item.electric .utility-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.utility-item.water .utility-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.utility-details{flex:1 1}.utility-details label{color:#6b7280;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.utility-reading{align-items:center;display:flex;gap:10px;margin-bottom:6px}.utility-reading .new-reading,.utility-reading .old-reading{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:16px;font-weight:700;padding:6px 12px}.utility-reading .new-reading{border-color:#3b82f6;color:#1e40af}.utility-reading i{color:#9ca3af;font-size:12px}.utility-consumption{color:#4b5563;font-size:13px;margin-top:6px}.utility-consumption strong{color:#1f2937;font-weight:700}.payment-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.charges-list{margin-bottom:16px}.charge-item{background:#fff;border:1px solid #f3f4f6;border-radius:8px;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.charge-info,.charge-item{align-items:center;display:flex}.charge-info{gap:12px}.charge-info i{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.charge-desc{color:#374151;font-size:14px;font-weight:500}.charge-amount{color:#1f2937;font-size:15px;font-weight:700}.discount-row{align-items:center;background:#fee2e2;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.discount-row label{align-items:center;color:#991b1b;display:flex;font-size:14px;font-weight:600;gap:8px}.discount-amount{color:#dc2626;font-size:15px;font-weight:700}.total-row{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;justify-content:space-between;margin-top:16px;padding:16px}.total-row,.total-row label{align-items:center;display:flex}.total-row label{color:#fff!important;font-size:16px;font-weight:700;gap:10px}.total-amount{color:#fff!important;font-size:20px;font-weight:800}.notes-section{background:#fef3c7;border-color:#fbbf24}.notes-content{background:#fff;border-left:4px solid #fbbf24;border-radius:8px;color:#4b5563;font-size:14px;line-height:1.6;margin:0;padding:12px}.detail-row.total{border-top:2px solid #e5e7eb;margin-top:12px;padding-top:16px}.detail-row.total label{color:#1f2937;font-size:16px;font-weight:700}.detail-row.total span{color:#15803d;font-size:18px;font-weight:700}.modal-footer{background:#f9fafb;border-top:2px solid #e5e7eb}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.header-actions{align-items:center;display:flex;gap:12px}.btn-batch-export-trigger{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.btn-batch-export-trigger:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-batch-export-trigger i{font-size:16px}.batch-export-modal{display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.batch-export-modal .modal-body{flex:1 1;overflow-y:auto;padding:0}.batch-filters{align-items:flex-end;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.batch-filter-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:150px}.batch-filter-label{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:600;gap:6px}.batch-filter-label i{color:#667eea;font-size:12px}.batch-filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.batch-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.batch-filter-reset{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;height:38px;padding:8px 16px;transition:all .2s;white-space:nowrap}.batch-filter-reset:hover{background:#dc2626;transform:translateY(-1px)}.batch-select-header{align-items:center;background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.btn-select-all-modal{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.btn-select-all-modal:hover{background:#f0f4ff;border-color:#5a67d8;color:#5a67d8}.selected-info{color:#6b7280;font-size:14px}.selected-info strong{color:#667eea;font-size:16px}.batch-invoice-list{gap:8px;padding:12px}.batch-empty,.batch-invoice-list{display:flex;flex-direction:column}.batch-empty{align-items:center;color:#94a3b8;justify-content:center;padding:60px 20px;text-align:center}.batch-empty i{font-size:64px;margin-bottom:16px;opacity:.5}.batch-empty p{font-size:16px;font-weight:500;margin:0}.batch-invoice-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.batch-invoice-item:hover{background:#f9fafb;border-color:#cbd5e0}.batch-invoice-item.selected{background:linear-gradient(90deg,#f8f9ff 0,#fff);border-color:#667eea;box-shadow:0 2px 8px #667eea26}.batch-checkbox{flex-shrink:0}.batch-checkbox input[type=checkbox]{accent-color:#667eea;border-radius:4px;cursor:pointer;height:20px;width:20px}.batch-invoice-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.batch-invoice-main{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.batch-room{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:700;gap:6px}.batch-room i{color:#667eea}.batch-tenant{align-items:center;color:#64748b;display:flex;font-size:14px;gap:6px}.batch-tenant i{color:#94a3b8}.batch-invoice-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.batch-amount{color:#dc2626;font-size:15px;font-weight:700}.batch-status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.batch-status.paid{background:#d1fae5;color:#065f46}.batch-status.draft,.batch-status.sent,.batch-status.unpaid{background:#fef3c7;color:#92400e}.batch-status.overdue{background:#fee2e2;color:#991b1b}.batch-status.pending{background:#dbeafe;color:#1e40af}.batch-export-modal .modal-footer{border-top:2px solid #e5e7eb;padding:16px 24px}.batch-export-modal .btn-primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1200px){.payments-header{align-items:flex-start;flex-direction:column;gap:20px}.search-container{justify-content:flex-start;width:100%}.search-input{min-width:250px}}@media (max-width:768px){.payments-content{padding:16px}.payments-title{font-size:24px}.date-filter-banner,.search-container{align-items:stretch;flex-direction:column;gap:12px}.banner-content{align-items:flex-start;flex-direction:column;gap:8px}.banner-clear-btn{justify-content:center;width:100%}.filter-select,.search-input{min-width:0;min-width:auto;width:100%}.payments-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}.status-tabs{gap:8px;overflow-x:auto;padding-bottom:8px}.status-tab{flex-shrink:0;font-size:13px;padding:10px 16px}.payments-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.payments-content{padding:12px}.payments-title{font-size:20px}.search-input{padding:10px 14px 10px 40px}.status-tab{font-size:12px;padding:8px 12px}.tab-count{font-size:11px;padding:2px 6px}}.settings-container{color:#1a202c;color:var(--text-primary,#1a202c);display:flex;font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.settings-container,.settings-content{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.settings-content{flex:1 1;overflow-y:auto;padding:24px}.settings-container *{font-family:Inter,Segoe UI,Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif}.settings-header{margin-bottom:32px}.settings-title{color:#1a202c;color:var(--text-primary,#1a202c);font-size:32px;font-weight:600;letter-spacing:-.02em;margin:0}.settings-tabs{display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;padding-bottom:8px}.settings-tab{align-items:center;background:#fff;background:var(--bg-card,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-primary,#e2e8f0);border-radius:12px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-weight:600;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 20px;transition:all .2s;white-space:nowrap}.settings-tab:hover{background:#f8fafc;background:var(--bg-tertiary,#f8fafc);border-color:#cbd5e0;border-color:var(--border-secondary,#cbd5e0)}.settings-tab.active{background:#667eea;background:var(--accent-primary,#667eea);border-color:#667eea;border-color:var(--accent-primary,#667eea)}.settings-tab i{font-size:16px}.settings-main{max-width:800px}.settings-section{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:16px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md,0 4px 6px #0000000d);margin-bottom:24px;padding:24px}.section-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-primary,#f3f4f6);margin-bottom:24px;padding-bottom:16px}.section-title{color:#1a202c;color:var(--text-primary,#1a202c);font-size:20px;font-weight:600;margin:0 0 8px}.section-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.section-content{margin:0}.language-options{display:flex;flex-direction:column;gap:12px}.language-option{align-items:center;background:#fff;background:var(--bg-card,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-primary,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.language-option:hover{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border-color:#d1d5db;border-color:var(--border-secondary,#d1d5db)}.language-option.active{background:#f0f9ff;background:var(--bg-tertiary,#f0f9ff);border-color:#667eea;border-color:var(--accent-primary,#667eea)}.language-flag{align-items:center;background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);border-radius:12px;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.language-info{flex:1 1}.language-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600;margin-bottom:4px}.language-code{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.language-radio{margin-left:auto}.language-radio input[type=radio]{accent-color:#667eea;accent-color:var(--accent-primary,#667eea);cursor:pointer;height:20px;width:20px}.coming-soon{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border:2px dashed #d1d5db;border:2px dashed var(--border-secondary,#d1d5db);border-radius:12px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;font-weight:500;gap:12px;justify-content:center;padding:40px}.coming-soon i{font-size:24px}@media (max-width:768px){.settings-content{padding:16px}.settings-tabs{flex-direction:column;gap:8px}.settings-tab{justify-content:center}.language-option{flex-direction:column;gap:12px}.language-info,.language-option{text-align:center}.language-radio{margin-left:0}}.settings-content{transition:opacity .3s ease}.language-changing{opacity:.7;pointer-events:none}.language-success{animation:slideIn .3s ease;background:#10b981;border-radius:8px;color:#fff;font-weight:600;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1000}.logout-section{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:16px;display:flex;justify-content:space-between;margin-top:16px;padding:24px}.logout-info h4{color:#dc2626;font-size:18px;font-weight:700;margin:0 0 8px}.logout-info p{color:#991b1b;font-size:14px;line-height:1.5;margin:0}.logout-button{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.logout-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.logout-button:active{box-shadow:0 2px 8px #dc26264d;transform:translateY(0)}.logout-button i{font-size:16px}.theme-options{display:flex;flex-wrap:wrap;gap:24px}.theme-option{align-items:center;background:#fff;background:var(--bg-card,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-primary,#e2e8f0);border-radius:16px;cursor:pointer;display:flex;flex:1 1;gap:16px;min-width:300px;padding:20px;transition:all .3s ease}.theme-option:hover{box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.theme-option.active,.theme-option:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6)}.theme-option.active{background:linear-gradient(135deg,#3b82f60d,#3b82f605);box-shadow:0 8px 25px #3b82f633}.theme-preview{border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:80px}.light-preview{background:#fff}.dark-preview{background:#1a202c}.preview-header{background:linear-gradient(135deg,#667eea,#764ba2);height:12px}.preview-body{display:flex;gap:4px;height:48px;padding:4px}.preview-sidebar{border-radius:4px;width:20px}.light-preview .preview-sidebar{background:linear-gradient(135deg,#667eea,#764ba2)}.dark-preview .preview-sidebar{background:linear-gradient(135deg,#2d3748,#4a5568)}.preview-content{display:flex;flex:1 1;flex-direction:column;gap:3px;padding:4px}.preview-line{border-radius:2px;height:3px}.preview-line.short{width:60%}.light-preview .preview-line{background:#e2e8f0}.dark-preview .preview-line{background:#4a5568}.theme-info{flex:1 1}.theme-name{color:#1a202c;color:var(--text-primary,#1a202c);font-size:16px;font-weight:600;margin-bottom:4px}.theme-description{color:#718096;color:var(--text-secondary,#718096);font-size:14px;line-height:1.4}.theme-radio{align-items:center;display:flex}.theme-radio input[type=radio]{accent-color:#3b82f6;accent-color:var(--accent-primary,#3b82f6);height:20px;width:20px}[data-theme=dark] .theme-option{background:var(--bg-card);border-color:var(--border-primary)}[data-theme=dark] .theme-option:hover{border-color:var(--accent-primary)}[data-theme=dark] .theme-option.active{background:linear-gradient(135deg,#63b3ed1a,#63b3ed0d);border-color:var(--accent-primary)}[data-theme=dark] .theme-name{color:var(--text-primary)}[data-theme=dark] .theme-description{color:var(--text-secondary)}@media (max-width:768px){.theme-options{flex-direction:column}.theme-option{min-width:auto}}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-sidebar:linear-gradient(135deg,#667eea,#764ba2);--text-primary:#1a202c;--text-secondary:#718096;--text-tertiary:#a0aec0;--text-sidebar:#fff;--border-primary:#e2e8f0;--border-secondary:#cbd5e0;--accent-primary:#3b82f6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition:all 0.3s ease}[data-theme=dark]{--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-tertiary:#4a5568;--bg-card:#2d3748;--bg-sidebar:linear-gradient(135deg,#2d3748,#4a5568);--text-primary:#f7fafc;--text-secondary:#cbd5e0;--text-tertiary:#a0aec0;--text-sidebar:#fff;--border-primary:#4a5568;--border-secondary:#718096;--accent-primary:#63b3ed;--accent-success:#68d391;--accent-warning:#fbb042;--accent-danger:#fc8181;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}body{transition:all .3s ease;transition:var(--transition)}.dashboard-container,.reports-container,.rooms-container,.settings-container,.users-container,.vouchers-container,body{background-color:#f8fafc;background-color:var(--bg-secondary);color:#1a202c;color:var(--text-primary)}.dashboard-content,.rooms-content,.settings-content{background-color:#f8fafc;background-color:var(--bg-secondary)}.chart-card,.room-card,.settings-section,.stat-card{background-color:#fff;background-color:var(--bg-card);border-color:#e2e8f0;border-color:var(--border-primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.dashboard-title,.rooms-title,.settings-title{color:#1a202c;color:var(--text-primary)}.dashboard-subtitle,.section-description{color:#718096;color:var(--text-secondary)}.stat-number{color:#1a202c;color:var(--text-primary)}.stat-label{color:#718096;color:var(--text-secondary)}.add-room-btn,.logout-button,.reset-btn,.search-btn{background:#3b82f6;background:var(--accent-primary);border:none;color:#fff;transition:all .3s ease;transition:var(--transition)}.add-room-btn:hover,.reset-btn:hover,.search-btn:hover{background:#3b82f6;background:var(--accent-primary);filter:brightness(1.1)}.sidebar-drawer{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--bg-sidebar)!important}.settings-tab{background-color:#fff;background-color:var(--bg-card);border-color:#e2e8f0;border-color:var(--border-primary);color:#1a202c;color:var(--text-primary)}.settings-tab.active{background-color:#3b82f6;background-color:var(--accent-primary);color:#fff}.language-option{background-color:#fff;background-color:var(--bg-card);border-color:#e2e8f0;border-color:var(--border-primary);color:#1a202c;color:var(--text-primary)}.language-option.active{background-color:#f1f5f9;background-color:var(--bg-tertiary);border-color:#3b82f6;border-color:var(--accent-primary)}.coming-soon{color:#718096;color:var(--text-secondary)}.filters{background-color:#fff;background-color:var(--bg-card);border-color:#e2e8f0;border-color:var(--border-primary)}.status-available{background-color:#10b981;background-color:var(--accent-success)}.status-occupied{background-color:#f59e0b;background-color:var(--accent-warning)}.status-maintenance{background-color:#ef4444;background-color:var(--accent-danger)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}[data-theme=dark] .room-card:hover,[data-theme=dark] .stat-card:hover{box-shadow:0 8px 25px #0006}[data-theme=dark] .language-name,[data-theme=dark] .section-title,[data-theme=dark] .settings-title,[data-theme=dark] .theme-name{color:#1a202c!important;color:var(--text-primary)!important}[data-theme=dark] .language-code,[data-theme=dark] .section-description,[data-theme=dark] .theme-description{color:#718096!important;color:var(--text-secondary)!important}[data-theme=dark] .chart-title,[data-theme=dark] .dashboard-title,[data-theme=dark] .stat-number{color:#1a202c!important;color:var(--text-primary)!important}[data-theme=dark] .chart-period,[data-theme=dark] .dashboard-subtitle,[data-theme=dark] .stat-label{color:#718096!important;color:var(--text-secondary)!important}[data-theme=dark] .room-name,[data-theme=dark] .rooms-title{color:#1a202c!important;color:var(--text-primary)!important}[data-theme=dark] .room-description,[data-theme=dark] .room-detail{color:#718096!important;color:var(--text-secondary)!important}.theme-transition{transition:all .5s cubic-bezier(.4,0,.2,1)}.profile-layout{background-color:#f5f5f5;display:flex;min-height:calc(100vh - 80px);position:relative}.profile-sidebar{background:#fff;box-shadow:2px 0 5px #0000001a;height:calc(100vh - 80px);overflow-y:auto;position:fixed;width:280px;z-index:100}.sidebar-header{background:linear-gradient(135deg,#0dac12,#4d9100);border-bottom:1px solid #e9ecef;color:#fff;padding:25px 20px}.user-info{gap:15px}.sidebar-avatar{background-color:#f8f9fa;border:3px solid #fff;border-radius:50%;height:50px;object-fit:cover;transition:all .3s ease;width:50px}.user-details h4{color:#fff;font-size:16px;font-weight:600;margin:0}.user-details p{color:#fffc;font-size:14px;margin:5px 0}.user-role{background:#fff3;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:3px 8px}.sidebar-nav{padding:20px 0}.nav-item{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:15px 25px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.nav-item:hover{background:#f8f9fa;color:#007bff;transform:translateX(5px)}.nav-item.active{background:linear-gradient(90deg,#007bff1a,#0000);border-right:3px solid #007bff;color:#007bff;font-weight:600}.nav-item i{font-size:16px;text-align:center;width:20px}.sidebar-divider{background:#e9ecef;height:1px;margin:15px 25px}.logout-item{color:#dc3545!important;margin-top:10px}.logout-item:hover{background:#dc35451a!important;color:#dc3545!important}.profile-main{background:#f5f5f5;flex:1 1;margin-left:280px;width:calc(100% - 280px)}.main-header{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a;padding:20px 30px}.breadcrumb{color:#666;gap:10px}.breadcrumb i{color:#999;font-size:12px}.main-content{box-sizing:border-box;min-height:calc(100vh - 160px);padding:30px;width:100%}.modal-overlay{animation:fadeIn .3s ease;z-index:1000}.logout-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:450px;width:90%}.modal-header{padding:25px 25px 0}.modal-header h3{color:#333;font-size:18px}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:20px;padding:5px}.modal-close:hover{color:#333}.modal-body{padding:25px;text-align:center}.modal-icon{color:#ffc107;font-size:48px;margin-bottom:15px}.modal-body p{color:#666;font-size:16px;line-height:1.5;margin:0}.modal-footer{gap:15px;justify-content:center;padding:0 25px 25px}.btn-cancel,.btn-confirm{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 25px;transition:all .3s ease}.btn-cancel{border:1px solid #dee2e6}.btn-confirm{background:#dc3545;border:1px solid #dc3545}.btn-confirm:hover{background:#c82333;border-color:#c82333}@media (max-width:768px){.profile-sidebar{height:auto;position:relative;width:100%}.profile-main{margin-left:0}.main-content{padding:20px 15px}.sidebar-nav{display:flex;flex-wrap:wrap;gap:10px;padding:15px}.nav-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex:1 1;justify-content:center;min-width:150px;padding:10px 15px}.nav-item.active{border-color:#007bff;border-right:1px solid #007bff}}.account-management{background:#fff;margin:0;max-width:none;min-height:100vh;padding:32px 24px;width:100%}.page-header{border-bottom:3px solid #f3f4f6;margin-bottom:48px;padding-bottom:32px;text-align:center}.page-header h2{color:#1f2937;font-size:2.5rem;font-weight:700;justify-content:center}.page-header p{color:#6b7280;font-size:1.1rem;font-weight:400;margin:12px 0 0}.content-grid{grid-gap:0;align-items:start;display:grid;gap:0;grid-template-columns:1fr 1fr;width:100%}.content-card,.content-grid{min-height:calc(100vh - 200px)}.content-card{background:#fafafa;border:none;border-radius:0;box-shadow:none;height:100%;overflow:visible;padding:32px}.content-card:first-child{border-right:2px solid #e5e7eb}.content-card:last-child{padding-left:40px}.card-header{background:#0000;border-bottom:3px solid #e5e7eb;margin-bottom:32px;padding:0 0 24px}.card-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0;padding-bottom:15px}.profile-form{padding:0}.avatar-section{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:20px;justify-content:flex-start;margin-bottom:40px;padding:24px;width:100%}.avatar-container{position:relative}.avatar-preview{background-color:#f8f9fa;border:3px solid #e9ecef;border-radius:50%;height:80px;object-fit:cover;transition:all .3s ease;width:80px}.avatar-upload-btn{align-items:center;background:#007bff;border-radius:50%;bottom:-5px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:-5px;transition:all .3s ease;width:32px}.avatar-upload-btn:hover{background:#0056b3;transform:scale(1.1)}.avatar-info h4{color:#333;font-size:16px;margin:0 0 5px}.avatar-info p{color:#666;font-size:13px;margin:0}.form-row-management{display:flex;justify-content:center;margin-bottom:20px;width:100%}.form-group-management{display:flex;flex-direction:column;margin-bottom:28px;max-width:480px;padding:0;width:85%}.form-group-management label{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:4px;margin-bottom:10px}.form-group-management input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:1rem;line-height:1.5;min-height:52px;min-width:100%;padding:14px 18px!important;text-align:left;transition:all .3s ease;width:100%!important}.form-group-management input[type=email]{font-size:16px}.form-group-management input[type=tel]::placeholder{color:#9ca3af;font-size:.8rem;opacity:.8}.form-group-management input:focus{background:#fefefe;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.disabled-input{background-color:#f9fafb!important;border-color:#e5e7eb!important;color:#6b7280!important;cursor:not-allowed!important}.form-group-management input.error{background:#fef2f2;border-color:#ef4444}.form-group-management input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.form-group-management small{color:#6b7280;display:block;font-size:.875rem;margin-top:6px}.form-actions{border-top:1px solid #f0f0f0;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.security-section{padding:0 25px 25px}.security-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60px;padding:20px 0}.security-item:last-child{border-bottom:none}.security-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 5px}.security-info p{color:#000;font-size:14px;line-height:1.4;margin:0;max-width:400px}.status-active-verified{align-items:center;background-color:#3d8b40;border-radius:10px;color:#fff;display:flex;font-weight:600;gap:10px;padding:6px 12px}.status-inactive{color:#ffc107;font-weight:600}.password-form{animation:slideInDown .4s ease-out;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e3e6ea;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:25px;overflow:hidden;padding:30px;position:relative}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.password-form:before{background:linear-gradient(90deg,#4caf50,#8bc34a);content:"";height:4px;left:0;position:absolute;right:0;top:0}.password-form .form-group-management{margin-bottom:25px}.password-form .form-group-management:last-of-type{margin-bottom:30px}.password-form label{color:#2c3e50;display:block;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.password-input{margin-bottom:5px;position:relative}.password-input input{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:14px 50px 14px 16px;transition:all .3s ease;width:100%}.password-input input:focus{background:#fafffe;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.password-input input:hover:not(:focus){border-color:#d1d5db}.password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px}.password-toggle:hover{background:#4caf501a;color:#4caf50}.password-toggle:active{transform:translateY(-50%) scale(.95)}.password-form small{background:#6c757d1a;border-left:3px solid #4caf50;border-radius:6px;color:red;display:block;font-size:12px;line-height:1.4;margin-top:6px;padding:8px 12px}.password-form .form-actions{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px}.btn-cancel,.btn-save,.btn-save-mk,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 25px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-save,.btn-save-mk{background:linear-gradient(135deg,#4caf50,#45a049);border:none;box-shadow:0 4px 12px #4caf504d;color:#fff}.btn-save-mk:hover:not(:disabled),.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.btn-save-mk:disabled,.btn-save:disabled{background:#c8c8c8!important;box-shadow:none;color:#666!important;cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(135deg,#f48201,#d67200);box-shadow:0 3px 10px #f482014d;color:#fff;flex-shrink:0;white-space:nowrap}.btn-secondary:hover{background:linear-gradient(135deg,#d67200,#be6200);box-shadow:0 4px 12px #f4820166;transform:translateY(-1px)}.btn-cancel{background:#f8f9fa;border:2px solid #dee2e6;color:#6c757d;transition:all .3s ease}.btn-cancel:hover{background:#e9ecef;border-color:#adb5bd;color:#495057;transform:translateY(-1px)}@media (max-width:1024px){.content-grid{gap:40px;grid-template-columns:1fr;min-height:auto}.content-card{min-height:auto;padding:24px}.content-card:first-child{border-bottom:2px solid #e5e7eb;border-right:none;padding-bottom:40px;padding-right:24px}.content-card:last-child{padding-left:24px;padding-top:40px}.account-management{padding:24px}}@media (max-width:768px){.account-management{margin:0;min-height:100vh;padding:20px}.page-header h2{font-size:2rem}.content-grid{gap:32px;grid-template-columns:1fr;min-height:auto}.content-card{min-height:auto;padding:20px}.content-card:first-child{border-bottom:2px solid #e5e7eb;border-right:none;padding-bottom:32px;padding-right:20px}.content-card:last-child{padding-left:20px;padding-top:32px}.card-header{margin-bottom:24px;padding:0 0 20px}.card-header h3{font-size:1.3rem}.avatar-section{flex-direction:column;gap:20px;justify-content:center;padding:24px;text-align:center}.form-group-management{margin-bottom:24px;max-width:100%;width:92%}.form-row-management{width:100%}.form-group-management input{font-size:.85rem;min-height:56px;padding:16px 18px}.form-group-management input[type=tel]::placeholder{font-size:.75rem}.optional-field{font-size:9.5px;line-height:1.15}.security-item{align-items:flex-start;display:flex;flex-direction:column;gap:15px}.form-actions{flex-direction:column-reverse;gap:16px}.btn-cancel,.btn-save,.btn-secondary{font-size:1.05rem;justify-content:center;min-height:52px;padding:16px 24px;width:100%}.password-form{margin-top:15px;padding:20px}.password-form .form-group-management{margin-bottom:20px}}@media (max-width:480px){.account-management{margin:8px;padding:20px}.page-header{margin-bottom:32px;padding-bottom:20px}.page-header h2{font-size:1.75rem}.page-header p{font-size:1rem}.card-header{padding:20px 20px 12px}.card-header h3{font-size:1.2rem}.form-group-management input{font-size:.8rem;min-height:52px;padding:14px 16px}.form-group-management input[type=tel]::placeholder{font-size:.7rem}.form-group-management{margin-bottom:20px;max-width:100%;width:88%}.form-row-management{width:100%}.form-group-management label{font-size:.95rem;margin-bottom:8px}.optional-field{font-size:9px;line-height:1.1}.btn-cancel,.btn-save,.btn-secondary{font-size:1rem;min-height:50px;padding:14px 20px}}.sessions-section{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.sessions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sessions-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.btn-logout-all{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 16px;transition:background .3s ease}.btn-logout-all:hover{background:#c82333}.btn-logout-all:disabled{background:#6c757d;cursor:not-allowed}.loading-sessions{color:#666;font-size:14px;padding:40px;text-align:center}.sessions-list{gap:15px}.session-item,.sessions-list{display:flex;flex-direction:column}.session-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;justify-content:space-between;padding:20px;transition:all .3s ease}.session-item.current{background:#f8fff8;border-color:#4caf50}.session-info{flex:1 1}.session-device{align-items:flex-start;display:flex;gap:15px}.session-device>i{color:#666;font-size:20px;margin-top:5px}.session-device h5{color:#333;font-size:14px;font-weight:600;margin:0 0 5px}.session-location{color:#666;font-size:13px;margin:2px 0}.session-details{color:#888;font-size:12px;margin:2px 0}.session-time{color:#999;font-size:12px;margin:5px 0 0}.current-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:11px;font-weight:500;margin-left:10px;padding:4px 8px}.btn-logout-session{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;margin-top:10px;padding:8px 12px;transition:background .3s ease}.btn-logout-session:hover{background:#5a6268}.login-method-email,.login-method-google{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.login-method-google{background:#e8f5e8;color:#2d5a2d}.login-method-google i{color:#4285f4}.login-method-email{background:#e3f2fd;color:#1976d2}.login-method-email i{color:#1976d2}.optional-field{color:#666;font-size:10px;font-weight:400;line-height:1.2;margin-left:5px}@media (max-width:768px){.content-grid{grid-template-columns:1fr}.security-item{align-items:flex-start;flex-direction:column;gap:15px}.btn-secondary{align-self:stretch;justify-content:center}.sessions-header{gap:10px}.session-item,.sessions-header{align-items:stretch;flex-direction:column}.session-item{gap:15px}.btn-logout-session{align-self:flex-end}}.profile-page{max-width:1000px}.page-header{margin-bottom:30px}.page-header h2{align-items:center;color:#333;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.page-header p{color:#666;font-size:16px;margin:8px 0 0}.content-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:40px;text-align:center}.coming-soon{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px 20px}.coming-soon i{color:#007bff;font-size:64px;opacity:.7}.coming-soon h3{color:#333;font-size:24px;font-weight:600;margin:0}.coming-soon p{color:#666;font-size:16px;line-height:1.5;margin:0;max-width:400px}.pricing-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.pricing-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.pricing-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.pricing-card.popular{border:2px solid #ffc107;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{background:#ffc107;color:#000;font-size:12px;font-weight:600;padding:5px 40px;position:absolute;right:-30px;top:15px;transform:rotate(45deg);z-index:10}.plan-header{color:#fff;padding:30px 20px;position:relative;text-align:center}.plan-header h3{font-size:20px;font-weight:600;margin:0 0 15px}.price{align-items:baseline;display:flex;gap:5px;justify-content:center;margin-bottom:10px}.amount{font-size:32px;font-weight:700}.currency{font-size:18px;font-weight:600}.duration{font-size:14px;margin:0;opacity:.9}.plan-features{padding:30px 20px}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;border-bottom:1px solid #f0f0f0;color:#555;display:flex;font-size:14px;gap:12px;padding:10px 0}.plan-features li:last-child{border-bottom:none}.plan-features li i{color:#28a745;font-size:14px;width:16px}.plan-footer{border-top:1px solid #f0f0f0;padding:20px}.btn-select{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.btn-select:hover{opacity:.9;transform:translateY(-1px)}.pricing-note{margin-top:40px}.note-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:25px}.note-card h4{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 15px}.note-card ul{margin:0;padding-left:20px}.note-card li{color:#666;font-size:14px;line-height:1.5;margin-bottom:8px}.note-card strong{color:#007bff}@media (max-width:768px){.pricing-grid{gap:20px;grid-template-columns:1fr}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-5px)}.popular-badge{font-size:10px;padding:3px 30px;right:-25px;top:10px}.content-card{padding:30px 20px}.coming-soon i{font-size:48px}.coming-soon h3{font-size:20px}}.modal-overlay-new-property{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:70px;z-index:9999}.form-group-new-property{display:flex;flex-direction:column;margin-bottom:24px;margin-top:25px}.full-amenities-label{color:#3b82f6;font-size:20px;font-weight:700;margin-left:10px}.form-group-new-property input[type=checkbox]{accent-color:#007bff;cursor:pointer;height:20px;width:20px}.post-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;margin:auto;max-height:85vh;max-width:900px;min-height:500px;position:relative;width:100%}.modal-header{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;flex-shrink:0;padding:20px 24px}.modal-header h3{color:#1f2937;font-size:1.5rem}.close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.post-new-property{margin-top:0!important}.post-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.form-content-new-property{background-color:#f8fafc;flex:1 1;min-height:0;overflow-y:auto;padding:24px;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.form-content-new-property::-webkit-scrollbar{width:8px}.form-content-new-property::-webkit-scrollbar-track{background:#f8fafc}.form-content-new-property::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.form-content-new-property::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-section-new-property{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-section-new-property:last-child{margin-bottom:0}.form-section-new-property h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.hint{color:#6b7280;font-size:.875rem;margin-bottom:16px}.form-row-new-property{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-group label{align-items:center;display:flex;font-size:16px;gap:8px}.form-group input[type=checkbox]{margin:0}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;line-height:1.5;margin-top:7px;min-height:52px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280;font-weight:400;opacity:1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-text{color:#ef4444;display:block;font-size:.75rem;margin-top:4px}.form-group label input[type=checkbox]{font-size:36px!important;margin-bottom:0;margin-right:8px;width:auto}.amenities-grid{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}.amenity-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.amenity-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.amenity-item.disabled{opacity:.6;pointer-events:none}.amenity-text-post{color:#374151;font-size:14px;margin-top:5px}.house-rules-grid{grid-gap:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px;padding:16px}.amenities-grid label{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:.9rem;margin:0;min-height:44px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap;width:100%}.amenities-grid label,.house-rules-grid label{align-items:center;cursor:pointer;display:flex}.house-rules-grid label{font-size:16px;gap:8px}.house-rules-grid input[type=checkbox]{height:18px;margin:0;width:18px}.amenities-grid label:hover,.house-rules-grid label:hover{background-color:#f3f4f6;border-color:#d1d5db}.amenities-grid label:has(input:checked),.house-rules-grid label:has(input:checked){background-color:#e0f2fe;border-color:#3b82f6;color:#1e40af}.amenities-grid label.disabled{cursor:not-allowed;opacity:.5}.amenities-grid label input[type=checkbox],.house-rules-grid label input[type=checkbox]{margin-bottom:0;margin-right:8px}.map-container{border:1px solid #d1d5db;border-radius:6px;margin-top:8px}.coordinate-info{color:#6b7280;font-size:.75rem;margin-top:4px}.address-hint{color:#6b7280;font-size:.85rem;margin-bottom:0}.location-btn{background:#fff;border:1px solid #1a73e8;color:#1a73e8;gap:6px;padding:8px 16px;transition:all .2s ease}.location-btn:hover{background:#1a73e8;color:#fff}.location-btn:disabled{background:#f1f3f4;border-color:#dadce0;color:#9aa0a6}.location-btn i{font-size:14px}.address-hint{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;color:#3b82f6;font-size:.8rem;margin-top:8px;padding:8px 12px}.geocoding-status{animation:pulse 2s infinite;color:#f59e0b;font-size:.8rem;font-style:italic}.image-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:12px}.image-preview{aspect-ratio:1;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image-new-property,.remove-video{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 3px 6px #00000040;font-size:18px;height:24px!important;padding:0!important;right:6px;top:6px;transition:all .25s ease;width:24px!important}.remove-image-new-property:hover,.remove-video:hover{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 6px 12px #0000004d;transform:scale(1.15) rotate(5deg)}.remove-image-new-property:active,.remove-video:active{transform:scale(.95)}.remove-image-new-property i,.remove-video i{font-size:16px;margin-left:5px}.video-preview{display:inline-block;margin-top:12px;position:relative}.video-preview .remove-video{font-size:12px;right:8px;top:8px;white-space:nowrap}.btn{display:inline-flex;font-size:.9rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:12px 24px;position:relative;text-transform:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #0000;box-shadow:0 4px 15px #3b82f64d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px #3b82f666;transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 10px #3b82f64d;transform:translateY(0)}.btn-secondary-management{background:#eea600;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff}.btn-secondary-management:hover{background:#b86800;border-color:#d1d5db;box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-1px)}.btn-secondary-management:active{box-shadow:0 1px 6px #0000001a;transform:translateY(0)}.btn-lg{font-size:1rem;padding:16px 24px}.form-actions-management{align-items:center;background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;box-shadow:0 -2px 8px #0000001a;display:flex;flex-shrink:0;gap:16px;justify-content:flex-end;padding:20px 24px;position:relative}.coordinate-display{flex-direction:column;gap:8px;margin-top:8px}.coordinate-item{gap:10px}.coordinate-item i{font-size:18px;text-align:center;width:20px}.coordinate-item span{color:#333;font-size:14px}.coordinate-item strong{color:#000;font-weight:600}@media (max-width:768px){.modal-overlay-new-property{align-items:flex-start;padding:20px 10px 10px}.post-modal{margin:0;max-height:calc(100vh - 40px);min-height:60vh}.form-content-new-property{padding:16px}.form-actions-management{background:#fff;border-top:2px solid #e5e7eb;flex-direction:row;gap:12px;padding:16px;position:relative}.form-actions-management .btn{flex:1 1;justify-content:center;min-width:120px}.form-row-new-property{gap:16px;grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;min-height:44px;padding:12px 14px}.form-group textarea{min-height:90px}.amenities-grid,.house-rules-grid{grid-template-columns:1fr}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.btn:disabled{box-shadow:none!important;transform:none!important}.btn.loading{color:#0000;pointer-events:none;position:relative}.btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.btn-primary.loading:after{border-top-color:#fff}.btn-secondary-management.loading:after{border-top-color:#6b7280}.btn i{font-size:1rem}.btn-sm{font-size:.85rem;min-height:auto;padding:8px 12px}.btn-sm i{font-size:.85rem;margin-right:6px}.btn-sm-location{background:#01863d;border:1px solid #d1d5db;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s}.content-card-new-property{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-left:40px;padding:40px;text-align:center;width:110%!important}@media (max-width:768px){.amenities-grid,.house-rules-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,180px));padding:12px}.amenities-grid label,.house-rules-grid label{font-size:.85rem;min-height:40px;padding:10px 12px}}@media (max-width:480px){.amenities-grid,.house-rules-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,160px))}.amenities-grid label,.house-rules-grid label{font-size:.8rem;padding:8px 10px}}.map-controls{margin-top:12px}.map-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.location-actions{margin-top:12px}.location-buttons{margin-top:8px}.btn-sm{background:#f99806;border:1px solid #d1d5db;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s}.btn-sm:hover{background:#b95c00;border-color:#9ca3af}.btn-sm:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.geocoding-status{color:#3b82f6;font-size:.875rem;font-weight:500}.address-hint{color:#0048d8;font-size:.875rem;line-height:1.4;margin:8px 0 10px}input[name=availableDate]{cursor:pointer}input[name=availableDate]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.package-expired{background:linear-gradient(135deg,#fff5f5,#fef2f2);border:2px solid #fca5a5;border-radius:12px;box-shadow:0 4px 6px -1px #ef44441a;padding:30px;text-align:center}.package-expired .expired-icon{margin-bottom:15px}.package-expired .expired-icon i{color:#dc3545;font-size:48px;opacity:.8}.package-expired h5{color:#dc2626;font-size:24px;font-weight:600;margin-bottom:10px}.package-expired p{color:#7f1d1d;font-size:16px;line-height:1.5;margin-bottom:20px}.package-expired .btn-upgrade{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.package-expired .btn-upgrade:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.package-expired .btn-upgrade i{margin-right:8px}.form-group select option[title]:hover{background-color:#f8f9fa}.ward-tooltip{display:inline-block;position:relative}.ward-tooltip .tooltiptext{background-color:#333;border-radius:6px;bottom:125%;box-shadow:0 4px 8px #0003;color:#fff;font-size:13px;left:50%;line-height:1.4;margin-left:-150px;opacity:0;padding:8px 12px;position:absolute;text-align:left;transition:opacity .3s;visibility:hidden;width:300px;z-index:1001}.ward-tooltip .tooltiptext:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.ward-tooltip:hover .tooltiptext{opacity:1;visibility:visible}.form-group select{position:relative}.form-group select option{background-color:#fff;color:#333;padding:8px 12px}.form-group select option:hover{background-color:#e3f2fd!important}.ward-option-merged{position:relative}.ward-option-merged:after{content:" 🔄";font-size:12px;opacity:.7}.ward-merged-info{animation:fadeIn .3s ease-in;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;margin-top:8px;padding:8px 12px}.merged-from-text{align-items:flex-start;color:#1565c0;display:flex;font-size:13px;gap:6px;line-height:1.4}.merged-from-text i{color:#1976d2;flex-shrink:0;margin-top:1px}.merged-from-text strong{font-weight:600;margin-right:4px}.form-row.full-width{display:block}.form-row.full-width .form-group{width:100%}.route-info-panel{background:linear-gradient(135deg,#007cbf,#005c87);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #007cbf33;color:#fff;margin:16px 0;padding:16px}.route-detail-item span{line-height:1.4}.route-detail-item strong{color:#fff}.directions-panel-overlay{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 16px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:10px;max-height:400px;overflow:hidden;position:absolute;top:10px;width:320px;z-index:1000}.directions-panel-header{align-items:center;background:#007cbf;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.directions-panel-header h5{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0}.directions-close-btn{color:#fff;transition:background-color .2s}.directions-close-btn:hover{background:#fff3}.directions-steps{max-height:350px;overflow-y:auto;padding:8px}.directions-steps::-webkit-scrollbar{width:6px}.directions-steps::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.directions-steps::-webkit-scrollbar-thumb{background:#007cbf;border-radius:3px}.directions-steps::-webkit-scrollbar-thumb:hover{background:#005a8b}.direction-step{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:10px 8px;transition:background-color .2s}.direction-step:hover{background:#f8f9fa}.direction-step:last-child{border-bottom:none}.step-icon{align-items:center;background:linear-gradient(135deg,#007cbf,#005a8b);border-radius:50%;box-shadow:0 2px 4px #007cbf4d;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:28px;justify-content:center;margin-top:2px;width:28px}.step-content{flex:1 1;min-width:0}.step-instruction{word-wrap:break-word;color:#333;font-size:13px;line-height:1.4;margin-bottom:4px}.step-instruction strong{font-weight:600}.step-distance{color:#666;font-size:11px;font-weight:500}@media (max-width:768px){.directions-panel-overlay{left:5px;max-height:350px;top:5px;width:300px}.directions-steps{max-height:290px}.step-content{font-size:13px}.step-instruction{font-size:12px}.step-distance{font-size:10px}}@media (max-width:480px){.directions-panel-overlay{max-width:300px;width:calc(100vw - 20px)}}.location-buttons{margin-top:12px}.route-info-panel h5{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.route-info-panel h5 i{color:gold}.route-details{display:flex;flex-direction:column;gap:8px}.route-detail-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:8px 0}.route-detail-item:last-child{border-bottom:none}.route-detail-item i{color:#b3e0ff;font-size:14px;text-align:center;width:20px}.route-detail-item span{flex:1 1;font-size:14px}.route-detail-item strong{color:gold;font-weight:600}.location-buttons{gap:12px;margin-top:16px}.location-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-height:42px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.location-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.location-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.location-btn:first-child{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.location-btn:first-child:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea87a)}.directions-btn{background:linear-gradient(135deg,#007cbf,#0056b3);color:#fff}.directions-btn:hover:not(:disabled){background:linear-gradient(135deg,#0069a3,#004894)}.directions-btn:disabled{background:linear-gradient(135deg,#6c757d,#5a6268)}.clear-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.clear-btn:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a)}.fa-spinner.fa-spin{animation:fa-spin 1s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@media (max-width:768px){.location-buttons{flex-direction:column}.location-btn{justify-content:center;width:100%}.route-info-panel{padding:12px}.route-details{gap:6px}.route-detail-item{font-size:13px;padding:6px 0}}.route-info-panel{animation:slideInFromTop .5s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.image-preview.rejected{border:2px solid #ff6b6b;border-radius:8px;overflow:hidden;position:relative}.rejection-overlay{align-items:center;background:#c92a2acc;border-radius:6px;bottom:0;color:#fff;display:flex;flex-direction:column;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.rejection-icon{font-size:24px;margin-bottom:4px}.rejection-text{font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.rejection-reason{font-size:10px;line-height:1.2;opacity:.9;padding:0 8px;text-align:center}.image-preview.rejected{animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%{box-shadow:0 2px 8px #ff6b6b4d}50%{box-shadow:0 4px 12px #ff6b6b99}to{box-shadow:0 2px 8px #ff6b6b4d}}.video-container.rejected{animation:pulse-red 2s ease-in-out infinite;border:2px solid #ff6b6b;border-radius:8px;position:relative}.image-preview.rejected:hover img{filter:blur(2px) grayscale(30%) opacity(.8)!important}.image-preview.rejected:hover .rejection-overlay{background:#c92a2ae6}.image-preview.rejected .remove-image-new-property{background:#ff8787;border-color:#ff6b6b}.image-preview.rejected .remove-image-new-property:hover{background:#ff6b6b;transform:scale(1.1)}.package-selector-loading{align-items:center;color:#666;display:flex;gap:10px;padding:20px;text-align:center}.current-package-info{background:linear-gradient(135deg,#f8f9fa,#eef3ff);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 4px 10px #0000000d;margin-bottom:20px;padding:15px 20px}.package-header-new-property{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.package-header-new-property h5{align-items:center;color:#212529;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.package-header-new-property i{color:#007bff;font-size:18px}.package-expiry{align-items:center;background:#fff3cd;border-radius:20px;box-shadow:0 2px 6px #ffc10733;color:#856404;display:inline-flex;font-size:14px;font-weight:500;padding:6px 14px}.package-expiry.permanent{background:#e3f2fd;box-shadow:0 2px 6px #1976d233;color:#1976d2}.no-posts-left{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:20px 0;padding:30px;text-align:center}.no-posts-icon{color:#856404;font-size:3em;margin-bottom:15px}.no-posts-left h5{color:#856404;margin:15px 0 10px}.no-posts-left p{color:#856404;margin-bottom:20px}.btn-upgrade{background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-upgrade:hover{box-shadow:0 4px 15px #28a7454d;transform:translateY(-2px)}.post-types-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:15px 0}.post-type-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;padding:15px;position:relative;transition:all .3s ease}.post-type-card:hover{border-color:#007bff;box-shadow:0 4px 15px #007bff1a;transform:translateY(-2px)}.post-type-card.selected{background:#f8fff9;border-color:#28a745;box-shadow:0 4px 15px #28a74526}.post-type-card.disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.post-type-card.disabled:hover{box-shadow:none;transform:none}.post-type-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.post-type-title{display:flex;flex-direction:column;gap:4px}.post-type-header h6{color:#333;font-weight:600;margin:0}.post-type-stars i{font-size:12px;text-shadow:0 1px 2px #0003}.post-type-select{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#333;font-size:14px;font-weight:500;outline:none;padding:10px 12px;width:100%}.post-type-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.post-type-select.error{border-color:#dc3545}.post-type-select option{font-size:14px;line-height:1.4;padding-left:10px}.post-type-select option:after{color:gold;content:" ★"}.post-type-select option:disabled{background-color:#f8f9fa;color:#999!important;font-style:italic}.selected-post-type-info{background:linear-gradient(135deg,#f8f9fa,#eef3ff);border-left:4px solid #007bff;border-radius:8px;margin-top:15px;padding:15px}.post-type-details{display:flex;flex-direction:column;gap:10px}.post-type-badge{align-items:center;border-radius:8px;box-shadow:0 4px 10px #0000000d;display:flex;font-size:15px;justify-content:space-between;padding:10px 14px;transition:all .3s ease}.post-type-badge:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.post-type-name{align-items:center;display:flex;gap:8px}.stars-display{display:flex;gap:2px}.stars-display i{color:gold;font-size:13px;text-shadow:0 1px 3px #0003}.remaining-count{font-size:13px;font-weight:500;opacity:.9}.post-type-description{color:#555;font-size:13px;font-style:italic;line-height:1.5;margin:0}.count-badge{border-radius:12px;font-size:.8em;font-weight:600;padding:4px 8px}.count-badge.normal{background:#d4edda;color:#155724}.count-badge.warning{background:#fff3cd;color:#856404}.count-badge.empty{background:#f8d7da;color:#721c24}.disabled-overlay{align-items:center;background:#f8f9fae6;border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.disabled-overlay i{color:#6c757d;font-size:2em;margin-bottom:5px}.selected-indicator{color:#28a745;font-size:1.5em;position:absolute;right:10px;top:10px}.post-type-normal{border-left:4px solid #6c757d}.post-type-vip-1{border-left:4px solid #17a2b8}.post-type-vip-2{border-left:4px solid #ffc107}.post-type-vip-3{border-left:4px solid #fd7e14}.post-type-vip-featured{border-left:4px solid #e83e8c}.post-type-vip-special{border-left:4px solid #dc3545}.upgrade-suggestion{background:#e7f3ff;border-left:4px solid #007bff;border-radius:8px;margin-top:20px;padding:15px}.upgrade-suggestion p{color:#0056b3;margin:0}.upgrade-suggestion i{color:#ffc107;margin-right:8px}.btn-link.upgrade-link{background:none;border:none;color:#007bff;cursor:pointer;margin-left:5px;padding:0;text-decoration:underline}.btn-link.upgrade-link:hover{color:#0056b3;text-decoration:none}.recommended-packages{grid-gap:15px;display:grid;gap:15px}.package-card{border-radius:8px}.package-name{margin-bottom:15px}.package-name h4{color:#333;margin:0}.package-price{color:#28a745;font-size:1.1em;font-weight:600}.package-limits{margin-bottom:15px}.limit-item{border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:5px 0}.limit-item:last-child{border-bottom:none}@media (max-width:768px){.post-types-grid{grid-template-columns:1fr}.package-header-new-property,.post-type-header{align-items:flex-start;flex-direction:column}.post-type-header{gap:5px}}.trackasia-map-container{border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 20px #0000001f;position:relative}.trackasia-map-container:after{border-radius:12px;bottom:0;box-shadow:inset 0 1px 0 #fff3;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.trackasia-popup{font-family:Roboto,sans-serif}.trackasia-popup .mapboxgl-popup-content{border-radius:6px;box-shadow:0 4px 12px #0003;padding:10px}.trackasia-popup .mapboxgl-popup-tip{border-top-color:#fff}.mapboxgl-ctrl-group,.trackasiagl-ctrl-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 20px #00000026}.directions-control *,.mapbox-directions-component,.mapbox-directions-component *,.mapbox-directions-inputs,.mapbox-directions-instructions,.mapboxgl-ctrl-directions,.mapboxgl-ctrl-directions *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}.directions-control *,.mapbox-directions-component *,.mapboxgl-ctrl-directions *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400!important}.trackasia-map-container canvas{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}.directions-panel{background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px #0000001a;height:100%;left:0;overflow-y:auto;position:absolute;top:0;width:350px;z-index:1000}.directions-panel-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px}.directions-panel-title{align-items:center;color:#1a73e8;display:flex;font-size:18px;font-weight:500;justify-content:space-between;margin:0 0 16px}.directions-close-btn{background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;font-size:20px;padding:4px}.directions-close-btn:hover{background:#f1f3f4}.directions-inputs{display:flex;flex-direction:column;gap:8px}.directions-input-group{align-items:center;display:flex;position:relative}.directions-input-icon{color:#5f6368;font-size:14px;left:12px;position:absolute;z-index:1}.directions-input{border:1px solid #dadce0;border-radius:4px;font-size:14px;outline:none;padding:12px 12px 12px 36px;transition:all .2s;width:100%}.directions-input:focus{border-color:#1a73e8;box-shadow:0 1px 6px #1a73e84d}.directions-input::placeholder{color:#9aa0a6}.directions-actions{display:flex;gap:8px;margin-top:12px}.directions-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.directions-btn-primary{background:#1a73e8;color:#fff}.directions-btn-primary:hover{background:#1557b0}.directions-btn-primary:disabled{background:#dadce0;color:#9aa0a6;cursor:not-allowed}.directions-btn-secondary{background:#fff;border:1px solid #dadce0;color:#1a73e8}.directions-btn-secondary:hover{background:#f8f9fa}.directions-btn-property{background:#34a853;color:#fff;font-size:12px;padding:6px 12px}.directions-btn-property:hover{background:#2e7d32}.directions-route-info{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px}.directions-route-summary{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.directions-route-distance{color:#202124;font-size:18px;font-weight:500}.directions-route-duration{color:#5f6368;font-size:14px}.directions-route-mode{display:flex;gap:8px}.directions-mode-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:16px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px}.directions-mode-btn.active{background:#1a73e8;border-color:#1a73e8;color:#fff}.directions-instructions{padding:16px}.directions-instructions-title{color:#202124;font-size:16px;font-weight:500;margin-bottom:12px}.directions-instruction{align-items:flex-start;border-bottom:1px solid #f1f3f4;display:flex;padding:8px 0}.directions-instruction:last-child{border-bottom:none}.directions-instruction-icon{align-items:center;background:#f1f3f4;border-radius:50%;color:#5f6368;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;margin-right:12px;margin-top:2px;width:24px}.directions-instruction-text{color:#202124;flex:1 1;font-size:14px;line-height:1.4}.directions-instruction-distance{color:#5f6368;flex-shrink:0;font-size:12px;margin-left:auto;padding-left:8px}.directions-loading{align-items:center;color:#5f6368;display:flex;justify-content:center;padding:24px}.directions-loading i{animation:spin 1s linear infinite;margin-right:8px}.map-with-directions{margin-left:350px}@media (max-width:768px){.directions-panel{border-right:none;border-top:1px solid #e0e0e0;bottom:0;height:50%;left:0;top:auto;width:100%}.map-with-directions{margin-left:0}}.directions-info{background:linear-gradient(135deg,#f8f9ff,#e8f4fd);border:1px solid #d1ecf1;border-radius:12px;margin:16px 0;overflow:hidden;padding:16px;position:relative}.directions-info:before{background:linear-gradient(180deg,#007bff,#0056b3);border-radius:0 4px 4px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.directions-note{align-items:flex-start;gap:12px;margin-left:8px}.directions-note i{font-size:18px;margin-top:2px;opacity:.8}.directions-note span{color:#2c3e50;font-size:14px;line-height:1.6}.directions-note strong{color:#1a365d;display:block;font-size:15px;margin-bottom:8px}.mapbox-directions-component{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 20px #00000026;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.mapbox-directions-component .mapbox-directions-inputs{padding:10px}.mapbox-directions-component input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 10px;transition:all .3s ease}.mapbox-directions-component input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.mapbox-directions-component .mapbox-directions-instructions{background:#ffffffe6;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto}.mapbox-directions-component .mapbox-directions-instruction{border-bottom:1px solid #0000001a;font-size:13px;padding:8px}.mapbox-directions-component .mapbox-directions-instruction:hover{background:#007bff1a}.trackasia-map-container .mapbox-directions-component{left:10px;max-width:300px;min-width:250px;position:absolute;top:10px;z-index:1000}.directions-info{background:#007bff1a;border-left:4px solid #007bff;border-radius:6px;margin-top:10px;padding:10px}.directions-note{align-items:center;color:#495057;display:flex;font-size:14px;gap:8px}.directions-note i{font-size:16px}.mapboxgl-ctrl button,.trackasiagl-ctrl button{border-radius:0;transition:all .2s ease}.mapboxgl-ctrl button:hover,.trackasiagl-ctrl button:hover{background:#4285f41a}.mapboxgl-ctrl button:first-child,.trackasiagl-ctrl button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.mapboxgl-ctrl button:last-child,.trackasiagl-ctrl button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mapboxgl-ctrl-geolocate,.trackasiagl-ctrl-geolocate{border-radius:8px}.mapboxgl-ctrl-attrib,.trackasiagl-ctrl-attrib{background:#ffffffe6;border-radius:4px;font-size:11px}.location-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.location-buttons .btn{border-radius:6px;font-size:14px;min-width:120px;padding:8px 12px;transition:all .3s ease}.location-buttons .btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.location-buttons .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none;color:#fff}.location-buttons .btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085)}.location-buttons .btn-warning{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;color:#212529}.location-buttons .btn-warning:hover{background:linear-gradient(135deg,#e0a800,#c69500)}.location-buttons .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.route-info{background:#e7f3ff;border:1px solid #007bff;border-radius:6px;font-size:14px;margin:10px 0;padding:10px}.route-info .route-stats{display:flex;gap:20px;margin-bottom:8px}.route-info .route-stat{align-items:center;display:flex;gap:5px}.route-info .route-stat i{color:#007bff}.map-container-wrapper{display:flex!important;position:relative!important}.directions-panel{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fff!important;border:1px solid #00000014!important;border-radius:12px!important;box-shadow:0 8px 32px #0000001f!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;left:10px!important;max-height:280px!important;max-width:90%!important;overflow-y:auto!important;padding:20px!important;position:absolute!important;top:10px!important;width:320px!important;z-index:1000!important}.directions-panel::-webkit-scrollbar{width:6px}.directions-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.directions-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.directions-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.directions-header{align-items:center!important;border-bottom:2px solid #f0f0f0!important;display:flex!important;justify-content:space-between!important;margin-bottom:20px!important;padding-bottom:12px!important}.directions-header h4{color:#2c3e50!important;font-size:18px!important;font-weight:600!important;margin:0!important}.directions-header button{align-items:center!important;background:none!important;border:none!important;border-radius:50%!important;color:#7f8c8d!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:36px!important;justify-content:center!important;padding:8px!important;transition:all .2s ease!important;width:36px!important}.directions-header button:hover{background-color:#f8f9fa!important;color:#e74c3c!important}.directions-form{margin-bottom:20px!important}.directions-form>div{margin-bottom:16px!important}.directions-form label{color:#5d6d7e!important;display:block!important;font-size:13px!important;font-weight:500!important;letter-spacing:.5px!important;margin-bottom:6px!important;text-transform:uppercase!important}.directions-form input{border:2px solid #e8ecef!important;border-radius:8px!important;box-sizing:border-box!important;font-family:inherit!important;font-size:14px!important;padding:12px 16px!important;transition:all .2s ease!important;width:100%!important}.directions-form input:focus{border-color:#007bff!important;box-shadow:0 0 0 3px #007bff1a!important;outline:none!important}.directions-form input::placeholder{color:#adb5bd!important}.directions-form button{background:linear-gradient(135deg,#007bff,#0056b3)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;padding:14px!important;text-transform:uppercase!important;transition:all .2s ease!important;width:100%!important}.directions-form button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085)!important;box-shadow:0 4px 12px #007bff4d!important;transform:translateY(-1px)!important}.directions-form button:disabled{background:#dee2e6!important;box-shadow:none!important;color:#6c757d!important;cursor:not-allowed!important;transform:none!important}.route-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:1px solid #dee2e6!important;border-radius:10px!important;font-size:13px!important;padding:16px!important}.route-info>div{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:10px!important}.route-info>div:last-child{margin-bottom:0!important}.route-info span:first-child{color:#495057!important;font-weight:600!important}.route-info span:last-child{color:#007bff!important;font-weight:500!important}.route-info strong{color:#6c757d!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.route-info .route-steps{background:#fff!important;border:1px solid #e9ecef!important;border-radius:6px!important;margin-top:12px!important;max-height:120px!important;overflow-y:auto!important;padding:12px!important}.route-info .route-steps::-webkit-scrollbar{width:4px}.route-info .route-steps::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.route-info .route-steps::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.route-info .route-steps>div{border-bottom:1px solid #f8f9fa!important;display:block!important;font-size:12px!important;line-height:1.5!important;padding:6px 0!important}.route-info .route-steps>div:last-child{border-bottom:none!important}.route-info .route-steps span:first-child{color:#007bff!important;display:inline-block!important;font-weight:600!important;margin-right:12px!important;min-width:20px!important}.route-info .route-steps span:last-child{color:#868e96!important;font-size:11px!important;font-weight:400!important;margin-left:12px!important}@media (max-width:768px){.directions-panel{left:20px!important;max-width:none!important;right:20px!important;width:calc(100vw - 40px)!important}}.directions-panel{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.file-validation-info{background:#f8f9fa;border-left:3px solid #17a2b8;border-radius:4px;font-size:12px;margin-top:8px!important;padding:8px}.file-validation-info.has-warnings{background:#fff3cd;border-left-color:#ffc107;color:#856404}.file-validation-info.has-errors{background:#f8d7da;border-left-color:#dc3545;color:#721c24}.file-validation-detail{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.file-validation-detail:last-child{margin-bottom:0}.file-size-info{align-items:center;display:flex;gap:8px}.file-size-original{color:#6c757d;font-size:11px;text-decoration:line-through}.file-size-compressed{color:#28a745;font-weight:500}.compression-badge{background:#28a745;border-radius:3px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.file-processing-overlay{align-items:center;background:#000000b3;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.file-processing-spinner{animation:spin 1s linear infinite;color:#fff;font-size:24px}.file-validation-warnings{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;margin-top:12px;padding:8px 12px}.file-validation-errors{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-top:12px;padding:8px 12px}.validation-message{align-items:center;display:flex;font-size:12px;gap:6px;margin:2px 0}.validation-message i{font-size:10px}.mapboxgl-ctrl-geocoder,.mapboxgl-ctrl-geocoder *,.mapboxgl-ctrl-geocoder :after,.mapboxgl-ctrl-geocoder :before{box-sizing:border-box}.mapboxgl-ctrl-geocoder{background-color:#fff;border-radius:0 0 3px 0;font:15px/20px Helvetica Neue,Arial,Helvetica,sans-serif;margin-left:40px;max-width:calc(100% - 40px);min-width:calc(100% - 40px);position:relative;width:calc(100% - 360px)}.mapbox-directions-origin .mapboxgl-ctrl-geocoder{border-radius:0 3px 0 0}.mapboxgl-ctrl-geocoder input[type=text]{background-color:initial;border:0;color:#00000080;font-size:12px;height:40px;margin:0;overflow:hidden;padding:10px 40px 10px 10px;text-overflow:ellipsis;white-space:nowrap;width:100%}.mapbox-directions-origin input[type=text]{box-shadow:0 1px 0 0 #ddd;position:relative;z-index:1}.mapboxgl-ctrl-geocoder input:focus{color:#000000bf;outline:0;outline:thin dotted\8}.mapboxgl-ctrl-geocoder .geocoder-icon-search{left:10px;position:absolute;top:10px}.mapboxgl-ctrl-geocoder button{background-color:#fff;border:none;cursor:pointer;margin:0;padding:0}.mapboxgl-ctrl-geocoder .geocoder-pin-right *{background-color:#fff;display:none;position:absolute;right:10px;top:10px;z-index:2}.mapboxgl-ctrl-geocoder .geocoder-pin-right .active{display:block}.mapboxgl-ctrl-geocoder,.mapboxgl-ctrl-geocoder ul{box-shadow:none}.mapboxgl-ctrl-geocoder ul{background-color:#fff;border-radius:0 0 3px 3px;font-size:12px;left:0;list-style:none;margin:0;overflow:hidden;padding:0;position:absolute;top:100%;width:100%;z-index:1000}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-geocoder ul,.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-geocoder ul{bottom:100%;top:auto}.mapboxgl-ctrl-geocoder ul>li>a{border-bottom:1px solid #0000001a;clear:both;cursor:default;display:block;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap}.mapboxgl-ctrl-geocoder ul>li:last-child>a{border-bottom:none}.mapboxgl-ctrl-geocoder ul>li.active>a,.mapboxgl-ctrl-geocoder ul>li>a:hover{background-color:#eee;cursor:pointer;text-decoration:none}.geocoder-icon{speak:none;background-repeat:no-repeat;display:inline-block;height:20px;vertical-align:middle;width:20px}.geocoder-icon-search{display:none}.geocoder-icon-close{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PHBhdGggZD0iTTUgNXYxLjVMOC41IDEwIDUgMTMuNVYxNWgxLjVsMy41LTMuNSAzLjUgMy41SDE1di0xLjVMMTEuNSAxMCAxNSA2LjVWNWgtMS41TDEwIDguNSA2LjUgNUg1eiIvPjwvc3ZnPg==)}.geocoder-icon-loading{animation:rotate .4s linear infinite;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTEwIDJ2My4zYzIuNiAwIDQuNyAyLjEgNC43IDQuN0gxOGMwLTQuNC0zLjYtOC04LTh6Ii8+PHBhdGggZD0iTTEwIDJDNi44IDIgMy43IDQuMSAyLjYgNy4xYy0xLjIgMi45LS41IDYuNSAxLjkgOC43IDIuNCAyLjQgNi40IDIuOSA5LjQgMS4yIDIuNS0xLjQgNC4yLTQuMiA0LjItN2gtMy4zYy4xIDIuMi0xLjcgNC4zLTMuOCA0LjYtMi4zLjQtNC42LS44LTUuMy0yLjktLjktMi0uMS00LjYgMS45LTUuNy43LS40IDEuNS0uNyAyLjQtLjdWMnoiIHN0eWxlPSJmaWxsOiMwMDA7b3BhY2l0eTouMiIvPjwvc3ZnPg==)}.mapboxgl-ctrl-directions{max-width:300px;min-width:300px;width:33.33333%}.mapbox-directions-component{position:relative}.mapbox-directions-component,.mapbox-directions-component *,.mapbox-directions-component :after,.mapbox-directions-component :before{box-sizing:border-box}.mapbox-directions-component-keyline{border-radius:3px;box-shadow:0 0 0 2px #0000001a}.directions-control{font:15px/20px Helvetica Neue,Arial,Helvetica,sans-serif;width:100%;z-index:1}.directions-control.directions-control-directions{background:#000000bf;bottom:0;color:#fff;margin:7px 0 0;overflow:auto;overflow-x:hidden;right:0;top:0}.directions-control.directions-control-inputs{left:10px;top:10px}.mapbox-directions-destination,.mapbox-directions-origin{position:relative}.mapbox-form-label{background:#8a8acb;border-radius:0 0 0 3px;color:#fff;height:40px;left:0;line-height:38px;padding:0;position:absolute;text-align:center;top:0;width:40px}.mapbox-form-label .directions-icon{background-position:50%;height:40px;width:40px}.mapbox-directions-origin .mapbox-form-label{background-color:#3bb2d0;border-radius:3px 0 0 0;box-shadow:0 1px 0 0 #0000001a;z-index:1}.directions-reverse{background:#fff;cursor:pointer;left:40px;position:absolute;top:30px;z-index:10}.mapbox-directions-inputs button{background-color:#fff;border:none;cursor:pointer;margin:0;padding:0}.mapbox-directions-inputs .directions-pin-right *{background-color:#fff;display:none;position:absolute;right:10px;top:10px;z-index:2}.mapbox-directions-inputs .directions-pin-right .active{display:block}.mapbox-directions-profile{background:#fff;border-radius:15px;margin:7px 0 0;padding:2px;vertical-align:middle}.mapbox-directions-profile label{border-radius:16px;color:#00000080;cursor:pointer;display:block;float:left;font-size:12px;line-height:20px;padding:3px 5px;text-align:center;vertical-align:top;width:25%}.mapbox-directions-profile label:hover{color:#000000bf}.mapbox-directions-profile input[type=radio]{display:none}.mapbox-directions-profile input[type=radio]:checked+label,.mapbox-directions-profile input[type=radio]:checked+label:hover{background:#eee;color:#000000bf}.mapbox-directions-routes ul{border-bottom:1px solid #ffffff40;list-style:none;margin:0;padding:10px 10px 0}.mapbox-directions-routes li{color:#ffffff80;cursor:pointer;display:block;font-size:12px;min-height:60px;padding:10px 10px 10px 80px;position:relative}.mapbox-directions-routes .mapbox-directions-route-active,.mapbox-directions-routes li:hover{color:#fff}.mapbox-directions-route-heading{left:10px;position:absolute;top:10px}.mapbox-directions-route-summary{background-color:#000000bf;color:#fff;font-size:15px;line-height:28px;padding:5px 10px;position:relative;width:100%;z-index:1}.mapbox-directions-route-summary h1{display:inline;font-size:inherit;font-weight:500;line-height:inherit;margin:0}.mapbox-directions-route-summary span{color:#ffffff80;margin:0 5px}.mapbox-directions-instructions{overflow:scroll}.mapbox-directions-instructions-wrapper{max-height:50vh}.mapbox-directions-routes{float:right;font-size:12px;margin-left:5px}.mapbox-directions-routes input[type=radio]{display:none}.mapbox-directions-routes input[type=radio]:not(:checked)+.button:before{width:0}.mapbox-directions-routes input[type=radio]+label{background-color:#ffffff1a;cursor:pointer;float:left;padding:0 10px}.mapbox-directions-routes input[type=radio]+label:hover,.mapbox-directions-routes input[type=radio]:checked+label{background-color:#ffffff40}.mapbox-directions-instructions .directions-icon{left:12px;margin:auto;position:absolute;top:20px}.mapbox-directions-instructions .directions-icon:before{vertical-align:top}.mapbox-directions-error{font-size:20px;line-height:25px;padding:20px}.mapbox-directions-step-distance{bottom:-10px;color:#ffffff80;font-size:12px;left:30px;padding:5px 10px;position:absolute}.mapbox-directions-steps{list-style:none;margin:0;padding:0;position:relative}.mapbox-directions-step{color:#ffffffbf;cursor:pointer;font-size:14px;font-weight:300;letter-spacing:.1em;line-height:18px;padding:20px 20px 20px 40px;position:relative}.mapbox-directions-step *{pointer-events:none}.mapbox-directions-step:hover{color:#fff}.mapbox-directions-step:after{border-left:2px dotted #fff3;bottom:-10px;content:"";left:20px;position:absolute;top:45px}.mapbox-directions-step:last-child .mapbox-directions-step-distance,.mapbox-directions-step:last-child:after{display:none}.mapbox-marker-drag-icon{background-color:#444;border-radius:50%;box-shadow:0 0 5px 0 #00000080;display:block}.mapbox-marker-drag-icon-step{background-color:#3bb2d0}.mapbox-directions-clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden}@media only screen and (max-width:640px){.directions-control.directions-control{max-width:100%;width:100%}.directions-control.directions-control-inputs{left:0;top:0}.mapbox-directions-profile{margin:10px}.mapbox-directions-routes{float:right;margin-right:10px}.directions-control.directions-control-directions{max-height:40%;top:auto}.mapbox-directions-multiple{min-height:50px}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.directions-icon{speak:none;background-repeat:no-repeat;display:inline-block;height:20px;vertical-align:middle;width:20px}.directions-icon-arrive{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTMyMDYgOTk2LjM2aDMuNzNxMi41NSAwIDMuNy43MyAxLjE2LjcyIDEuMTYgMi4zMSAwIDEuMDgtLjUxIDEuNzYtLjUuNjktMS4zNC44M3YuMDhxMS4xNC4yNSAxLjY0Ljk1LjUxLjcuNTEgMS44NiAwIDEuNjQtMS4xOSAyLjU2LTEuMTguOTItMy4yMi45MmgtNC40OXYtMTJ6bTIuNTQgNC43NWgxLjQ4cTEuMDMgMCAxLjQ5LS4zMi40Ny0uMzIuNDctMS4wNiAwLS42OS0uNTEtLjk4LS41LS4zLTEuNTktLjNoLTEuMzR2Mi42N3ptMCAyLjAydjMuMTNoMS42NnExLjA1IDAgMS41NS0uNHQuNS0xLjIzcTAtMS40OS0yLjEzLTEuNDloLTEuNTh6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIwMCAtOTkyLjM2MikiIHN0eWxlPSItaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOidPcGVuIFNhbnMgQm9sZCc7YmxvY2stcHJvZ3Jlc3Npb246dGI7Y29sb3I6I2ZmZjtkaXJlY3Rpb246bHRyO2Rpc3BsYXk6aW5saW5lO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDojZmZmO2ZvbnQtZmFtaWx5OidPcGVuIFNhbnMnO2ZvbnQtc2l6ZToxNi44MTtmb250LXdlaWdodDo3MDA7bGV0dGVyLXNwYWNpbmc6bm9ybWFsO2xpbmUtaGVpZ2h0OjEyNTtvdmVyZmxvdzp2aXNpYmxlO3RleHQtYWxpZ246Y2VudGVyO3RleHQtYW5jaG9yOm1pZGRsZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZTt3b3JkLXNwYWNpbmc6bm9ybWFsO3dyaXRpbmctbW9kZTpsci10YiIvPjwvc3ZnPg==)}.directions-icon-slight-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTYgNC4wMzh2Ny41bDMuMS0zLjEgMi45IDN2NC42aDJ2LTUuNGwtMy41LTMuNSAzLTN6IiBmaWxsPSIjRkZGIi8+PC9zdmc+)}.directions-icon-slight-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTYuNSA0LjAzOCAzIDMtMy41IDMuNXY1LjRoMnYtNC42bDIuOS0zIDMuMSAzLjF2LTcuNXoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=)}.directions-icon-straight{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTE1LjUgOS4wMzgtNS41LTUuNS01LjUgNS41SDl2N2gydi03eiIgZmlsbD0iI0ZGRiIvPjxwYXRoIGQ9Im0yMDctNDQuOTYyLTIgNmg3LjNsLTIgNmgybDQtMTJoLTEuMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)}.directions-icon-depart{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTMyMTMuMDQgMTAwOC4zNi0uODctMi44NGgtNC4zNmwtLjg3IDIuODRoLTIuNzNsNC4yMi0xMmgzLjFsNC4yMyAxMmgtMi43M3ptLTEuNDctNC45N3EtMS4yLTMuODctMS4zNi00LjM3LS4xNS0uNTEtLjIxLS44LS4yNyAxLjA1LTEuNTQgNS4xN2gzLjExeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyMDAgLTk5Mi4zNjIpIiBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonT3BlbiBTYW5zIEJvbGQnO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2NvbG9yOiNmZmY7ZGlyZWN0aW9uOmx0cjtkaXNwbGF5OmlubGluZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6I2ZmZjtmb250LWZhbWlseTonT3BlbiBTYW5zJztmb250LXNpemU6MTYuNzQ7Zm9udC13ZWlnaHQ6NzAwO2xldHRlci1zcGFjaW5nOm5vcm1hbDtsaW5lLWhlaWdodDoxMjU7b3ZlcmZsb3c6dmlzaWJsZTt0ZXh0LWFsaWduOmNlbnRlcjt0ZXh0LWFuY2hvcjptaWRkbGU7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmU7d29yZC1zcGFjaW5nOm5vcm1hbDt3cml0aW5nLW1vZGU6bHItdGIiLz48L3N2Zz4=)}.directions-icon-roundabout{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTMyMTAgOTk1LjRjLTEuNSAwLTMuMS42LTQuMiAxLjctMi4zIDIuMy0yLjMgNi4yIDAgOC41bDEuNC0xLjRjLTEuNi0xLjYtMS42LTQuMSAwLTUuNiAxLjYtMS42IDQuMS0xLjYgNS42IDAgMS42IDEuNiAxLjYgNC4xIDAgNS42LS44LjgtMS44IDEuMi0yLjggMS4yaC0xdjRoMnYtMi4xYzEuMi0uMiAyLjQtLjggMy4zLTEuNyAyLjMtMi4zIDIuMy02LjIgMC04LjUtMS4yLTEuMi0yLjctMS43LTQuMi0xLjd6IiBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2RpcmVjdGlvbjpsdHI7ZmlsbDojZmZmO2ZvbnQtZmFtaWx5OlNhbnM7Zm9udC1zaXplOm1lZGl1bTtsZXR0ZXItc3BhY2luZzpub3JtYWw7bGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1hbmNob3I6c3RhcnQ7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmU7d29yZC1zcGFjaW5nOm5vcm1hbDt3cml0aW5nLW1vZGU6bHItdGIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwIC05OTIuMzYyKSIvPjwvc3ZnPg==)}.directions-icon-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTEwIDQuMDM4Yy0uNiAwLTEuMi4zLTEuNS44bC00LjMgOS4yYy0uNS44IDAgMiAxLjEgMmg5LjRjMS4xIDAgMS42LTEuMiAxLjEtMmwtNC4zLTkuMmMtLjMtLjUtLjktLjgtMS41LS44em0wIDMgMSAxdjNIOXYtM3ptLTEgNWgydjJIOXoiLz48L3N2Zz4=)}.directions-icon-reverse{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTEwIDMuNTM4LTQuNSA0LjVIOXY0SDUuNWw0LjUgNC41IDQuNS00LjVIMTF2LTRoMy41bC00LjUtNC41eiIvPjwvc3ZnPg==)}.directions-icon-sharp-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTEzLjYgNC4wMzgtNi41IDYuNS0zLTN2Ny41aDcuNWwtMy4xLTMuMSA0LjYtNC41djUuNmgydi04bC0xLjQtMXoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=)}.directions-icon-sharp-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTYuNCA0LjAzOC0xLjQgMXY4aDJ2LTUuNmw0LjYgNC41LTMuMSAzLjFIMTZ2LTcuNWwtMyAzLTYuNS02LjV6IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0ibTIwNy00NC45NjItMiA2aDcuM2wtMiA2aDJsNC0xMmgtMS4yeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)}.directions-icon-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTMyMDkgOTk1Ljl2NC41aDVsMSAxdjZoLTJ2LTVoLTR2NC41bC01LjUtNS41eiIgc3R5bGU9Ii1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtibG9jay1wcm9ncmVzc2lvbjp0YjtkaXJlY3Rpb246bHRyO2ZpbGw6I2ZmZjtmb250LWZhbWlseTpTYW5zO2ZvbnQtc2l6ZTptZWRpdW07bGV0dGVyLXNwYWNpbmc6bm9ybWFsO2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtYW5jaG9yOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIwMCAtOTkyLjM2MikiLz48L3N2Zz4=)}.directions-icon-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTMyMTEgOTk1Ljl2NC41aC01bC0xIDF2Nmgydi01aDR2NC41bDUuNS01LjV6IiBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2RpcmVjdGlvbjpsdHI7ZmlsbDojZmZmO2ZvbnQtZmFtaWx5OlNhbnM7Zm9udC1zaXplOm1lZGl1bTtsZXR0ZXItc3BhY2luZzpub3JtYWw7bGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1hbmNob3I6c3RhcnQ7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmU7d29yZC1zcGFjaW5nOm5vcm1hbDt3cml0aW5nLW1vZGU6bHItdGIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwIC05OTIuMzYyKSIvPjxwYXRoIGQ9Im0yMDctNDQuOTYyLTIgNmg3LjNsLTIgNmgybDQtMTJoLTEuMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)}.directions-icon-u-turn{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTMyMDkgOTk2LjRjLTEuNyAwLTMuMS42LTMuOSAxLjYtLjggMS0xLjEgMi4yLTEuMSAzLjR2Nmgydi02YzAtLjguMi0xLjYuNy0yLjEuNC0uNSAxLjEtLjkgMi4zLS45IDEuMyAwIDEuOS40IDIuMy45LjQuNS43IDEuMy43IDIuMXYyaC00LjVsNS41IDUuNSA1LjUtNS41aC00LjV2LTJjMC0xLjItLjMtMi40LTEuMS0zLjRzLTIuMi0xLjYtMy45LTEuNnoiIHN0eWxlPSItaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOlNhbnM7YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7YmxvY2stcHJvZ3Jlc3Npb246dGI7ZGlyZWN0aW9uOmx0cjtmaWxsOiNmZmY7Zm9udC1mYW1pbHk6U2Fucztmb250LXNpemU6bWVkaXVtO2xldHRlci1zcGFjaW5nOm5vcm1hbDtsaW5lLWhlaWdodDpub3JtYWw7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWFuY2hvcjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZTt3b3JkLXNwYWNpbmc6bm9ybWFsO3dyaXRpbmctbW9kZTpsci10YiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyMDAgLTk5Mi4zNjIpIi8+PC9zdmc+)}.directions-icon-waypoint{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTE1IDkuMDM4YzAgMi44LTUgOC01IDhzLTUtNS4yLTUtOCAyLjItNSA1LTUgNSAyLjIgNSA1eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==)}.trackasiagl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.trackasiagl-canvas{left:0;position:absolute;top:0}.trackasiagl-map:fullscreen{height:100%;width:100%}.trackasiagl-ctrl-group button.trackasiagl-ctrl-compass{touch-action:none}.trackasiagl-canvas-container.trackasiagl-interactive,.trackasiagl-ctrl-group button.trackasiagl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.trackasiagl-canvas-container.trackasiagl-interactive.trackasiagl-track-pointer{cursor:pointer}.trackasiagl-canvas-container.trackasiagl-interactive:active,.trackasiagl-ctrl-group button.trackasiagl-ctrl-compass:active{cursor:grabbing}.trackasiagl-canvas-container.trackasiagl-touch-zoom-rotate,.trackasiagl-canvas-container.trackasiagl-touch-zoom-rotate .trackasiagl-canvas{touch-action:pan-x pan-y}.trackasiagl-canvas-container.trackasiagl-touch-drag-pan,.trackasiagl-canvas-container.trackasiagl-touch-drag-pan .trackasiagl-canvas{touch-action:pinch-zoom}.trackasiagl-canvas-container.trackasiagl-touch-zoom-rotate.trackasiagl-touch-drag-pan,.trackasiagl-canvas-container.trackasiagl-touch-zoom-rotate.trackasiagl-touch-drag-pan .trackasiagl-canvas{touch-action:none}.trackasiagl-canvas-container.trackasiagl-touch-drag-pan.trackasiagl-cooperative-gestures,.trackasiagl-canvas-container.trackasiagl-touch-drag-pan.trackasiagl-cooperative-gestures .trackasiagl-canvas{touch-action:pan-x pan-y}.trackasiagl-ctrl-bottom-left,.trackasiagl-ctrl-bottom-right,.trackasiagl-ctrl-top-left,.trackasiagl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.trackasiagl-ctrl-top-left{left:0;top:0}.trackasiagl-ctrl-top-right{right:0;top:0}.trackasiagl-ctrl-bottom-left{bottom:0;left:0}.trackasiagl-ctrl-bottom-right{bottom:0;right:0}.trackasiagl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.trackasiagl-ctrl-top-left .trackasiagl-ctrl{float:left;margin:10px 0 0 10px}.trackasiagl-ctrl-top-right .trackasiagl-ctrl{float:right;margin:10px 10px 0 0}.trackasiagl-ctrl-bottom-left .trackasiagl-ctrl{float:left;margin:0 0 10px 10px}.trackasiagl-ctrl-bottom-right .trackasiagl-ctrl{float:right;margin:0 10px 10px 0}.trackasiagl-ctrl-group{background:#fff;border-radius:4px}.trackasiagl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (forced-colors:active){.trackasiagl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.trackasiagl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;padding:0;width:29px}.trackasiagl-ctrl-group button+button{border-top:1px solid #ddd}.trackasiagl-ctrl button .trackasiagl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (forced-colors:active){.trackasiagl-ctrl-icon{background-color:initial}.trackasiagl-ctrl-group button+button{border-top:1px solid ButtonText}}.trackasiagl-ctrl button::-moz-focus-inner{border:0;padding:0}.trackasiagl-ctrl-attrib-button:focus,.trackasiagl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.trackasiagl-ctrl button:disabled{cursor:not-allowed}.trackasiagl-ctrl button:disabled .trackasiagl-ctrl-icon{opacity:.25}@media (hover:hover){.trackasiagl-ctrl button:not(:disabled):hover{background-color:#0000000d}}.trackasiagl-ctrl button:not(:disabled):active{background-color:#0000000d}.trackasiagl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.trackasiagl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.trackasiagl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.trackasiagl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.trackasiagl-ctrl-group button:focus:only-child{border-radius:inherit}.trackasiagl-ctrl button.trackasiagl-ctrl-zoom-out .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-zoom-in .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}@media (forced-colors:active){.trackasiagl-ctrl button.trackasiagl-ctrl-zoom-out .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-zoom-in .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.trackasiagl-ctrl button.trackasiagl-ctrl-zoom-out .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-zoom-in .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}.trackasiagl-ctrl button.trackasiagl-ctrl-fullscreen .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-shrink .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}@media (forced-colors:active){.trackasiagl-ctrl button.trackasiagl-ctrl-fullscreen .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-shrink .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.trackasiagl-ctrl button.trackasiagl-ctrl-fullscreen .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-shrink .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}.trackasiagl-ctrl button.trackasiagl-ctrl-compass .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}@media (forced-colors:active){.trackasiagl-ctrl button.trackasiagl-ctrl-compass .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.trackasiagl-ctrl button.trackasiagl-ctrl-compass .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}.trackasiagl-ctrl button.trackasiagl-ctrl-globe .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23333'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-globe-enabled .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2333b5e5'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-terrain .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23333'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-terrain-enabled .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2333b5e5'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate:disabled .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate.trackasiagl-ctrl-geolocate-active .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate.trackasiagl-ctrl-geolocate-active-error .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate.trackasiagl-ctrl-geolocate-background .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate.trackasiagl-ctrl-geolocate-background-error .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate.trackasiagl-ctrl-geolocate-waiting .trackasiagl-ctrl-icon{animation:trackasiagl-spin 2s linear infinite}@media (forced-colors:active){.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate:disabled .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23999' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate.trackasiagl-ctrl-geolocate-active .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate.trackasiagl-ctrl-geolocate-active-error .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate.trackasiagl-ctrl-geolocate-background .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate.trackasiagl-ctrl-geolocate-background-error .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.trackasiagl-ctrl button.trackasiagl-ctrl-geolocate:disabled .trackasiagl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}}@keyframes trackasiagl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.trackasiagl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85) scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85) scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85) scale(.88807)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.trackasiagl-ctrl-logo.trackasiagl-compact{width:14px}@media (forced-colors:active){a.trackasiagl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85) scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85) scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85) scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){a.trackasiagl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85) scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85) scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85) scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}.trackasiagl-ctrl.trackasiagl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.trackasiagl-ctrl-attrib.trackasiagl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;color:#000;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.trackasiagl-ctrl-attrib.trackasiagl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.trackasiagl-ctrl-bottom-left>.trackasiagl-ctrl-attrib.trackasiagl-compact-show,.trackasiagl-ctrl-top-left>.trackasiagl-ctrl-attrib.trackasiagl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.trackasiagl-ctrl-attrib.trackasiagl-compact .trackasiagl-ctrl-attrib-inner{display:none}.trackasiagl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.trackasiagl-ctrl-attrib summary.trackasiagl-ctrl-attrib-button{-webkit-appearance:none;appearance:none;list-style:none}.trackasiagl-ctrl-attrib summary.trackasiagl-ctrl-attrib-button::-webkit-details-marker{display:none}.trackasiagl-ctrl-bottom-left .trackasiagl-ctrl-attrib-button,.trackasiagl-ctrl-top-left .trackasiagl-ctrl-attrib-button{left:0}.trackasiagl-ctrl-attrib.trackasiagl-compact .trackasiagl-ctrl-attrib-button,.trackasiagl-ctrl-attrib.trackasiagl-compact-show .trackasiagl-ctrl-attrib-inner{display:block}.trackasiagl-ctrl-attrib.trackasiagl-compact-show .trackasiagl-ctrl-attrib-button{background-color:#0000000d}.trackasiagl-ctrl-bottom-right>.trackasiagl-ctrl-attrib.trackasiagl-compact:after{bottom:0;right:0}.trackasiagl-ctrl-top-right>.trackasiagl-ctrl-attrib.trackasiagl-compact:after{right:0;top:0}.trackasiagl-ctrl-top-left>.trackasiagl-ctrl-attrib.trackasiagl-compact:after{left:0;top:0}.trackasiagl-ctrl-bottom-left>.trackasiagl-ctrl-attrib.trackasiagl-compact:after{bottom:0;left:0}}@media screen and (forced-colors:active){.trackasiagl-ctrl-attrib.trackasiagl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (forced-colors:active) and (prefers-color-scheme:light){.trackasiagl-ctrl-attrib.trackasiagl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.trackasiagl-ctrl-attrib a{color:#000000bf;text-decoration:none}.trackasiagl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.trackasiagl-attrib-empty{display:none}.trackasiagl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px}.trackasiagl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.trackasiagl-popup-anchor-top,.trackasiagl-popup-anchor-top-left,.trackasiagl-popup-anchor-top-right{flex-direction:column}.trackasiagl-popup-anchor-bottom,.trackasiagl-popup-anchor-bottom-left,.trackasiagl-popup-anchor-bottom-right{flex-direction:column-reverse}.trackasiagl-popup-anchor-left{flex-direction:row}.trackasiagl-popup-anchor-right{flex-direction:row-reverse}.trackasiagl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.trackasiagl-popup-anchor-top .trackasiagl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.trackasiagl-popup-anchor-top-left .trackasiagl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.trackasiagl-popup-anchor-top-right .trackasiagl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.trackasiagl-popup-anchor-bottom .trackasiagl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.trackasiagl-popup-anchor-bottom-left .trackasiagl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.trackasiagl-popup-anchor-bottom-right .trackasiagl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.trackasiagl-popup-anchor-left .trackasiagl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.trackasiagl-popup-anchor-right .trackasiagl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.trackasiagl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.trackasiagl-popup-close-button:hover{background-color:#0000000d}.trackasiagl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:15px 10px;pointer-events:auto;position:relative}.trackasiagl-popup-anchor-top-left .trackasiagl-popup-content{border-top-left-radius:0}.trackasiagl-popup-anchor-top-right .trackasiagl-popup-content{border-top-right-radius:0}.trackasiagl-popup-anchor-bottom-left .trackasiagl-popup-content{border-bottom-left-radius:0}.trackasiagl-popup-anchor-bottom-right .trackasiagl-popup-content{border-bottom-right-radius:0}.trackasiagl-popup-track-pointer{display:none}.trackasiagl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.trackasiagl-map:hover .trackasiagl-popup-track-pointer{display:flex}.trackasiagl-map:active .trackasiagl-popup-track-pointer{display:none}.trackasiagl-marker{left:0;position:absolute;top:0;transition:opacity .2s;will-change:transform}.trackasiagl-user-location-dot,.trackasiagl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.trackasiagl-user-location-dot:before{animation:trackasiagl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.trackasiagl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}@keyframes trackasiagl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.trackasiagl-user-location-dot-stale{background-color:#aaa}.trackasiagl-user-location-dot-stale:after{display:none}.trackasiagl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.trackasiagl-crosshair,.trackasiagl-crosshair .trackasiagl-interactive,.trackasiagl-crosshair .trackasiagl-interactive:active{cursor:crosshair}.trackasiagl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}.trackasiagl-cooperative-gesture-screen{align-items:center;background:#0006;color:#fff;display:flex;font-size:1.4em;inset:0;justify-content:center;line-height:1.2;opacity:0;padding:1rem;pointer-events:none;position:absolute;transition:opacity 1s ease 1s;z-index:99999}.trackasiagl-cooperative-gesture-screen.trackasiagl-show{opacity:1;transition:opacity .05s}.trackasiagl-cooperative-gesture-screen .trackasiagl-mobile-message{display:none}@media (hover:none),(pointer:coarse){.trackasiagl-cooperative-gesture-screen .trackasiagl-desktop-message{display:none}.trackasiagl-cooperative-gesture-screen .trackasiagl-mobile-message{display:block}}.trackasiagl-pseudo-fullscreen{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:99999}.edit-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;margin:auto;max-height:85vh;max-width:900px;min-height:500px;position:relative;width:100%}.modal-overlay-edit-property{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:70px;z-index:9999}.edit-modal .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.edit-form{display:flex;flex:1 1;flex-direction:column;height:100%;margin-top:0!important;overflow-y:auto;padding:20px}.form-content-edit-property{background-color:#f8fafc;flex:1 1;max-height:450px;min-height:0;overflow-y:auto;padding:24px;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.form-section-edit-property{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.edit-form .form-section h4{border-bottom:1px solid #eee;color:#333;font-size:1.25rem;margin:0 0 15px;padding-bottom:8px}.edit-form .form-group{margin-bottom:15px}.edit-form .form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.map-container{border:1px solid #ddd;border-radius:8px;height:250px;margin-bottom:15px;overflow:hidden;width:100%}.coordinates-display{color:#555;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;justify-content:space-between;margin-bottom:10px}.coordinates-display span{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:4px 8px}.manual-coords-indicator{background:#d4edda!important;border-color:#c3e6cb!important;color:#155724!important;font-weight:500}.geocoding-indicator{background:#fff3cd!important;border-color:#ffeaa7!important;color:#856404!important;font-weight:500}.loading-amenities{color:#666;font-style:italic;padding:20px;text-align:center}.error-amenities{background-color:#fdf2f2;border:1px solid #f8d7da;border-radius:4px;color:#e74c3c;margin-bottom:15px;padding:20px;text-align:center}.amenity-item i{color:#007bff;margin-right:8px;width:16px}.remove-image-new-property,.remove-video{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:35px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;transition:background .3s,transform .2s;width:35px;z-index:9999}.full-amenities-span{color:#065dff;font-size:18px;position:relative;top:-20px}.package-expired-notice{align-items:center;background:linear-gradient(90deg,#ffe5e5,#ffd6d6);border:1px solid #ff9c9c;border-left:6px solid #ff4d4d;border-radius:8px;box-shadow:0 1px 3px #ff000026;color:#b30000;display:flex;font-weight:600;gap:8px;margin:12px 0;padding:10px 14px}.package-expired-notice i{color:#f33;font-size:18px}.package-expired-notice span{flex:1 1;font-size:18px}.package-expired-notice strong{color:#000}.trackasia-map-container{border:2px solid #e1e5e9;border-radius:8px;margin-bottom:10px;overflow:hidden}.coordinates-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:15px;padding:12px}.coordinate-display{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.coordinate-item{align-items:center;display:flex;font-size:14px;gap:5px}.coordinate-item i{color:#007bff;width:16px}.address-hint{color:#6c757d;font-size:13px;font-style:italic;margin:0}@media (max-width:768px){.edit-modal{max-height:95vh;width:95%}.edit-form .form-row{grid-template-columns:1fr}.edit-form .form-actions{flex-direction:column-reverse}.coordinate-display{flex-direction:column;gap:8px}}.properties-controls{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #007bff;border-radius:16px;box-shadow:0 4px 20px #0000000f;display:flex;gap:30px;justify-content:space-between;margin-bottom:30px;padding:25px}.controls-left{flex:1 1;max-width:450px;position:relative}.controls-right{align-items:center;display:flex;flex-wrap:wrap;gap:25px}.search-box{position:relative;width:100%}.search-box i{color:#007bff;font-size:18px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.search-box input{background:#fdfdfd;border:1px solid #007bff;border-radius:999px;box-shadow:0 2px 6px #0000000d;color:#333;font-size:15px;font-weight:500;padding:14px 0 14px 50px;transition:all .3s ease;width:100%}.clear-search-btn-my-properties{align-items:center;background:#6c757d;border:none;border-radius:50%;box-shadow:0 2px 6px #6c757d4d;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0!important;position:absolute;right:55px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.clear-search-btn-my-properties i{color:#fff;font-size:12px;left:7px!important;pointer-events:none;position:absolute}.clear-search-btn-my-properties:hover{background:#5a6268;box-shadow:0 3px 8px #6c757d66}.search-btn-my-properties{align-items:center;background:#007bff;border:none;border-radius:50%;box-shadow:0 2px 8px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:0!important;position:absolute;right:3px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px}.search-btn-my-properties i{color:#fff}.search-btn-my-properties:hover{background:#00008b;box-shadow:0 4px 12px #007bff66}.search-box input::placeholder{color:#999;font-weight:400}.search-box input:focus{background:#fff;border-color:#007bff;box-shadow:0 4px 12px #6c63ff33;outline:none}.search-box input:focus+i{color:#007bff}.search-hint{align-items:center;animation:slideDown .2s ease;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;display:flex;gap:6px;left:0;margin-top:4px;padding:8px 16px;position:absolute;right:0;top:100%;z-index:10}.search-hint,.search-hint i{color:#1565c0;font-size:12px}.search-hint span{margin-left:10px}.filter-group{flex-direction:column;gap:6px;margin-top:12px}.filter-group-my-properties{display:flex;flex-direction:column;gap:6px;padding-bottom:10px}.filter-group-my-properties label{color:#444;font-size:14px;font-weight:600;justify-content:flex-start;letter-spacing:.3px;margin:0 10px 0 0}.filter-group-my-properties select{background:#fff;border:1px solid #007bff;border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:10px 14px;transition:all .2s ease}.filter-group-my-properties select:hover{border-color:#007bff;box-shadow:0 0 4px #007bff33}.filter-group-my-properties select:focus{border-color:#007bff;box-shadow:0 0 6px #007bff40;outline:none}.properties-content{min-height:400px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state i{margin-bottom:15px}.empty-state{padding:60px 20px}.empty-state i{color:#ccc;font-size:48px}.properties-grid{grid-gap:20px;align-items:stretch;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.property-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;height:100%;min-height:580px;overflow:hidden;transition:all .3s ease}.property-card:hover{border-color:#007bff;box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.property-image{background:#f8f9fa;height:200px;position:relative;width:100%}.property-image img{transition:transform .3s ease}.property-card:hover .property-image img{transform:scale(1.05)}.no-image{color:#ccc}.property-status{left:10px;position:absolute;top:40px}.status-badge-my-properties{border-radius:16px;box-shadow:0 2px 4px #0000001a;font-size:12px;font-weight:700;gap:5px;padding:6px 12px}.status-pending{animation:pulse 2s infinite;background:#f90!important;border:none;color:#fff}.status-approved{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff}.status-rejected{background:linear-gradient(135deg,#dc3545,#fd7e14);border:none;color:#fff}.status-hidden{background:linear-gradient(135deg,#6c757d,#495057);border:none;color:#fff}.property-info{justify-content:space-between;min-height:360px;padding:15px}.property-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 15px;overflow:hidden;text-shadow:0 1px 2px #0000001a}.property-details{display:flex;flex:1 1;flex-direction:column;gap:5px;height:90px}.detail-item{align-items:center;color:#49574c;font-size:14px;font-weight:600;gap:10px;padding:4px 0}.detail-item i{color:#007bff;font-size:16px;text-align:center;width:18px}.detail-item:first-child{align-items:center;color:#28a745;font-size:20px;font-weight:600;margin-left:30px}.detail-item:first-child span{color:#28a745;font-weight:700}.package-features i{color:#007bff}.detail-item.price{background:linear-gradient(90deg,#ffe8e8,#fff);border-left:4px solid #e74c3c;border-radius:8px;color:#e74c3c;font-size:16px;font-weight:700;margin:8px 0;padding:8px 12px}.detail-item.price i{color:#e74c3c;font-size:18px}.detail-item.area{background:linear-gradient(90deg,#e8f4f8,#fff);border-left:3px solid #2980b9;border-radius:6px;color:#2980b9;font-size:15px;font-weight:600;padding:6px 10px}.detail-item.area i{color:#2980b9}.detail-item.location{background:linear-gradient(90deg,#e8f8f0,#fff);border-left:3px solid #27ae60;border-radius:6px;color:#27ae60;font-size:14px;font-weight:600;padding:6px 10px}.detail-item.location i{color:#27ae60}.detail-item.date{background:linear-gradient(90deg,#f4e8f8,#fff);border-left:2px solid #8e44ad;border-radius:5px;color:#8e44ad;font-size:13px;font-weight:500;padding:5px 8px}.detail-item.date i{color:#8e44ad}.property-stats{border-top:1px solid #eee;display:flex;flex-wrap:nowrap;gap:15px;margin-bottom:18px;overflow:hidden;padding-top:15px}.stat-item{color:#666;flex:1 1;font-size:12px;font-weight:500;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis}.stat-item i{color:#007bff;flex-shrink:0;font-size:13px;text-align:center;width:14px}.stat-item span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-actions{background-color:#fafafa;border-top:3px solid #e0e0e0;display:flex;gap:12px;justify-content:center;padding:20px 0 0}.property-actions .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:70px;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.content-card-my-properties{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-left:40px;padding:30px;text-align:left;width:110%!important}.btn-edit{background:#f60}.btn-edit:hover{background-color:#ff8c00}.btn-toggle{background:linear-gradient(135deg,#fd7e14,#e55a00);box-shadow:0 2px 4px #fd7e144d;color:#fff}.btn-toggle:hover{background:linear-gradient(135deg,#e55a00,#cc5200);box-shadow:0 4px 8px #fd7e1466;transform:translateY(-1px)}.btn-delete{box-shadow:0 2px 4px #dc35454d}.btn-delete:hover{box-shadow:0 4px 8px #dc354566}.btn-payment{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 4px #28a7454d}.btn-payment:hover{background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 4px 8px #28a74566;transform:translateY(-1px)}.btn-view-detail{background:linear-gradient(135deg,#17a2b8,#138496);box-shadow:0 2px 4px #17a2b84d;color:#fff}.btn-view-detail:hover{background:linear-gradient(135deg,#138496,#0f6674);box-shadow:0 4px 8px #17a2b866}.pagination-container-my-properties{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;border-top:1px solid #e9ecef;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:center;margin-top:20px;overflow:hidden;padding:30px;position:relative;text-align:center}.pagination-my-properties{align-items:center;display:flex;gap:15px}.pagination-btn-my-properties{align-items:center;background:#27ae60;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s ease}.pagination-btn-my-properties:hover:not(:disabled){background:#f8f9fa;border-color:#27ae60;color:#27ae60}.pagination-btn-my-properties:disabled{cursor:not-allowed;opacity:.5}.pagination-info-my-properties{color:#666;font-size:14px;text-align:center}.total-info{color:#999;display:block;font-size:12px;margin-top:2px}.pagination-numbers{align-items:center;display:flex;gap:8px}.pagination-number-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-number-btn:hover:not(:disabled){transform:translateY(-1px)}.pagination-number-btn.active,.pagination-number-btn:hover:not(:disabled){background:#27ae60;border-color:#27ae60;box-shadow:0 2px 8px #007bff4d;color:#fff}.pagination-number-btn.active{cursor:default;font-weight:600}.pagination-number-btn:disabled{cursor:default}.pagination-ellipsis{color:#666;font-size:14px;padding:8px 4px;-webkit-user-select:none;user-select:none}.delete-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.delete-modal .modal-header-management{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border-bottom:1px solid #dc35451a;color:#fff;display:flex;justify-content:space-between;padding:24px 30px;position:relative}.delete-modal .modal-header-management:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#dc3545,#ff6b7a,#dc3545);background-size:200% 100%;bottom:-1px;content:"";height:4px;left:0;position:absolute;right:0}.delete-modal .modal-header-management h3{font-size:20px;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.delete-modal .modal-content-delete-my-properties{background:linear-gradient(180deg,#fff 0,#f8f9fa);padding:30px;text-align:center}.property-title-delete{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;color:#2c3e50;font-size:18px;font-style:italic;font-weight:700;margin:15px 0;padding:12px}.warning-text{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;font-size:15px;font-weight:600;margin-top:20px;padding:12px 16px}.warning-text i{font-size:16px;margin-right:8px}.delete-modal .modal-actions{display:flex;gap:15px;justify-content:flex-end;padding:0 30px 30px}.btn-hidden{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.025em;min-width:120px;overflow:hidden;padding:12px 24px;position:relative;text-transform:none;transition:all .3s ease}.btn-secondary-hidden{background:linear-gradient(135deg,#d80000,#c50000);box-shadow:0 3px 10px #f482014d;color:#fff;flex-shrink:0;white-space:nowrap}.modal-overlay-hidden{background:#00000080;top:0}.modal-overlay-hidden,.modal-overlay-reason-my-properties{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;z-index:9999}.modal-overlay-reason-my-properties{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0009,#2c3e50b3);top:70px}@media (max-width:768px){.properties-controls{align-items:stretch;flex-direction:column}.controls-left{min-width:0;min-width:auto}.controls-right{justify-content:space-between}.properties-grid{grid-template-columns:1fr}.property-actions{flex-wrap:wrap;justify-content:center}.property-actions .btn{flex:1 1;min-width:80px}.pagination{flex-direction:column;gap:10px}.pagination-numbers{flex-wrap:wrap;gap:6px;justify-content:center}.pagination-number-btn{font-size:13px;min-width:35px;padding:6px 10px}.pagination-btn-my-properties{font-size:13px;padding:6px 12px}.filter-group-my-properties{flex:1 1}.property-title{font-size:16px}.detail-item.price{font-size:15px}}@media (max-width:480px){.property-card{border-left:none;border-radius:0;border-right:none;margin:0 -10px}.property-actions{flex-direction:column;gap:8px}.property-actions .btn{width:100%}.property-title{font-size:15px}.detail-item.price{font-size:14px;padding:6px 10px}}.property-dropdown{position:absolute;right:10px;top:10px;z-index:10}.dropdown-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00b02cb3;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0!important;transition:all .3s ease;width:32px}.dropdown-toggle:hover{background:#00160d;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.dropdown-toggle i{color:#333;font-size:14px}.dropdown-menu{animation:fadeInDown .2s ease;border:1px solid #e9ecef;box-shadow:0 8px 25px #00000026;margin-top:5px;min-width:180px}.page-header-my-properties{text-align:center}.page-header-my-properties h2{align-items:center;color:#333;display:flex;font-size:28px;font-weight:600;gap:12px;justify-content:center;margin:0 0 10px}.currency{font-size:14px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#333;font-size:14px;padding:12px 16px}.dropdown-item:hover{background-color:#f8f9fa;color:#007bff}.dropdown-item.delete-item{border-top:1px solid #f1f1f1;color:#dc3545}.dropdown-item.delete-item:hover{background-color:#fff5f5;color:#dc3545}.dropdown-item i{font-size:12px;width:16px}.modal-overlay-management{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0009,#2c3e50b3);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.property-detail-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d;max-height:90vh;max-width:750px;overflow:hidden;position:relative;width:90%}.modal-header-management{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:1px solid #007bff1a;color:#fff;display:flex;justify-content:space-between;padding:24px 30px;position:relative}.modal-header-management:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#007bff,#00d4ff,#007bff);background-size:200% 100%;bottom:-1px;content:"";height:4px;left:0;position:absolute;right:0}.modal-header-management h3{font-size:20px;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.close-btn-management{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px 10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn-management:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.modal-content-management{background:linear-gradient(180deg,#fff 0,#f8f9fa);max-height:calc(90vh - 140px);overflow-y:auto;padding:30px}.property-detail-content-management{display:flex;flex-direction:column;gap:24px}.detail-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #007bff1a;border-radius:12px;box-shadow:0 4px 12px #0000000d;gap:20px;justify-content:space-between;padding:20px}.detail-header h4{color:#2c3e50;flex:1 1;font-size:22px;font-weight:700;line-height:1.4;text-shadow:0 1px 2px #0000001a}.property-images{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;text-align:center}.detail-main-image{border:2px solid #e9ecef;border-radius:12px;box-shadow:0 8px 25px #0000001a;height:320px;max-width:550px;object-fit:cover;transition:transform .3s ease;width:100%}.detail-main-image:hover{transform:scale(1.02)}.property-info-detail{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px}.detail-item{align-items:flex-start;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:16px 0;transition:all .2s ease}.detail-item:hover{background:#f8f9fa;border-radius:8px;margin:0 -12px;padding:16px 12px}.detail-item:last-child{border-bottom:none}.detail-item strong{align-items:center;display:flex;flex-shrink:0;font-weight:700;margin:0!important;min-width:140px}.detail-item span{color:#495057;flex:1 1;font-weight:500;text-align:right}.detail-item.reject-reason{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #feb2b2;border-radius:12px;box-shadow:0 4px 12px #e53e3e26;margin:20px 0;padding:20px}.detail-item.reject-reason strong{color:#e53e3e;font-weight:800}.rejection-text{background:#fff;border-left:5px solid #e53e3e;border-radius:8px;box-shadow:0 2px 8px #c530301a;color:#c53030!important;font-weight:600;line-height:1.5;padding:12px 16px}.description{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #007bff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px}.description strong{color:#2c3e50;display:block;font-size:16px;font-weight:700;margin-bottom:12px}.description p{color:#495057;font-size:15px;line-height:1.7;margin:0}.btn-view-detail{background:linear-gradient(135deg,#17a2b8,#138496)!important;border-color:#17a2b8!important;color:#fff!important;white-space:nowrap}.btn-view-detail:hover{background:linear-gradient(135deg,#138496,#117a8b)!important;border-color:#117a8b!important;box-shadow:0 4px 8px #17a2b84d;transform:translateY(-1px)}.properties-grid{display:none!important}.properties-list{display:flex;flex-direction:column;gap:16px}.property-row{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:12px;display:flex;flex-direction:row;padding:16px;position:relative;transition:all .3s ease}.property-row:hover{border-color:#007bff;box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.property-image-section{border-radius:8px;flex-shrink:0;height:135px;margin-right:20px;overflow:hidden;position:relative;width:230px}.property-thumbnail{border:1px solid #e9ecef;border-radius:8px;height:100%;object-fit:cover;width:100%}.no-image-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;font-size:32px}.property-id-overlay{left:8px;position:absolute;top:8px;z-index:10}.property-id-overlay-status-payment{left:8px;position:absolute;top:55px;z-index:10}.id-badge{align-items:center;background:#000c;border-radius:4px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;text-transform:uppercase}.property-content-section{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-right:20px;min-width:0}.property-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.property-title-row{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#212529;display:-webkit-box;flex:1 1;font-size:14px;font-weight:600;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.property-title-row:hover{color:#007bff;cursor:pointer}.status-group-row{align-items:center;display:flex;flex-shrink:0;gap:12px}.property-status-row{flex-shrink:0}.property-details-row{display:flex;flex-direction:column;gap:10px}.price-area-group{align-items:center;display:flex;gap:24px}.area-info,.price-info{align-items:center;display:flex;font-size:14px;gap:6px}.area-info i,.price-info i{color:#007bff;text-align:center;width:14px}.price-text{color:#28a745;font-size:14px;font-weight:700}.location-row{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:6px}.location-row i{color:#28a745;flex-shrink:0;margin-top:2px;text-align:center;width:14px}.location-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.property-meta-row{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-top:auto}.meta-left{display:flex;flex-direction:column;gap:8px}.date-info{align-items:center;color:#6c757d;display:flex;font-size:13px;gap:6px}.date-info i{color:#6c757d;text-align:center;width:14px}.payment-status-inline{align-items:center;display:flex;left:8px;position:relative;top:0}.status-tag{align-items:center;border-radius:5px;display:flex;font-size:10px;font-weight:600;gap:4px;justify-content:center;letter-spacing:.5px;margin-left:20px;min-width:160px;padding:6px 12px;text-transform:uppercase}.status-tag.paid{background:#ebedd4;border:2px solid #155724;color:#155724}.status-tag.unpaid{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-tag.expired{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-tag.cancelled{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.status-tag.trial{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.property-stats-row{align-items:center;display:flex;gap:16px}.stat-item-row{align-items:center;color:#6c757d;display:flex;font-size:13px;gap:4px}.stat-item-row i{color:#007bff;text-align:center;width:14px}.property-actions-section{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;min-height:150px;width:100px}.actions-top{margin-bottom:8px;position:relative}.property-dropdown-row{display:inline-block;position:relative}.dropdown-toggle-row{align-items:center;background:#0000;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;position:relative;transition:all .2s;width:36px;z-index:1}.dropdown-toggle-row svg{pointer-events:none}.dropdown-toggle-row:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.dropdown-menu-row{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 8px 25px #00000026;display:block;margin-top:4px;min-width:180px;opacity:1;overflow:hidden;position:absolute;right:0;top:100%;visibility:visible;z-index:9999}.dropdown-item-row{align-items:center;background:#0000;border:none;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s;white-space:nowrap;width:100%}.dropdown-item-row:hover{background:#f8f9fa}.dropdown-item-row.delete-item{color:#dc3545}.dropdown-item-row.delete-item:hover{background:#f8d7da}.actions-main{display:flex;flex-direction:row;gap:8px}.btn-row{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.5px;min-height:36px;padding:4px 12px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.btn-package-active{background:linear-gradient(135deg,#28a745,#20c997);border:1px solid #28a745;color:#fff}.btn-package-active:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.btn-edit-row{background:#3b82f6;border:1px solid #2563eb;color:#fff;white-space:nowrap}.btn-edit-row:hover{background:#2563eb;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.btn-payment-row{background:linear-gradient(135deg,#007bff,#0056b3);border:1px solid #007bff;color:#fff}.btn-payment-row:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.btn-reason-row{background:#007f92;border:1px solid #17a2b8;color:#fff;font-size:13px;opacity:.9}.btn-reason-row:hover{background:#138496;box-shadow:0 4px 8px #17a2b84d;opacity:1;transform:translateY(-1px)}.btn-reason-row.secondary{background:#007f92;border:1px solid #17a2b8;color:#fff;font-size:13px;opacity:.9}.btn-reason-row.secondary:hover{background:#138496;box-shadow:0 4px 8px #17a2b84d;opacity:1;transform:translateY(-1px)}.free-notice-row{display:flex;justify-content:center}.free-badge{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:6px;justify-content:center;min-height:36px;padding:4px 12px;transition:all .2s;white-space:nowrap}.free-badge,.status-badge-my-properties{align-items:center;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-badge-my-properties{border-radius:12px;display:inline-flex;font-size:11px;gap:4px;padding:4px 10px}.status-badge-my-properties.status-pending{background:#fff3cd;border:1px solid #ffeaa7;color:#000}.status-badge-my-properties.status-approved{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge-my-properties.status-rejected{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-badge-my-properties.status-hidden{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}@media (max-width:768px){.property-row{flex-direction:column;padding:12px}.property-image-section{height:200px;width:100%}.property-content-section,.property-image-section{margin-bottom:12px;margin-right:0}.property-actions-section{align-items:center;flex-direction:row;justify-content:space-between;min-height:auto;width:100%}.actions-main{flex-direction:row;flex-wrap:wrap;gap:8px}.btn-row{flex:1 1;min-width:100px}.property-meta-row{align-items:flex-start;flex-direction:column;gap:12px}.property-stats-row{align-self:flex-start}.price-area-group,.property-header-row{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.property-image-section{height:160px}.property-title-row{font-size:16px}.price-text{font-size:15px}.actions-main{flex-direction:column}.btn-row{width:100%}}.empty-state,.loading-state{color:#6c757d;padding:60px 20px;text-align:center}.loading-state i{font-size:32px;margin-bottom:16px}.empty-state i{color:#dee2e6;font-size:64px;margin-bottom:20px}.empty-state h3{color:#495057;font-size:24px;margin-bottom:12px}.empty-state p{color:#6c757d;font-size:16px}@media (max-width:768px){.modal-overlay-management{padding:10px}.property-detail-modal{max-height:95vh;width:95%}.modal-header-management{padding:20px}.modal-header-management h3{font-size:18px}.modal-content-management{padding:20px}.detail-header{align-items:stretch;flex-direction:column;gap:15px;padding:16px}.detail-header h4{font-size:20px;text-align:center}.property-images{padding:15px}.detail-main-image{height:250px}.property-info-detail{padding:20px}.detail-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}.detail-item strong{font-size:15px;min-width:auto}.detail-item span{font-size:14px;text-align:left}.description{padding:20px}.delete-modal{max-width:400px;width:95%}.delete-modal .modal-content-delete-my-properties,.delete-modal .modal-header-management{padding:20px}.delete-modal .modal-actions{flex-direction:column;padding:0 20px 20px}.property-title-delete{font-size:16px}.status-group-row{margin-top:8px}.property-header-row,.status-group-row{align-items:flex-start;flex-direction:column;gap:8px}}.property-id-overlay-post-type{position:absolute;right:55px;top:11px;z-index:3}.post-type-inline{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:flex-start}.post-type-badge-my-properties{align-items:center;border:2px solid;border-radius:5px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;font-size:10px;font-weight:700;gap:4px;justify-content:flex-start;justify-content:center;letter-spacing:.5px;line-height:1;min-height:24px;min-width:120px;overflow:hidden;padding:0 12px;position:relative;text-align:center;text-transform:uppercase;top:80px}.post-type-badge-my-properties.has-stars{justify-content:flex-start}.post-type-badge-my-properties:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.post-type-badge-my-properties:hover:before{left:100%}.star-icon-my-properties{color:#ffc107;font-size:10px;height:12px;text-shadow:0 1px 2px #0000001a}.post-type-thuong{background:#6c757d;border-color:#6c757d;color:#fff}.post-type-vip-1{background:#e83e8c;border-color:#e83e8c;color:#fff}.post-type-vip-2{background:#fd7e14;border-color:#fd7e14;color:#fff}.post-type-vip-3{background:#27ae60;border-color:#27ae60;color:#fff}.post-type-vip-noi-bat{background:#dc3545;border-color:#dc3545;font-weight:900}.post-type-vip-dac-biet{background:#8b0000;border-color:#8b0000;color:#fff;font-weight:900;text-shadow:0 1px 2px #00000080}@keyframes glow-green{0%{box-shadow:0 2px 8px #28a74566,0 0 15px #28a74533}to{box-shadow:0 2px 12px #28a74599,0 0 25px #28a74566}}@keyframes glow-blue{0%{box-shadow:0 2px 8px #007bff66,0 0 15px #007bff33}to{box-shadow:0 2px 12px #007bff99,0 0 25px #007bff66}}@keyframes glow-yellow{0%{box-shadow:0 2px 8px #ffc10766,0 0 15px #ffc10733}to{box-shadow:0 2px 12px #ffc10799,0 0 25px #ffc10766}}@keyframes glow-red{0%{box-shadow:0 2px 8px #dc354566,0 0 15px #dc354533}to{box-shadow:0 2px 12px #dc354599,0 0 25px #dc354566}}@media (max-width:768px){.post-type-badge{font-size:9px;min-height:20px;padding:3px 6px}.star-icon{font-size:7px}.property-id-overlay-post-type{right:6px;top:6px}}.package-history-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:90%}.package-history-content{background:linear-gradient(180deg,#fff 0,#f8f9fa);max-height:calc(90vh - 140px);padding:30px}.package-history-list{display:flex;flex-direction:column;gap:16px}.package-history-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.package-info-history{flex:1 1}.package-name-history{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 4px}.package-name-history i{color:#007bff;font-size:16px}.package-price-history{color:#28a745;font-size:16px;font-weight:600;margin:0}.package-badges-history{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.package-badge-history{align-items:center;border-radius:16px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-weight:700;gap:4px;letter-spacing:.5px;text-transform:uppercase}.package-badge-history.active{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff}.package-badge-history.expired{background:linear-gradient(135deg,#6c757d,#495057);border:none;color:#fff}.package-badge-history.upgraded{background:linear-gradient(135deg,#17a2b8,#138496);border:none;color:#fff}.package-badge-history.cancelled{background:linear-gradient(135deg,#dc3545,#c82333);border:none;color:#fff}.package-timeline-history{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e3e6ea;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:16px 0;padding:20px}.timeline-item-history{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;gap:16px;padding:12px 0;transition:all .3s ease}.timeline-item-history:last-child{border-bottom:none}.timeline-item-history:hover{background:#007bff05;border-radius:8px;margin:0 -8px;padding-left:8px}.timeline-item-history i{align-items:center;background:#fffc;border-radius:50%;box-shadow:0 2px 6px #0000001a;display:flex;font-size:18px;height:24px;justify-content:center;transition:all .3s ease;width:24px}.timeline-item-history i.text-success{background:#28a7451a;color:#28a745}.timeline-item-history i.text-danger{background:#dc35451a;color:#dc3545}.timeline-item-history i.text-warning{background:#ffc1071a;color:#ffc107}.timeline-item-history i.text-info{background:#17a2b81a;color:#17a2b8}.timeline-content-history{display:flex;flex:1 1;flex-direction:column;gap:4px}.timeline-content-history strong{color:#2c3e50;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.timeline-content-history span{color:#495057;font-size:15px;font-weight:600}.timeline-content-history .status-text.text-success{color:#28a745!important}.timeline-content-history .status-text.text-danger{color:#dc3545!important}.timeline-content-history .status-text.text-warning{color:#ffc107!important}.timeline-content-history .status-text.text-info{color:#17a2b8!important}.package-details-history{grid-gap:16px;background:#f8f9fa;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:16px 0;padding:16px}.package-detail-item{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.package-detail-label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.package-detail-value{color:#2c3e50;font-size:14px;font-weight:700}.package-detail-value.date{color:#007bff}.package-detail-value.duration{color:#28a745}.package-history-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-top:20px;padding:20px}.summary-title{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.summary-title i{color:#007bff}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.summary-stat{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:12px;text-align:center}.summary-stat-value{color:#007bff;font-size:20px;font-weight:700;margin:0}.summary-stat-label{color:#6c757d;font-size:12px;font-weight:600;margin:4px 0 0;text-transform:uppercase}.package-history-empty{color:#6c757d;padding:40px 20px;text-align:center}.package-history-empty i{color:#dee2e6;font-size:48px;margin-bottom:16px}.package-history-empty h4{color:#495057;font-size:20px;margin-bottom:8px}.package-history-empty p{color:#6c757d;font-size:14px;margin:0}.package-history-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.package-history-loading i{animation:spin 1s linear infinite;color:#007bff;font-size:32px;margin-bottom:16px}.package-history-loading p{font-size:14px;margin:0}.package-history-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.push-count-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:16px 0;padding:20px}.push-count-section h5{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.push-count-section h5 i{color:#28a745;font-size:18px}.push-count-stats{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px}.push-count-info{display:flex;flex-direction:column;gap:12px}.push-count-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.push-count-label{color:#495057;font-size:14px;font-weight:600}.push-count-numbers{align-items:center;color:#007bff;display:flex;font-size:18px;font-weight:700;gap:4px}.push-count-bar{background:linear-gradient(90deg,#e9ecef,#f8f9fa);border:1px solid #dee2e6;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;height:12px;overflow:hidden;position:relative;width:100%}.push-count-progress{background:linear-gradient(90deg,#28a745,#20c997,#17a2b8);border-radius:5px;box-shadow:0 2px 4px #28a7454d;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.push-count-progress:after{animation:shimmer-push 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer-push{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.push-count-remaining{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #28a745;border-radius:6px;color:#28a745;display:flex;font-size:13px;font-weight:600;gap:6px;margin-top:8px;padding:8px 12px}.push-count-remaining i{color:#28a745;font-size:14px}@media (max-width:768px){.push-count-section{margin:12px 0;padding:16px}.push-count-stats{padding:12px}.push-count-header{align-items:flex-start;flex-direction:column;gap:4px}.push-count-numbers{font-size:16px}.push-count-bar{height:10px}.push-count-remaining{font-size:12px;padding:6px 10px}}.package-features-history{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:16px 0;padding:20px}.feature-row{border-bottom:1px solid #f1f3f4;color:#495057;font-size:14px;padding:8px 0}.feature-row:last-child{border-bottom:none}.feature-row i{color:#007bff;font-size:14px}.btn-primary-package-history,.btn-secondary-package-history{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.025em;min-width:120px;padding:12px 24px;text-transform:none;transition:all .3s ease}.btn-secondary-package-history{background:#6c757d;box-shadow:0 2px 4px #6c757d4d}.btn-secondary-package-history:hover{background:#5a6268;box-shadow:0 4px 8px #6c757d66;transform:translateY(-1px)}.btn-primary-package-history{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 4px #007bff4d}.btn-primary-package-history:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff66;transform:translateY(-1px)}@media (max-width:768px){.package-history-modal{max-height:95vh;width:95%}.package-history-content{padding:20px}.package-history-header{align-items:flex-start;flex-direction:column;gap:12px}.package-badges-history{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.package-name-history{font-size:16px}.package-price-history{font-size:14px}.package-details-history{gap:12px;grid-template-columns:repeat(2,1fr);padding:12px}.package-detail-item{gap:2px}.package-detail-label{font-size:11px}.package-detail-value{font-size:13px}.summary-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.summary-stat{padding:8px}.package-history-actions{flex-direction:column;gap:8px;margin-top:20px;padding-top:15px}.btn-primary-package-history,.btn-secondary-package-history{font-size:13px;padding:10px 20px;width:100%}.summary-stat-value{font-size:18px}.summary-stat-label{font-size:11px}}@media (max-width:480px){.package-details-history,.summary-stats{grid-template-columns:1fr}.package-name-history{font-size:15px}.package-price-history{font-size:13px}}.price-with-promotion{align-items:center;display:inline-flex;position:relative}.original-price-my-properties{color:#28a745;font-size:14px;font-weight:700;left:0;opacity:.8;position:absolute;text-decoration:line-through;top:-15px}.promotion-price{color:#dc3545;font-size:14px;font-weight:700;line-height:1.2}@media (max-width:768px){.price-with-promotion{gap:1px}.original-price{font-size:11px}.promotion-price{font-size:13px}}.package-timeline-current{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e3e6ea;box-shadow:0 2px 8px #0000000d;margin:20px 0}.timeline-item-current{border-bottom:1px solid #f1f3f4;gap:16px;padding:12px 0;transition:all .3s ease}.timeline-item-current:hover{background:#007bff05;border-radius:8px;margin:0 -8px;padding-left:8px}.timeline-item-current i{align-items:center;background:#fffc;border-radius:50%;box-shadow:0 2px 6px #0000001a;display:flex;font-size:18px;height:24px;justify-content:center;transition:all .3s ease;width:24px}.timeline-item-current i.text-success{background:#28a7451a;color:#28a745}.timeline-item-current i.text-danger{background:#dc35451a;color:#dc3545}.timeline-item-current i.text-warning{background:#ffc1071a;color:#ffc107}.timeline-item-current i.text-info{background:#17a2b81a;color:#17a2b8}.timeline-content{flex:1 1;gap:4px}.timeline-content strong{color:#2c3e50;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.timeline-content span{color:#495057;font-size:15px;font-weight:600}.timeline-content .remaining-text.text-success{color:#28a745!important}.timeline-content .remaining-text.text-danger{color:#dc3545!important}.timeline-content .remaining-text.text-warning{color:#ffc107!important}.package-card.package-used{background:#f8f9fa;border:3px solid #d8e0e8;opacity:.7;position:relative}.package-card.package-used:before{background:#ffffffb3;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.package-card.package-used .package-action,.package-card.package-used .package-features,.package-card.package-used .package-header-properties-plan{position:relative;z-index:2}.btn-package.used{background:#6c757d;border:1px solid #6c757d;color:#fff;cursor:not-allowed;opacity:.8}.btn-package.used:hover{background:#6c757d;box-shadow:none;transform:none}.btn-package.used i{color:#fff}.property-id-tag{align-items:center;display:flex;justify-content:center;margin-bottom:5px;min-height:28px;position:relative;top:-140px;z-index:1000}.id-tag{align-items:center;background:linear-gradient(45deg,#141414,#000)!important;border:2px solid #fff3cd;border-radius:15px;box-shadow:0 2px 6px #6c757d4d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:4px;left:10px;letter-spacing:.5px;opacity:.9;padding:6px 12px;position:absolute;text-transform:uppercase;top:-60px;transition:all .3s ease}.id-tag:hover{box-shadow:0 3px 8px #6c757d66;opacity:1;transform:translateY(-1px)}.id-tag i{font-size:9px}.payment-status-tag{align-items:center;display:flex;justify-content:center;margin-bottom:10px;min-height:35px;position:relative;top:-120px}.unpaid-tag{align-items:center;animation:pulse-danger 2s infinite;background:#0059b8!important;border:none;border-radius:20px;box-shadow:0 2px 8px #dc35454d;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;transition:all .3s ease;z-index:9999}.unpaid-tag:hover{box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.paid-tag{align-items:center;animation:glow-success 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#007e1d,#00aa2b)!important;border:none;border-radius:20px;box-shadow:0 2px 8px #28a74566;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;transition:all .3s ease;z-index:9999}.paid-tag:hover{box-shadow:0 4px 12px #28a74580;transform:translateY(-2px)}.cancelled-tag{align-items:center;animation:glow-gray 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#6b7280,#4b5563)!important;border:none;border-radius:20px;box-shadow:0 2px 8px #6b728066;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;transition:all .3s ease;z-index:9999}.cancelled-tag:hover{box-shadow:0 4px 12px #6b728080;transform:translateY(-2px)}.expired-tag{align-items:center;animation:glow-orange 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff6b35,#f74124)!important;border:none;border-radius:20px;box-shadow:0 2px 8px #ff6b3566;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;transition:all .3s ease;z-index:9999}.expired-tag:hover{box-shadow:0 4px 12px #ff6b3580;transform:translateY(-2px)}.free-post-notice{display:flex;justify-content:center;margin:5px 0}.free-tag{align-items:center;background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:20px;box-shadow:0 2px 8px #28a7454d;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}@keyframes pulse-danger{0%{box-shadow:0 2px 8px #dc35454d;transform:scale(1)}50%{box-shadow:0 4px 16px #dc354580;transform:scale(1.02)}to{box-shadow:0 2px 8px #dc35454d;transform:scale(1)}}@keyframes glow-success{0%{box-shadow:0 2px 8px #28a74566;transform:scale(1)}to{box-shadow:0 4px 16px #28a74599;transform:scale(1.01)}}@keyframes glow-gray{0%{box-shadow:0 2px 8px #6b728066;transform:scale(1)}to{box-shadow:0 4px 16px #6b728099;transform:scale(1.01)}}@keyframes glow-orange{0%{box-shadow:0 2px 8px #ff6b3566;transform:scale(1)}to{box-shadow:0 4px 16px #ff6b3599;transform:scale(1.01)}}.cancelled-tag i,.free-tag i,.paid-tag i,.unpaid-tag i{font-size:12px;margin-right:2px}@media (max-width:768px){.free-tag,.paid-tag,.unpaid-tag{font-size:10px;gap:3px;padding:4px 8px;top:-480px}.payment-status-tag{margin-bottom:8px}}@media (max-width:480px){.free-tag,.paid-tag,.unpaid-tag{font-size:9px;padding:3px 6px;top:-460px}}.paid-tag:before{background:linear-gradient(45deg,#fff3,#fff0);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.package-info-section{border:1px solid #e3e6f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:12px 0;padding:16px;transition:all .3s ease;z-index:9999}.package-info-section:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.package-header{border-bottom:1px solid #dee2e6;margin-bottom:12px;padding-bottom:8px}.package-title{color:#495057;font-weight:600}.package-details,.package-name{gap:8px}.package-badge{border-radius:16px;box-shadow:0 2px 4px #0000001a;display:inline-block;letter-spacing:.5px;padding:4px 12px}.package-badge.priority-1{background:linear-gradient(45deg,#28a745,#20c997);color:#fff}.package-badge.priority-2{background:linear-gradient(45deg,#007bff,#6610f2);color:#fff}.package-badge.priority-3{background:linear-gradient(45deg,#ffc107,#fd7e14);color:#212529}.package-badge.priority-4{background:linear-gradient(45deg,#dc3545,#e83e8c);color:#fff}.package-dates{grid-gap:6px;display:grid;gap:6px}.date-item i{color:#495057;width:16px}.days-remaining.safe,.days-remaining.warning{font-weight:600}.days-remaining.critical{animation:pulse-warning 1.5s infinite;font-weight:700}.days-remaining.expired{animation:pulse-danger 2s infinite;font-weight:700}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.property-card .property-actions{margin-top:8px}.property-card .payment-status-tag+.property-actions{margin-top:12px}@media (max-width:768px){.package-info-section{margin:8px 0;padding:12px}.package-badge{font-size:10px;padding:3px 8px}.package-header{margin-bottom:8px}.package-title{font-size:13px}.package-details{gap:8px}.package-dates{gap:6px}.date-item{font-size:11px}}.package-info-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:15px;padding:12px}.package-header{align-items:center;color:#495057;font-weight:600;gap:8px;margin-bottom:10px}.package-header i{color:#ffc107;font-size:16px}.package-title{font-size:14px;letter-spacing:.3px;text-transform:uppercase}.package-details{display:flex;flex-direction:column;gap:10px}.package-name{align-items:center;display:flex;justify-content:space-between}.package-badge{border-radius:15px;font-size:11px;padding:4px 10px;text-transform:uppercase}.package-badge.priority-1{background:linear-gradient(45deg,#dc3545,#c82333)}.package-badge.priority-2{background:linear-gradient(45deg,#fd7e14,#e55a00)}.package-badge.priority-3{background:linear-gradient(45deg,#ffc107,#e0a800)}.package-badge.priority-4{background:linear-gradient(45deg,#28a745,#1e7e34)}.package-dates{display:flex;flex-direction:column;gap:8px}.date-item{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:8px}.date-item i{text-align:center;width:14px}.days-remaining{font-weight:600}.days-remaining.safe{color:#28a745}.days-remaining.warning{color:#ffc107}.days-remaining.critical{color:#fd7e14}.days-remaining.expired{animation:blink 1s infinite;color:#dc3545}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.btn-package-info{align-items:center;background:#ff6803;border:none;border-radius:8px;box-shadow:0 2px 8px #007bff33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-top:10px;padding:6px 12px;transition:all .3s ease}.modal-overlay-package{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:70px;z-index:9999}.package-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:600px;max-width:700px;overflow-y:auto;width:90%}.modal-header-package{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.modal-header-package h2{align-items:center;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0}.close-btn-package{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0!important;transition:all .3s ease;width:40px}.close-btn-package:hover{background:#ffffff4d;transform:scale(1.1)}.close-btn-package i{font-size:18px;margin-left:8px}.modal-content-package{padding:25px}.property-title-section{border-bottom:2px solid #f8f9fa;margin-bottom:20px;padding-bottom:15px}.property-title-section h4{color:#333;font-size:18px;font-weight:600;margin:0 0 10px}.package-name-detail{align-items:center;display:flex;gap:15px;margin-bottom:25px}.package-badge-large{background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;box-shadow:0 4px 15px #ffd7004d;color:#333;font-size:16px;font-weight:700;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase}.package-stars-large{display:flex;gap:3px}.star-icon-large{color:gold;font-size:18px;text-shadow:1px 1px 2px #0000001a}.package-features{margin-bottom:25px}.package-features h5{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:15px}.features-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-item{background:#f8f9fa;border-radius:8px;font-size:14px;gap:8px;padding:10px}.package-timeline{margin-bottom:25px}.package-timeline h5{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:15px}.timeline-items{display:flex;flex-direction:column;gap:15px}.timeline-item{gap:15px}.timeline-icon,.timeline-item{align-items:center;display:flex}.timeline-icon{border-radius:50%;color:#fff;font-size:16px;height:40px;justify-content:center;width:40px}.timeline-icon.start{background:linear-gradient(135deg,#28a745,#20c997)}.timeline-icon.end{background:linear-gradient(135deg,#dc3545,#e74c3c)}.timeline-icon.remaining.safe{background:linear-gradient(135deg,#28a745,#20c997)}.timeline-icon.remaining.warning{background:linear-gradient(135deg,#ffc107,#e0a800)}.timeline-icon.remaining.critical{background:linear-gradient(135deg,#fd7e14,#dc6500)}.timeline-icon.remaining.expired{background:linear-gradient(135deg,#dc3545,#c82333)}.timeline-content{gap:2px}.timeline-content span{color:#666}.remaining-text.warning{color:#ffc107}.remaining-text.critical{color:#fd7e14}.remaining-text.expired{color:#dc3545}.package-stats h5{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:15px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;margin:0 auto 10px;width:50px}.stat-content strong{color:#333;display:block;font-size:24px;font-weight:700;margin-bottom:5px}.stat-content span{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.package-modal{margin:10px;width:95%}.modal-content-package{padding:20px}.features-grid,.stats-grid{grid-template-columns:1fr}.timeline-item,.timeline-items{gap:10px}}.package-payment-fixed-section{display:flex;flex-direction:column;justify-content:center;margin:10px 0;min-height:80px}.package-button-section{align-items:center;display:flex;justify-content:center;margin:12px 0;min-height:45px}.btn-package-info:hover{background:#ff8c00;transform:translateY(-2px)}.btn-package-info i{font-size:1rem}.color-swatch{border:2px solid #fff;box-shadow:0 2px 4px #0003,0 0 0 1px #0000001a;cursor:pointer;display:inline-block;height:20px;margin-left:8px;padding:4px 20px;transition:all .2s ease;vertical-align:middle;width:20px}.color-swatch:hover{box-shadow:0 3px 8px #0000004d,0 0 0 2px #fffc;transform:scale(1.2)}.modal-footer-package{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.btn-cancel-package{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-cancel-package:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.modal-overlay-cancel-package{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:30px;z-index:10000}.cancel-package-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:90%}.modal-header-cancel-package{align-items:center;background:linear-gradient(135deg,#fff5f5,#ffe6e6);border-bottom:1px solid #f5c6cb;display:flex;justify-content:space-between;padding:20px 30px}.modal-header-cancel-package h3{align-items:center;color:#721c24;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin:0}.close-btn-cancel-package{background:none;border:none;border-radius:4px;color:#721c24;cursor:pointer;font-size:1.5rem;padding:5px;transition:background .2s ease}.close-btn-cancel-package:hover{background:#721c241a}.modal-content-cancel-package{padding:25px 30px}.cancel-package-info{margin-bottom:20px}.property-info-cancel h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 15px}.package-info-cancel{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:12px}.package-info-cancel .package-badge{font-size:.8rem;padding:4px 8px}.package-time-remaining{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:6px}.warning-content{margin:20px 0}.warning-item{align-items:flex-start;gap:10px;margin-bottom:12px;padding:8px 0}.warning-item i{font-size:1.1rem;margin-top:2px}.warning-item span{color:#555;font-size:.95rem;line-height:1.4}.confirmation-question{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;margin-top:20px;padding:15px;text-align:center}.modal-actions-cancel-package{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:space-between;padding:20px 30px}.btn-secondary-cancel{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-secondary-cancel:hover{background:#5a6268;transform:translateY(-1px)}.btn-danger-cancel{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-danger-cancel:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.upgrade-notification{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:10px}.package-success-notification,.upgrade-notification{animation:notificationSlideDown .5s ease-out;margin:20px 0;overflow:hidden}.package-success-notification{background:linear-gradient(135deg,#e6f9ee,#c3f1d3);border:1px solid #28a745;border-radius:10px}@keyframes notificationSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-content{align-items:center;color:#856404;display:flex;gap:15px;padding:15px 20px}.package-success-notification .notification-content{color:#155724}.package-stats{display:flex;flex-wrap:wrap;font-size:12px;gap:15px;margin-top:8px}.stat-item{align-items:center;background:#ffffff4d;border-radius:4px;display:flex;flex-shrink:0;gap:5px;min-width:-webkit-fit-content;min-width:fit-content;padding:4px 8px;white-space:nowrap}.stat-item i{font-size:11px}.notification-content i{color:#212529;font-size:18px;margin-right:5px}.notification-content span{flex:1 1;font-size:14px;line-height:1.4}.btn-notification-upgrade{align-items:center;background:linear-gradient(135deg,#ffc107,#ffb300);border:none;border-radius:6px;color:#212529;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-notification-upgrade:hover{background:linear-gradient(135deg,#ffb300,#ff8f00);box-shadow:0 4px 12px #ffc10766;transform:translateY(-2px)}.btn-notification-renewal{align-items:center;background:linear-gradient(135deg,#ffc107,#ffb300);border:none;border-radius:8px;color:#212529;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.btn-notification-renewal:hover{background:linear-gradient(135deg,#ffb300,#ff8f00);box-shadow:0 4px 12px #ffc10766;transform:translateY(-2px)}.package-plan-using{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.btn-current-package,.btn-upgrade-package,.btn-upgrade-package-history{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-current-package{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 8px #007bff4d;color:#fff}.btn-current-package:hover{box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.btn-upgrade-package{background:linear-gradient(135deg,#28a745,#1e7e34);box-shadow:0 2px 8px #28a7454d;color:#fff}.btn-upgrade-package-history{background:#f1b614;color:#fff}.btn-upgrade-package-history:hover,.btn-upgrade-package:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.modal-overlay-current-package{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:70px;z-index:1000}.current-package-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.modal-header-current-package{align-items:center;background:#0056b3;border-bottom:1px solid #dee2e6;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 25px}.modal-header-current-package h2{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.close-btn-current-package{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:12px 20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn-current-package:hover{background:#ffffff4d}.modal-content-current-package{padding:25px}.trial-package-info{text-align:center}.package-header-trial{margin-bottom:25px}.package-badge-trial{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:25px;box-shadow:0 4px 12px #28a7454d;color:#fff;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:12px 24px}.package-stats-trial{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:25px}.stat-item-trial{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;padding:15px}.stat-item-trial i{color:#28a745;margin-right:8px}.stat-label{color:#6c757d;display:block;font-size:14px;margin-bottom:5px}.stat-value{color:#333;display:block;font-size:18px;font-weight:600}.trial-features{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #0000000d;border-radius:14px;box-shadow:0 4px 20px #0000000d;margin-bottom:25px;padding:25px 30px;transition:all .3s ease}.trial-features:hover{box-shadow:0 8px 28px #00000014;transform:translateY(-3px)}.trial-features h4{align-items:center;color:#212529;display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:20px}.trial-features h4 i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c853,#b2ff59);-webkit-background-clip:text;background-clip:text;color:#28a745;font-size:22px}.features-list-trial{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.features-list-trial li{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:10px;color:#495057;display:flex;font-size:15px;font-weight:500;gap:10px;padding:10px 15px;transition:all .25s ease}.features-list-trial li:hover{background:linear-gradient(135deg,#fdfdfd,#f1f3f6);box-shadow:0 3px 12px #0000000d;transform:translateX(5px)}.features-list-trial li i{align-items:center;border-radius:50%;display:flex;font-size:18px;height:26px;justify-content:center;width:26px}.features-list-trial li .fa-check{background:#1987541a;color:#198754}.features-list-trial li .fa-times{background:#dc35451a;color:#dc3545}.upgrade-notice{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-weight:500;gap:10px;padding:15px}.paid-package-info{text-align:left}.package-header-paid{align-items:center;background:linear-gradient(135deg,#1088ff,#1088ff);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px}.package-badge-paid{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 20px;text-align:center}.package-price{text-align:right}.package-timeline-current{background:linear-gradient(135deg,#f8fcff,#eaf6ff);border:1px solid #d0e6ff;border-radius:12px;box-shadow:0 4px 10px #007bff14;display:flex;flex-direction:column;gap:15px;padding:20px;transition:all .3s ease}.timeline-item-current{align-items:center;background:#fff;border-left:4px solid #007bff;border-radius:10px;box-shadow:0 2px 5px #0000000d;display:flex;gap:15px;padding:12px 15px;transition:transform .2s ease,box-shadow .2s ease}.timeline-item-current:last-child{border-bottom:none}.timeline-item-current i{font-size:22px;text-align:center;width:30px}.timeline-content{display:flex;flex-direction:column;gap:3px}.timeline-content strong{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:3px}.timeline-content span{color:#6c757d;font-size:14px}.remaining-text.critical{color:#dc3545;font-weight:600}.remaining-text.warning{color:#fd7e14;font-weight:600}.remaining-text.safe{color:#28a745;font-weight:600}.remaining-text.permanent{color:#6f42c1;font-weight:600}.package-usage-stats{margin-bottom:25px}.package-usage-stats h4{align-items:center;color:#007bff;display:flex;font-size:18px;font-weight:700;gap:10px;letter-spacing:.5px;margin-bottom:20px;position:relative;text-transform:uppercase}.package-usage-stats h4:after{background:linear-gradient(90deg,#007bff,#00c6ff);border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:60px}.package-usage-stats h4 i{background:#00aaff1a;border-radius:50%;color:#0af;font-size:20px;padding:8px;transition:all .3s ease}.package-usage-stats h4:hover i{background:linear-gradient(135deg,#007bff,#00c6ff);color:#fff;transform:scale(1.1)}.usage-grid{grid-gap:15px;display:grid;gap:15px}.usage-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:18px;transition:all .3s ease}.usage-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.usage-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.post-type-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.post-type-badge{border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 4px #0000001a;font-size:12px;font-weight:600;letter-spacing:.5px;max-width:-webkit-fit-content;max-width:fit-content;padding:6px 12px}.post-type-stars{display:flex;gap:2px}.star-icon{color:#ffc107;font-size:12px;text-shadow:0 1px 2px #0000001a}.transferred-inline-tag{word-wrap:break-word;align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:12px;box-shadow:0 1px 3px #ff98004d;display:inline-flex;font-weight:600;gap:4px;line-height:1.2;margin-top:4px;max-width:-webkit-fit-content;max-width:fit-content;padding:3px 8px}.transferred-inline-tag,.transferred-inline-tag span{color:#fff;font-size:10px}.transferred-inline-tag strong{color:#fff3e0;font-weight:700}.post-type-name{color:#333;font-weight:500}.usage-numbers{align-self:flex-start;color:#495057;font-size:14px;font-weight:600;white-space:nowrap}.usage-bar{background:#e9ecef;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;height:8px;overflow:hidden}.usage-progress{background:linear-gradient(90deg,currentColor,#fff3 50%,currentColor);border-radius:4px;height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.usage-progress:after{background:linear-gradient(90deg,#ffffff4d,#ffffff1a 50%,#ffffff4d);border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.package-features-current{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:20px;padding:20px}.package-features-current h4{align-items:center;border-bottom:2px solid #e9ecef;color:#333;display:flex;font-size:17px;font-weight:600;gap:10px;margin-bottom:20px;padding-bottom:12px}.package-features-current h4 i{color:#ffc107;font-size:18px}.features-list-my-properties{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.features-list-my-properties li{align-items:center;background:#fffc;border:1px solid #007bff1a;border-radius:8px;color:#495057;display:flex;font-size:14px;font-weight:500;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.features-list-my-properties li:before{background:linear-gradient(180deg,#28a745,#20c997);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.features-list-my-properties li:hover{background:#28a7450d;border-color:#28a74533;box-shadow:0 4px 12px #28a7451a;transform:translateX(4px)}.features-list-my-properties li:hover:before{transform:scaleY(1)}.features-list-my-properties li i{color:#28a745;flex-shrink:0;font-size:16px;text-align:center;width:20px}.features-list-my-properties li i.fa-check{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;box-shadow:0 2px 4px #28a7454d;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.modal-footer-current-package{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #dee2e6;padding:20px 25px;text-align:center}.btn-upgrade-primary{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-upgrade-primary:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.btn-renewal-primary{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-renewal-primary:hover{box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.modal-overlay-upgrade,.modal-overlay-upgrade-used{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:50px;z-index:1000}.modal-overlay-upgrade-used{max-width:90%;width:700px}.upgrade-modal{max-width:1200px}.upgrade-modal,.upgrade-modal-used{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;overflow-y:auto;width:100%}.upgrade-modal-used{max-width:700px}.modal-header-upgrade{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:1px solid #dee2e6;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.modal-header-upgrade h2{align-items:center;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.close-btn-upgrade{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s ease}.close-btn-upgrade:hover{background:#ffffff4d}.modal-content-upgrade{padding:25px;position:relative}.upgrade-notice-header{margin-bottom:30px;text-align:center}.notice-content{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:25px;color:#1976d2;display:inline-flex;font-weight:500;gap:10px;padding:12px 20px}.packages-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.package-card{border:2px solid #e9ecef;display:flex;flex-direction:column;min-height:400px;padding:20px}.package-card:hover{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#6a11cb,#2575fc);background-origin:border-box;border:1px solid #0000;box-shadow:0 10px 30px #00000026;transform:translateY(-6px);transition:all .3s ease}.package-card.premium{background:linear-gradient(135deg,#fff,#fff5f5);border-color:#dc3545}.package-card.vip{border-color:#ffc107}.package-card.custom,.package-card.vip{background:linear-gradient(135deg,#fff,#fffbf0)}.package-card.custom{border-color:#0071db}.package-card.basic{border-color:#28a745}.package-card.basic,.package-card.quan_ly_tro{background:linear-gradient(135deg,#fff,#f8fff9)}.package-card.quan_ly_tro{border-color:#cf8e00}.package-card.trial-disabled{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#6c757d;opacity:.7}.package-header-properties-plan{align-items:flex-start;background:linear-gradient(135deg,#1088ff,#1088ff);border-left:4px solid #007bff;border-radius:10px;display:flex;gap:10px;justify-content:space-between;margin-bottom:20px;padding:1.5rem;text-align:center}.btn-package{font-size:16px;text-transform:uppercase}.package-badge{border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:10px;margin-bottom:10px;padding:5px 10px;white-space:nowrap}.trial-badge{background:#048300}.package-price{margin-bottom:20px}.price-amount-my-properties{color:#fff;display:block;font-size:16px;font-weight:700;white-space:nowrap}.price-period-my-properties{color:#fff;font-size:14px}.package-features{display:flex;flex:1 1;flex-direction:column}.package-features h5{color:#333;font-size:14px;margin-bottom:10px;text-align:left}.package-features ul{flex:1 1;margin:0 0 20px;text-align:left}.package-features li{align-items:center;color:#495057;display:flex;gap:8px;padding:6px 0}.package-action{text-align:center}.btn-package{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.btn-package.upgrade{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-package.upgrade:hover{box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.btn-package.disabled{background:#6c757d;color:#fff;cursor:not-allowed}.package-popular{background:linear-gradient(135deg,#ff6b6b,#ee5a52);right:-2px}.package-popular,.package-popular-manager{border-radius:0 12px 0 12px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;top:-2px}.package-popular-manager{background:linear-gradient(135deg,#00742a,#00742a);left:-2px}.package-popular-manager i{margin-right:5px}.upgrade-benefits{background:linear-gradient(135deg,#fff,#f3f4f6);border:1px solid #0000000d;border-radius:16px;box-shadow:0 6px 20px #0000000d;padding:40px 30px;text-align:center;transition:all .3s ease}.upgrade-benefits:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px)}.upgrade-benefits h4{align-items:center;color:#212529;display:flex;font-size:22px;font-weight:700;gap:10px;justify-content:center;margin-bottom:25px}.upgrade-benefits h4 i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffb347,#fc3);-webkit-background-clip:text;background-clip:text;color:#ff9800;font-size:22px}.benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.benefit-item{align-items:center;background:linear-gradient(145deg,#fff,#f1f3f6);border:1px solid #0000000d;border-radius:12px;box-shadow:0 3px 10px #0000000d;color:#343a40;display:flex;font-size:15px;font-weight:500;gap:12px;padding:16px;transition:all .3s ease}.benefit-item:hover{background:linear-gradient(145deg,#fdfdfd,#eaeef3);box-shadow:0 6px 18px #0000001a;transform:translateY(-4px)}.benefit-item i{background:#007bff14;border-radius:50%;font-size:20px;min-width:28px;padding:10px;text-align:center}.benefit-item .fa-eye{background:#0d6efd1a;color:#0d6efd}.benefit-item .fa-arrow-up{background:#1987541a;color:#198754}.benefit-item .fa-star{background:#ffc10726;color:#ffc107}.benefit-item .fa-chart-line{background:#0dcaf01a;color:#0dcaf0}.trial-active{background:linear-gradient(135deg,#fff,#f9fffa);border:2px solid #28a745;border-radius:12px;box-shadow:0 4px 16px #28a74533;overflow:hidden;position:relative}.trial-active:before{animation:borderGlow 5s linear infinite;background:linear-gradient(90deg,#007bff,#00c6ff,#6610f2);background-size:300% 300%;border-radius:14px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;z-index:1}.trial-active:after{background:linear-gradient(135deg,#9ee8d8,#c4f4eb);border-radius:2px;box-shadow:0 2px 6px #00000026;color:#005e4e;content:"ĐANG SỬ DỤNG";font-size:11px;font-weight:600;letter-spacing:.6px;padding:6px 45px;position:absolute;right:-50px;top:33px;transform:rotate(45deg);z-index:2}.package-card.package-current{background:linear-gradient(135deg,#fff,#f5f9ff);border:2px solid #0000;border-radius:14px;box-shadow:0 6px 20px #007bff26;overflow:hidden;position:relative;transition:all .3s ease}.package-card.package-current:before{animation:borderGlow 5s linear infinite;background:linear-gradient(90deg,#007bff,#00c6ff,#6610f2);background-size:300% 300%;border-radius:14px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;z-index:1}.package-card.package-current:after{background:linear-gradient(135deg,#9ee8d8,#c4f4eb);border-radius:2px;box-shadow:0 2px 6px #00000026;color:#005e4e;content:"ĐANG SỬ DỤNG";font-size:8px;font-weight:600;letter-spacing:.6px;padding:3px 20px;position:absolute;right:-28px;top:21px;transform:rotate(45deg);z-index:2}@keyframes borderGlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.package-card.package-current:hover{box-shadow:0 8px 25px #007bff40;transform:translateY(-3px)}.package-card.package-expired{background:linear-gradient(135deg,#fff5f5,#fee);border:2px solid #dc3545;overflow:hidden;position:relative}.package-card.package-expired:before{background:linear-gradient(45deg,#0000 30%,#dc35451a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.package-card.package-expired:after{background:#dc3545;box-shadow:0 2px 8px #dc35454d;color:#fff;content:"ĐÃ HẾT HẠN";font-size:8px;font-weight:600;padding:3px 20px;position:absolute;right:-21px;top:21px;transform:rotate(45deg);z-index:2}.package-card.package-expired:hover{box-shadow:0 8px 25px #dc354540;transform:translateY(-3px)}.package-card.package-expired:after,.package-card.package-expired:before{pointer-events:none}.package-current-badge{animation:badgeGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;box-shadow:0 2px 8px #28a7454d;color:#fff;font-size:12px;font-weight:600;margin-bottom:8px;padding:6px 12px;text-align:center}.package-current-badge i{margin-right:4px}.btn-package.expired{background-color:#dc3545}@keyframes badgeGlow{0%{box-shadow:0 2px 8px #28a7454d}to{box-shadow:0 4px 16px #28a74580}}.btn-package.active{background:#000;border:none;color:#fff;cursor:not-allowed;opacity:.8}.btn-package.active:hover{box-shadow:none;transform:none}.btn-secondary-package-history{background:linear-gradient(135deg,#f48201,#d67200);box-shadow:0 3px 10px #f482014d;color:#fff;flex-shrink:0;white-space:nowrap}.btn-primary-package-history{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #0000;box-shadow:0 4px 15px #3b82f64d;color:#fff}.modal-footer-upgrade{align-items:center;background-color:#fff;border-radius:0 0 10px 10px;border-top:1px solid #dee2e6;bottom:50px;display:flex;gap:10px;justify-content:flex-end;padding:10px 20px;position:absolute;right:160px}.history-info{align-items:center;background-color:#e8f4ff;border-radius:8px;color:#007bff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 14px}.history-info i{color:#007bff;font-size:16px}.package-history-name{background-color:#000;border-radius:10px;color:#fff;font-size:16px;padding:4px 8px}.package-badge-history{background:#007bff;border-radius:20px;color:#fff;font-size:12px;font-weight:600;margin-bottom:10px;padding:6px 12px}.package-history-name i{margin-right:6px}.transferred-properties-summary-tag{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:12px;box-shadow:0 2px 4px #ff98004d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-top:6px;padding:4px 10px}.package-history-item-toggle span,.transferred-properties-summary-tag i,.transferred-properties-summary-tag span{font-size:14px}.package-status-badge{align-items:center;background-color:#f1f1f1;border-radius:20px;color:#555;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.package-status-badge i{font-size:14px}.package-status-badge.upgraded{background-color:#e8f4ff;color:#007bff}.package-status-badge.expired{background-color:#fff4e5;color:#ff9800}.package-status-badge.cancelled{background-color:#fdecea;color:#f44336}.package-status-badge.active{background-color:#e7f8ed;color:#27ae60}.package-price-history{align-items:flex-start;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;gap:4px;margin-bottom:10px;text-align:right}.price-amount-package-history{color:#df0000;font-size:16px;font-weight:700}.usage-period{background-color:#f1f5ff;border-radius:8px;color:#27ae60;display:inline-block;font-size:16px;padding:4px 8px}.package-limits-package-history{background:#f8fafc;border:1px solid #e3e8ef;border-radius:8px;margin-bottom:15px;padding:15px;position:relative;z-index:1}.package-limits-package-history h5{align-items:center;color:#007bff;display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.5px;margin-bottom:15px;position:relative;text-transform:uppercase}.package-features-history{background:#f8fff8;border:1px solid #e8f5e8;border-radius:8px;margin-bottom:15px;padding:15px;position:relative;z-index:1}.package-features-history h5{align-items:center;color:#28a745;display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.feature-row{align-items:center;color:#666;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.feature-row i{color:#28a745;text-align:center;width:16px}.push-count-section{margin-bottom:15px}.transferred-properties-section{background:linear-gradient(135deg,#fff8e1,#fff3c4);border:1px solid #ffc107;border-radius:10px;box-shadow:0 2px 8px #ffc1071a;margin-bottom:15px;padding:15px}.transferred-properties-section h5{align-items:center;color:#e65100;display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.transferred-properties-section h5 i{color:#ff9800;font-size:16px}.transferred-properties-list{display:flex;flex-direction:column;gap:10px}.transferred-property-item{align-items:center;background:#fff;border:1px solid #ffcc02;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.transferred-property-item:hover{box-shadow:0 3px 8px #ff980026;transform:translateX(3px)}.property-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.property-title{align-items:center;color:#333;display:flex;font-size:13px;font-weight:500;gap:8px}.property-title i{color:#007bff;font-size:14px}.transfer-tag{align-items:center;color:#e65100;display:flex;font-size:12px;font-weight:500;gap:6px}.transfer-tag strong{background:#1565c01a;border-radius:4px;color:#1565c0;font-weight:600;padding:2px 6px}.transfer-date{align-items:center;color:#666;display:flex;font-size:11px;font-style:italic;gap:6px;white-space:nowrap}.transfer-date i{color:#888}.package-price-history h5{align-items:center;color:#007bff;display:flex;font-size:18px;font-weight:700;gap:10px;letter-spacing:.5px;position:relative;text-transform:uppercase}.history-item-header{margin-bottom:20px}.package-history-summary{background:#f8fafc;border-radius:0 0 10px 10px;border-top:1px solid #e3e8ef;margin-top:15px;padding:20px 25px;text-align:center}.package-history-summary h4{align-items:center;color:#2b8aeb;display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:center;margin-bottom:15px}.package-history-summary h4 i{color:#2b8aeb;font-size:20px}.summary-stats-package-history{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.stat-item-package-history{background:#fff0da;border:1px solid #e3e8ef;border-radius:10px;box-shadow:0 2px 6px #0000000d;min-width:140px;padding:15px 25px;transition:all .3s ease}.stat-item-package-history:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-3px)}.stat-item-package-history strong{color:#27ae60;display:block;font-size:22px;font-weight:700;margin-bottom:5px}.stat-item-package-history span{color:#6b7280;font-size:14px}.package-history-header{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px}.package-history-list{flex:1 1;margin-bottom:20px;max-height:auto;padding-right:10px;scroll-behavior:smooth;transition:max-height .3s ease}.package-history-list.expanded{max-height:320vh}.package-history-toggle{display:flex;justify-content:center;margin-bottom:15px}.btn-toggle-history{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:20px;box-shadow:0 2px 8px #007bff33;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-toggle-history:hover{background:linear-gradient(135deg,#0056b3,#003d82);box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.btn-toggle-history i{font-size:11px;transition:transform .3s ease}.btn-toggle-history.expanded i{transform:rotate(180deg)}.package-history-item-toggle{display:flex;justify-content:center;margin:15px 0 10px;position:relative;z-index:0}.btn-toggle-history-item{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:15px;box-shadow:0 2px 6px #28a74533;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:5px;padding:6px 12px;transition:all .3s ease;z-index:0}.btn-toggle-history-item:hover{background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 3px 10px #28a7454d;transform:translateY(-1px)}.btn-toggle-history-item i{font-size:10px;transition:transform .3s ease}.btn-toggle-history-item.expanded i{transform:rotate(180deg)}.history-item-details{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:10px;max-width:800px;position:relative;z-index:5}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-item-details .package-limits-package-history:before{border-radius:0 0 14px 14px;content:"";inset:-2px;padding:2px;position:absolute;z-index:100000}.package-history-item{background:#f8f9fa;border:1px solid #e1e1e1;border-radius:10px;margin-bottom:12px;max-height:420px;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.package-history-item.upgraded{background:linear-gradient(135deg,#e8f4ff,#f0f8ff);border:2px solid #007bff;border-radius:12px;box-shadow:0 3px 12px #007bff26;overflow:visible;position:relative}.package-history-item.upgraded.expanded{border-radius:12px 12px 0 0;margin-bottom:0}.package-history-item.upgraded .history-item-wrapper{position:relative;z-index:1}.package-history-item.upgraded .history-item-details{background:linear-gradient(135deg,#fff,#f8fcff);border:2px solid #007bff;border-radius:0 0 12px 12px;border-top:none;box-shadow:inset 0 2px 8px #007bff0d,0 3px 12px #007bff26;margin:0 -16px -16px;padding:20px;position:relative;z-index:1}.package-history-item.upgraded .history-item-details:before{border-radius:0 0 14px 14px;content:"";inset:-2px;padding:2px;position:absolute;z-index:100000}.package-history-item.upgraded .package-features-history,.package-history-item.upgraded .package-limits-package-history{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:1px solid #007bff33;box-shadow:0 2px 8px #007bff14}.package-history-item.upgraded .package-features-history h5,.package-history-item.upgraded .package-limits-package-history h5{background:#007bff0d;border-radius:6px;color:#0056b3;margin:-15px -15px 15px;padding:8px 12px}.package-history-item.upgraded .feature-row{background:#fff9;border-radius:6px;margin-bottom:6px;padding:6px 10px;transition:all .2s ease}.package-history-item.renewed{background:linear-gradient(135deg,#e8f5e8,#f0f9f0);border:2px solid #28a745;border-radius:12px;box-shadow:0 3px 12px #28a74526;overflow:visible;position:relative}.package-history-item.renewed.expanded{border-radius:12px 12px 0 0;margin-bottom:0}.package-history-item.renewed .history-item-wrapper{position:relative;z-index:1}.package-history-item.renewed .history-item-details{background:linear-gradient(135deg,#fff,#f8fff8);border:2px solid #28a745;border-radius:0 0 12px 12px;border-top:none;box-shadow:inset 0 2px 8px #28a7450d,0 3px 12px #28a74526;margin:0 -16px -16px;padding:20px;position:relative;z-index:1}.package-history-item.renewed .history-item-details:before{border-radius:0 0 14px 14px;content:"";inset:-2px;padding:2px;position:absolute;z-index:100000}.package-history-item.renewed .package-features-history,.package-history-item.renewed .package-limits-package-history{background:linear-gradient(135deg,#f0f9f0,#e6f7e6);border:1px solid #28a74533;box-shadow:0 2px 8px #28a74514}.package-history-item.renewed .package-features-history h5,.package-history-item.renewed .package-limits-package-history h5{background:#28a7450d;border-radius:6px;color:#155724;margin:-15px -15px 15px;padding:8px 12px}.package-history-item.renewed .feature-row{background:#fff9;border-radius:6px;margin-bottom:6px;padding:6px 10px;transition:all .2s ease}.package-history-item.expired{background:linear-gradient(135deg,#f8e8e8,#fdf0f0);border:2px solid #dc3545;border-radius:12px;box-shadow:0 3px 12px #dc354526;overflow:visible;position:relative}.package-history-item.expired.expanded{border-radius:12px 12px 0 0;margin-bottom:0}.package-history-item.expired .history-item-wrapper{position:relative;z-index:1}.package-history-item.expired .history-item-details{background:linear-gradient(135deg,#fff,snow);border:2px solid #dc3545;border-radius:0 0 12px 12px;border-top:none;box-shadow:inset 0 2px 8px #dc35450d,0 3px 12px #dc354526;margin:0 -16px -16px;padding:20px;position:relative;z-index:1}.package-history-item.expired .history-item-details:before{border-radius:0 0 14px 14px;content:"";inset:-2px;padding:2px;position:absolute;z-index:100000}.package-history-item.expired .package-features-history,.package-history-item.expired .package-limits-package-history{background:linear-gradient(135deg,#fdf0f0,#fce6e6);border:1px solid #dc354533;box-shadow:0 2px 8px #dc354514}.package-history-item.expired .package-features-history h5,.package-history-item.expired .package-limits-package-history h5{background:#dc35450d;border-radius:6px;color:#721c24;margin:-15px -15px 15px;padding:8px 12px}.package-history-item.expired .feature-row{background:#fff9;border-radius:6px;margin-bottom:6px;padding:6px 10px;transition:all .2s ease}@media (max-width:768px){.package-plan-using{flex-direction:column}.benefits-grid,.packages-grid{grid-template-columns:1fr}.current-package-modal,.upgrade-modal{margin:10px;max-height:95vh}.package-current-badge{font-size:11px;padding:4px 8px}.package-history-list{max-height:300px}.package-history-list.expanded{max-height:60vh}.btn-toggle-history{font-size:11px;padding:6px 12px}.btn-toggle-history-item{font-size:10px;gap:4px;padding:5px 10px}.history-item-details{margin-top:8px;padding:10px}.package-history-item.upgraded .history-item-details{border-radius:0 0 10px 10px;margin-bottom:-16px;margin-left:-16px;margin-right:-16px;padding:15px}.package-history-item.upgraded .history-item-details:before{border-radius:0 0 12px 12px}.package-history-item.renewed .history-item-details{border-radius:0 0 10px 10px;margin-bottom:-16px;margin-left:-16px;margin-right:-16px;padding:15px}.package-history-item.renewed .history-item-details:before{border-radius:0 0 12px 12px}.package-history-item.expired .history-item-details{border-radius:0 0 10px 10px;margin-bottom:-16px;margin-left:-16px;margin-right:-16px;padding:15px}.package-history-item.expired .history-item-details:before{border-radius:0 0 12px 12px}.package-features-history,.package-limits-package-history{margin-bottom:10px;padding:10px}.package-features-history h5,.package-limits-package-history h5{font-size:12px;margin-bottom:10px}.feature-row{font-size:11px;margin-bottom:6px}.transferred-properties-section{margin-bottom:10px;padding:10px}.transferred-properties-section h5{font-size:12px;margin-bottom:8px}.transferred-property-item{align-items:flex-start;flex-direction:column;gap:6px;padding:8px}.property-title{font-size:12px}.transfer-tag{font-size:11px}.transfer-date{align-self:flex-end;font-size:10px}.transferred-inline-tag{font-size:9px;gap:3px;margin-top:3px;padding:2px 6px}.transferred-inline-tag span{font-size:9px}}.favorites-page{background-color:#f8f9fa;min-height:100vh}.favorites-page .container{margin:0 auto;max-width:1200px;padding:0 20px}.favorites-header{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;margin-bottom:15px;padding:30px}.header-content{align-items:center;display:flex;gap:20px}.heart-icon{animation:heartbeat 2s ease-in-out infinite;background:linear-gradient(135deg,#dc35451a,#ff63841a);border-radius:50%;color:#dc3545;font-size:65px;padding:20px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header-text h1{color:#212529;font-size:30px;font-weight:700;margin:0 0 8px}.header-text p{color:#6c757d;font-size:16px;margin:0}.error-container,.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.loading-container i{color:#00b095;font-size:48px;margin-bottom:20px}.error-container i{color:#dc3545;font-size:48px;margin-bottom:20px}.error-container p,.loading-container p{color:#6c757d;font-size:18px;margin:0}.retry-btn{background:#00b095;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:#009581;transform:translateY(-2px)}.empty-favorites{align-items:center;display:flex;justify-content:center;min-height:500px}.empty-content{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;max-width:400px;padding:60px 40px;text-align:center}.empty-icon{color:#dee2e6;font-size:80px;margin-bottom:30px}.empty-content h3{color:#212529;font-size:24px;font-weight:600;margin:0 0 16px}.empty-content p{color:#6c757d;font-size:16px;line-height:1.6;margin:0 0 30px}.browse-btn{background:linear-gradient(135deg,#00b095,#27ae60);border:none;border-radius:25px;box-shadow:0 4px 15px #00b0954d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.browse-btn:hover{box-shadow:0 6px 20px #00b09566;transform:translateY(-2px)}@media (max-width:768px){.favorites-page{padding:10px 0}.favorites-page .container{padding:0 15px}.favorites-header{margin-bottom:20px;padding:20px}.header-content{flex-direction:column;gap:15px;text-align:center}.heart-icon{font-size:40px;padding:15px}.header-text h1{font-size:24px}.header-text p{font-size:14px}.favorites-grid{gap:20px;grid-template-columns:1fr}.empty-content{padding:40px 20px}.empty-icon{font-size:60px}.empty-content h3{font-size:20px}.browse-btn,.empty-content p{font-size:14px}.browse-btn{padding:12px 24px}}@media (max-width:480px){.favorites-header{padding:15px}.heart-icon{font-size:32px;padding:12px}.header-text h1{font-size:20px}.empty-content{padding:30px 15px}}.payment-history-my-properties{background-color:#f8f9fa;min-height:100vh;padding:20px}.payment-history-header{border-radius:12px;overflow:hidden;padding:20px;position:relative;text-align:center}.payment-history-header h2{font-size:1.8rem;font-weight:700;margin:0 0 10px;position:relative;z-index:1}.payment-history-header h2 i{color:#007bff;margin-right:12px;text-shadow:0 2px 4px #0003}.payment-history-header p{font-size:1rem;font-weight:500;margin:0;opacity:.9;position:relative;z-index:1}.payment-history-filters{border-radius:15px;display:flex;justify-content:flex-end}.filter-row{align-items:center;display:flex;flex-direction:row;gap:20px}.filter-group-payment-history{display:flex;flex-direction:column;gap:8px;margin-bottom:30px;min-width:200px}.filter-group-payment-history label{color:#495057;font-size:14px;font-weight:600}.filter-select{background:#fff;border:2px solid #3b82f6;border-radius:10px;font-size:14px;outline:none;padding:12px 15px;transition:all .3s ease}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.payment-history-table{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:25px;overflow:hidden}.table-container{overflow-x:auto}.payment-table{border-collapse:collapse;margin:0;width:100%}.payment-table thead{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.payment-table thead th{border:none;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:20px 15px;text-align:left;text-transform:uppercase;white-space:nowrap}.payment-table tbody tr{border-bottom:1px solid #f1f3f4;transition:all .3s ease}.payment-table tbody tr:hover{background-color:#f8f9ff}.payment-table tbody tr:last-child{border-bottom:none}.payment-table tbody td{border:none;font-size:14px;padding:20px 15px;vertical-align:middle}.stt-cell{color:#6c757d;font-weight:600;text-align:center;width:60px}.total-cell{color:#28a745;font-size:16px;font-weight:700}.package-info{display:flex;flex-direction:column;gap:5px}.package-name-payment-history{align-items:center;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.package-stars{display:inline-flex}.package-stars .star{animation:sparkle 2s ease-in-out infinite alternate;color:gold;font-size:12px;text-shadow:0 1px 2px #0003}.package-stars .star:nth-child(2){animation-delay:.2s}.package-stars .star:nth-child(3){animation-delay:.4s}.package-stars .star:nth-child(4){animation-delay:.6s}.package-stars .star:nth-child(5){animation-delay:.8s}@keyframes sparkle{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.method-cell{text-align:center}.payment-badge{border-radius:20px;box-shadow:0 2px 5px #00000026;color:#fff;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.payment-badge.vnpay{background:linear-gradient(45deg,#0046ad,#007bff)}.payment-badge.sepay{background:linear-gradient(45deg,#009688,#4caf50)}.payment-badge:hover{transform:scale(1.05);transition:all .2s ease}.property-title-payment-history{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden}.property-id-cell{text-align:center}.property-id{border-radius:8px;color:#fff;display:inline-block;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;letter-spacing:1.2px;padding:8px 12px;text-shadow:0 1px 2px #0003;transition:all .3s ease}.property-id:hover{filter:brightness(1.1);transform:translateY(-2px)}.time-cell{color:#6c757d;font-size:13px}.status-badge-payment-history{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 10px;text-transform:uppercase;white-space:nowrap}.status-paid{background:linear-gradient(45deg,#007e1d,#00aa2b)!important;box-shadow:0 2px 10px #28a7454d;color:#fff}.status-pending-payment-history{background:#0059b8;box-shadow:0 2px 10px #ffc1074d;color:#fff;white-space:nowrap}.status-failed{box-shadow:0 2px 10px #dc35454d}.status-cancelled,.status-failed{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.status-cancelled{box-shadow:0 2px 10px #6c757d4d}.duration-cell{padding:12px 8px;text-align:center}.duration-badge{align-items:center;background:linear-gradient(135deg,#17a2b8,#138496);border:1px solid #17a2b833;border-radius:20px;box-shadow:0 3px 12px #17a2b84d;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;padding:6px 10px;text-transform:capitalize;transition:all .3s ease}.duration-badge:hover{box-shadow:0 5px 15px #17a2b866;transform:translateY(-1px)}.duration-badge i{font-size:11px;opacity:.9}.action-cell{min-width:120px;padding:12px 8px;text-align:center}.btn-payment-action{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:20px;box-shadow:0 3px 12px #28a7454d;color:#fff;cursor:pointer;display:inline-flex;font-size:10px;font-weight:600;gap:6px;letter-spacing:.3px;padding:8px 10px!important;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.btn-payment-action:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 5px 20px #28a74566;transform:translateY(-2px)}.btn-payment-action i{font-size:12px}.no-action{color:#adb5bd;font-size:18px;font-weight:300}.payment-history-pagination{align-items:center;border-radius:15px;display:flex;gap:15px;justify-content:center;padding:25px}.pagination-info{margin:0 20px}.pagination-btn-payment-history{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;transition:all .3s ease}.pagination-btn-payment-history i:last-child{margin-left:5px}.pagination-btn-payment-history:hover:not(:disabled){background:#f8f9ff;border-color:#0dac12;color:#0dac12}.pagination-btn-payment-history:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:5px}.page-number-payment-history{background:#fff;border:2px solid #0000;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;min-width:45px;padding:10px 15px;text-align:center;transition:all .3s ease}.page-number-payment-history:hover{background:#f8f9ff;color:#0dac12}.page-number-payment-history.active{background:linear-gradient(135deg,#0dac12,#4d9100);color:#fff}.no-payments{color:#6c757d;padding:60px 20px;text-align:center}.no-payments i{color:#dee2e6;font-size:64px;margin-bottom:20px}.no-payments h3{color:#495057;margin:0 0 10px}.no-payments p{font-size:14px;margin:0}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:120px;padding:40px 20px}.spinner-container{gap:12px}.spinner{animation:spin .8s linear infinite;border:2.5px solid #e3f2fd;border-top-color:#2196f3;box-shadow:0 2px 8px #2196f333;height:24px;width:24px}.loading-text{animation:pulse 1.5s ease-in-out infinite alternate;color:#666;font-size:14px;text-align:center}@media (max-width:768px){.payment-history{padding:15px}.payment-history-header{padding:20px;text-align:center}.payment-history-header h2{flex-direction:column;font-size:24px;gap:10px}.filter-row{align-items:stretch;flex-direction:column}.filter-group-payment-history{min-width:0;min-width:auto}.payment-table{font-size:12px}.payment-table tbody td,.payment-table thead th{padding:12px 8px}.package-info{min-width:200px}.page-number-payment-history,.pagination-btn-payment-history{font-size:12px;padding:8px 12px}.page-numbers{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.payment-history-header{padding:15px}.payment-history-header h2{font-size:20px}.payment-history-filters{padding:15px}.payment-table tbody td,.payment-table thead th{padding:10px 6px}.total-cell{font-size:14px}.status-badge-payment-history{font-size:11px;padding:6px 10px}}.rental-analytics-dashboard{background-color:#f8fafc;min-height:100vh;padding:20px}.dashboard-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.dashboard-item{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;text-align:center}.dashboard-item h2{align-items:center;color:#1e293b;display:flex;font-size:28px;gap:12px;margin-bottom:8px}.dashboard-item h2 i{color:#3b82f6}.dashboard-item p{color:#64748b;margin-bottom:20px}.dashboard-controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#374151;font-size:14px;font-weight:600}.control-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.control-select:focus{border-color:#3b82f6;outline:none}.control-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;min-width:490px;padding:8px 12px;transition:border-color .3s ease}.control-input:focus{border-color:#3b82f6;outline:none}.control-input::placeholder{color:#9ca3af}.typing-placeholder::placeholder{color:#6b7280;font-style:normal}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.input-with-button{gap:8px}.input-with-button .control-input{margin:0}.search-button-rental{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;min-width:40px;padding:8px 12px;transition:background-color .3s ease}.search-button-rental:hover{background:#2563eb}.search-button-rental:active{background:#1d4ed8}.clear-filters-button{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:27px;padding:8px 16px;transition:background-color .3s ease}.clear-filters-button:hover{background:#dc2626}.clear-filters-button:active{background:#b91c1c}.clear-filters-button i,.loading-text{font-size:12px}.loading-text{color:#6b7280;margin-left:8px}.analytics-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:400px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.metric-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.metric-header h4{color:#1e293b;font-size:16px;margin:0}.metric-header i{color:#3b82f6;font-size:20px}.metric-value{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:16px}.metric-value.positive{color:#10b981}.metric-value.negative{color:#ef4444}.metric-subtitle{color:#64748b;font-size:14px;font-weight:500;margin-bottom:8px}.metric-changes{display:flex;flex-direction:column;gap:8px}.change-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.metric-value{color:#27ae60}.change-item.positive span:last-child{color:#10b981;font-weight:600}.change-item.negative span:last-child{color:#ef4444;font-weight:600}.charts-grid{grid-gap:20px;grid-template-columns:2fr 1fr 1fr}.charts-grid,.charts-grid-first{display:grid;gap:20px;margin-bottom:24px}.charts-grid-first{grid-gap:20px;grid-template-columns:1fr 1fr}.chart-card{background:#fff}.chart-card,.chart-card-pie-chart{border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.chart-card-pie-chart{background:linear-gradient(180deg,#f9fafb,#f1f5f9);margin-top:120px}.chart-card.large{grid-row:span 2}.chart-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding:20px 24px 0}.chart-header h3{align-items:center;color:#1e293b;display:flex;font-size:18px;gap:8px;margin:0;padding-bottom:16px}.chart-header i{color:#3b82f6}.chart-subtitle{color:#64748b;font-size:14px;font-weight:400;margin:8px 0 0}.range-indicators{background:linear-gradient(180deg,#f9fafb,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-top:20px;padding:20px}.range-indicator{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:14px;padding:10px 0;transition:background-color .25s ease,transform .2s ease}.range-indicator:last-child{border-bottom:none}.range-indicator:hover{background:#8b5cf60d;transform:translateX(3px)}.range-color{border:1px solid #0000000d;border-radius:6px;box-shadow:0 0 6px #8b5cf666;flex-shrink:0;height:18px;width:18px}.range-info{display:flex;flex-direction:column;min-width:100px}.range-label{color:#1e293b;font-size:14px;font-weight:600}.range-stats{color:#64748b;display:flex;font-size:12px;gap:10px}.range-count{font-size:14px;font-weight:500}.range-percentage{color:#6366f1;font-size:14px;font-weight:600}.range-bar{background:#e2e8f0;border-radius:6px;flex:1 1;height:10px;overflow:hidden;position:relative}.range-fill{background:linear-gradient(90deg,#16a34a,#065f46);border-radius:6px;height:100%;transition:width .4s ease,background .3s ease}.range-fill:hover{background:linear-gradient(90deg,#a7f3d0,#34d399)}.news-section{margin-bottom:24px}.section-header-rental{background-color:#0056b3!important;border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 4px 20px #667eea4d;padding:24px}.section-header-rental h3{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:700;gap:12px;margin:0}.section-header-rental i{color:#fff;font-size:24px}.no-news{color:#555;font-size:16px;padding:30px 0;text-align:center}.no-news i{color:#555;display:block;font-size:30px;margin-bottom:10px}.news-grid{grid-gap:20px;background:#f8fafc;border-radius:0 0 16px 16px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:24px}.news-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.news-card:before{background:#0056b3;content:"";height:4px;left:0;position:absolute;right:0;top:0}.news-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.news-header{justify-content:space-between;margin-bottom:16px}.news-badge,.news-header{align-items:center;display:flex}.news-badge{background:#3b82f6;border-radius:20px;box-shadow:0 2px 8px #3b82f64d;color:#fff;font-size:12px;font-weight:600;gap:8px;padding:6px 12px}.news-badge i{font-size:11px}.news-date{background:#f1f5f9;border-radius:12px;color:#1d1d1d;font-size:12px;font-weight:700;padding:4px 8px}.news-title{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:15px;font-weight:500;line-height:1.6;margin:0 0 16px;overflow:hidden;text-overflow:ellipsis}.news-footer{display:flex;justify-content:flex-end;margin-top:auto}.news-source{align-items:center;background:#3b82f61a;border-radius:20px;color:#3b82f6;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.news-source:hover{background:#3b82f633;color:#2563eb;text-decoration:none;transform:translateY(-1px)}.news-source i{font-size:11px}.summary-section{margin-bottom:24px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.summary-card h3{align-items:center;color:#1e293b;display:flex;gap:12px;margin-bottom:20px}.summary-card h3 i{color:#f59e0b}.summary-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-item{align-items:flex-start;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;display:flex;gap:12px;padding:16px}.summary-item i{font-size:18px;margin-top:2px}.summary-item p{color:#374151;font-size:14px;line-height:1.5;margin:0}.text-success{color:#10b981!important}.text-info{color:#3b82f6!important}.text-warning{color:#f59e0b!important}.text-primary{color:#8b5cf6!important}.highlighted-date-1-month-ago,.highlighted-date-2-months-ago,.highlighted-date-current-month{color:#3b82f6;font-size:14px;font-weight:700;margin-left:5px}.input-with-button{align-items:center;display:flex;position:relative}.control-input{flex:1 1;padding-right:70px}.clear-button-rental{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:8px 10px;transition:color .2s ease}.clear-button-rental:hover{color:#bb0101}.clear-button-rental{position:absolute;right:50px;top:50%;transform:translateY(-50%)}.control-group-button{display:flex;justify-content:center;margin-bottom:20px}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}.chart-card.large{grid-row:span 1}}@media (max-width:768px){.rental-analytics-dashboard{padding:16px}.dashboard-header{padding:20px}.dashboard-controls{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:24px}.news-grid{gap:16px;grid-template-columns:1fr;padding:20px 16px}.news-card{padding:16px}.section-header{padding:20px 16px}.news-title{-webkit-line-clamp:4;line-clamp:4;font-size:14px}.summary-content{grid-template-columns:1fr}.chart-container{padding:0 16px 16px}}@media (max-width:480px){.rental-analytics-dashboard{padding:12px}.dashboard-header,.metric-card{padding:16px}.metric-value{font-size:20px}.chart-header{padding:16px 16px 0}.chart-container{padding:0 12px 12px}}.amenities-selector-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;min-width:180px;padding:8px 16px;transition:all .2s}.amenities-selector-btn:hover{background-color:#f8fafc;border-color:#3b82f6}.amenities-selector-btn i:first-child{color:#3b82f6}.amenities-selector-btn i:last-child{color:#6b7280;font-size:12px}.modal-overlay-analytics{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.amenities-modal-analytics{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.modal-header-analytics{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:20px 24px}.modal-header-analytics h3{align-items:center;color:#fff;display:flex;font-size:18px;gap:8px;margin:0}.modal-header-analytics h3 i{color:#fff}.close-btn-analytics i{margin-left:5px}.close-btn-analytics{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s ease}.close-btn-analytics:hover{background:#f3f4f6;color:#374151}.modal-body-analytics{flex:1 1;overflow-y:auto;padding:24px}.amenities-grid-analytics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.amenity-checkbox-analytics{cursor:pointer}.amenity-card-analytics{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .2s}.amenity-card-analytics:hover{background:#f8fafc;border-color:#3b82f6}.amenity-card-analytics.selected{background:#eff6ff;border-color:#3b82f6}.amenity-card-analytics i{color:#6b7280;font-size:16px;text-align:center;width:20px}.amenity-card-analytics.selected i{color:#3b82f6}.amenity-card-analytics span{color:#374151;flex:1 1;font-size:14px}.checkmark-analytics{opacity:0;transform:scale(.8);transition:all .2s}.amenity-card-analytics.selected .checkmark-analytics{opacity:1;transform:scale(1)}.checkmark-analytics i{color:#10b981;font-size:14px}.modal-footer-analytics{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn{padding:8px 16px;transition:all .2s}.btn-outline-analytics{background:#ac0000;border:1px solid #d1d5db;color:#fff}.btn-outline-analytics:hover{background:darkred;border-color:#9ca3af;color:#fff}.btn-primary-analytics{background:#3b82f6;color:#fff}.btn-primary-analytics:hover{background:#2563eb}.btn-primary-analytics:disabled{background:#9ca3af;cursor:not-allowed}.notification-page{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:0 auto;padding:20px}.notification-page-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.notification-page-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.notification-page-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:center;margin-bottom:24px;padding-bottom:16px}.header-left h1{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.header-left h1 i{color:#3b82f6}.notification-count{color:#64748b;font-size:14px;font-weight:500}.unread-count{color:#f59e0b;font-weight:600;margin-left:10px}.page-count{color:#64748b;font-size:14px;font-weight:500;margin-left:8px}.header-actions-page{display:flex;gap:12px;margin-left:10px}.bulk-delete-btn,.mark-all-read-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.mark-all-read-btn{background:#e0f2fe;color:#0369a1}.mark-all-read-btn:hover{background:#bae6fd}.bulk-delete-btn{background:#fee2e2;color:#dc2626}.bulk-delete-btn:hover{background:#fecaca}.notification-tabs{background:#f8fafc;border-radius:8px;display:flex;margin-bottom:20px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.tab-btn:hover{background:#e2e8f0;color:#475569}.tab-btn.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#3b82f6}.notification-controls{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 0}.select-controls{align-items:center;display:flex;gap:16px}.select-all-checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.select-all-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.selected-count{color:#3b82f6;font-size:14px;font-weight:500}.notification-list{display:flex;flex-direction:column;gap:8px}.notification-item-page{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:16px;transition:all .2s ease}.notification-item-page:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.notification-item-page.unread{background:#fefce8;border-left:4px solid #f59e0b}.notification-checkbox{margin-right:12px;padding-top:2px}.notification-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.notification-content-page{align-items:flex-start;color:inherit;display:flex;flex:1 1;gap:12px;text-decoration:none}.notification-icon-page{align-items:center;background:#e2e8f0;border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;width:44px}.notification-icon-page i{color:#64748b;font-size:18px}.notification-item-page.unread .notification-icon-page{background:#f59e0b}.notification-item-page.unread .notification-icon-page i{color:#fff}.unread-dot-page{background:#ef4444;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.notification-body-page{flex:1 1;min-width:0}.notification-header-page{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.notification-title-page{color:#1e293b;flex:1 1;font-size:16px;font-weight:600;line-height:1.4;margin:0;text-transform:none}.notification-time-page{color:#94a3b8;font-size:12px;font-weight:500;white-space:nowrap}.notification-message-page{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 12px;text-transform:none}.notification-meta-page{align-items:center;display:flex;gap:8px}.notification-type-page{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px;text-transform:uppercase}.notification-type-page.type-property{background:#dcfce7;color:#166534}.notification-type-page.type-report{background:#fef3c7;color:#92400e}.unread-badge-page{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:11px;font-weight:600;padding:2px 6px;text-transform:uppercase}.notification-delete-page{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;opacity:0;padding:8px;transform:translateX(10px);transition:all .2s ease}.notification-item-page:hover .notification-delete-page{opacity:1;transform:translateX(0)}.notification-delete-page:hover{background:#fee2e2;color:#ef4444}.no-notifications-page{color:#94a3b8;padding:60px 20px;text-align:center}.no-notifications-page i{display:block;font-size:48px;margin-bottom:16px}.no-notifications-page h3{color:#64748b;font-size:18px;margin:0 0 8px}.no-notifications-page p{font-size:14px;margin:0}@media (max-width:768px){.notification-page{border-radius:0;margin:0;padding:16px}.notification-page-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions-page{justify-content:space-between}.notification-tabs{flex-direction:column;gap:4px}.tab-btn{text-align:center}.notification-controls{align-items:stretch;flex-direction:column;gap:12px}.notification-item-page{padding:12px}.notification-header-page{flex-direction:column;gap:4px}.notification-time-page{align-self:flex-start}.notification-delete-page{opacity:1;transform:translateX(0)}}.pagination-container-notification-page{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.pagination-notification-page{align-items:center;display:flex;flex-direction:column;gap:16px}.pagination-info-notification-page{align-items:center;color:#64748b;display:flex;font-size:14px;justify-content:space-between;width:100%}.pagination-info-notification-page .page-info{color:#475569;font-weight:500}.pagination-btn-notification-page,.pagination-controls-notification-page{align-items:center;display:flex;gap:8px}.pagination-btn-notification-page{background:#fff;border:1px solid #27ae60;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease}.pagination-btn-notification-page:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#475569}.pagination-btn-notification-page:disabled{background:#f8fafc;cursor:not-allowed;opacity:.5}.pagination-numbers-notification-page{align-items:center;display:flex;gap:4px;margin:0 8px}.page-btn-notification-page{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.page-btn-notification-page:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.page-btn-notification-page.active{background:#27ae60;border-color:#27ae60;color:#fff;font-weight:600}.ellipsis-notification-page{align-items:center;color:#94a3b8;display:flex;font-size:14px;font-weight:700;padding:0 8px}@media (max-width:768px){.pagination-info-notification-page{flex-direction:column;gap:8px;text-align:center}.pagination-controls-notification-page{flex-wrap:wrap;justify-content:center}.pagination-btn-notification-page{font-size:12px;min-width:60px;padding:6px 12px}.page-btn-notification-page{font-size:12px;height:32px;width:32px}.pagination-numbers-notification-page{margin:0 4px}}.modal-overlay-delete-notification{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.delete-notification-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header-delete-notification{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header-delete-notification h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.modal-header-delete-notification .text-warning{color:#f59e0b}.close-btn-delete-notification{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.close-btn-delete-notification:hover:not(:disabled){background:#f1f5f9;color:#475569}.close-btn-delete-notification:disabled{cursor:not-allowed;opacity:.5}.modal-content-delete-notification{padding:24px}.delete-info{margin-bottom:20px}.bulk-delete-info p,.single-delete-info p{color:#374151;font-size:16px;margin:0 0 16px}.selected-notifications-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:12px}.notification-preview{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;padding:8px}.notification-preview.more{background:#f1f5f9;color:#64748b;font-style:italic}.notification-title-preview{color:#374151;font-size:14px;font-weight:500}.notification-preview-single{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:16px}.notification-icon-preview{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.notification-content-preview{flex:1 1}.notification-content-preview h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.notification-content-preview p{color:#64748b;font-size:14px;line-height:1.4;margin:0 0 8px}.notification-type-preview{background:#e0e7ff;border-radius:12px;color:#3730a3;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.warning-content{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-top:20px;padding:16px}.warning-item{align-items:center;color:#92400e;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.warning-item:last-child{margin-bottom:0}.warning-item .text-info{color:#0369a1}.warning-item .text-warning{color:#f59e0b}.modal-actions-delete-notification{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 20px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary-delete{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.btn-secondary-delete:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.btn-danger-delete{background:#ef4444;border:1px solid #dc2626;color:#fff}.btn-danger-delete:hover:not(:disabled){background:#dc2626;border-color:#b91c1c}@media (max-width:480px){.delete-notification-modal{margin:20px;width:95%}.modal-content-delete-notification,.modal-header-delete-notification{padding:16px}.modal-actions-delete-notification{flex-direction:column;padding:16px}.btn{width:100%}}.report-status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:4px 8px;text-transform:uppercase}.report-status-badge.status-notification-dismissed{background-color:#dbeafe;color:#1e40af}.report-status-badge.status-notification-warning{background-color:#fef3c7;color:#d97706}.report-status-badge.status-notification-hidden{background-color:#fee2e2;color:#dc2626}.notification-actions-page{border-top:1px solid #f1f5f9;margin-top:12px;padding-top:12px}.view-property-btn{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.view-property-btn:hover{background-color:#e2e8f0;border-color:#cbd5e1;color:#334155;text-decoration:none}.view-property-btn i{font-size:11px}@media (max-width:768px){.report-status-badge{font-size:10px;padding:3px 6px}.view-property-btn{font-size:11px;padding:5px 10px}}.property-mini-map{margin-top:16px}.mini-map-container{border-radius:8px;box-shadow:0 2px 8px #0000001a}.map-overlay{background:#0003;transition:opacity .3s ease;z-index:10}.mini-map-container:hover .map-overlay{opacity:1}.view-larger-map{border-radius:20px;box-shadow:0 2px 8px #0003;color:#333;font-weight:500;padding:8px 16px;transition:transform .2s ease}.view-larger-map:hover{transform:scale(1.05)}.modal-body-detail .map-tab{padding:0}.modal-body-detail .map-tab>div{border-radius:8px;overflow:hidden}.trackasia-popup{max-width:300px}.trackasia-popup-content{border-radius:8px;box-shadow:0 4px 12px #00000026}.trackasia-popup-close-button{color:#666;font-size:16px;padding:8px}.trackasia-popup-close-button:hover{color:#333}.trackasia-ctrl-group{border-radius:6px;box-shadow:0 2px 8px #0000001a}.trackasia-ctrl-group button{background-color:#fff;border:none;color:#333;font-size:14px}.trackasia-ctrl-group button:hover{background-color:#f5f5f5}.trackasia-marker{cursor:pointer}.trackasia-ctrl-attrib{background-color:#fffc;font-size:11px}@media (max-width:768px){.mini-map-container{height:150px}.view-larger-map{font-size:12px;padding:6px 12px}.modal-body-detail .map-tab>div{height:300px!important}}.map-loading{align-items:center;background-color:#f5f5f5;border-radius:8px;color:#666;display:flex;height:200px;justify-content:center}.map-loading i{animation:spin 1s linear infinite;margin-right:8px}.map-error{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.map-error i{color:#dc3545;font-size:24px;margin-bottom:8px}.comments-section{background:#fff;border:1px solid #e4e6ea;border-radius:12px;box-shadow:0 1px 2px #0000001a;margin:16px 0;overflow:hidden}.comments-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e4e6ea;display:flex;justify-content:space-between;padding:16px 20px}.comments-title,.header-left{align-items:center;display:flex;gap:8px}.comments-title{color:#1c1e21;font-size:1rem;font-weight:600;margin:0}.comments-title svg{color:#1877f2;font-size:1rem}.comments-count{color:#65676b;font-size:.875rem;font-weight:400}.filter-toggle{align-items:center;background:#e4e6ea;border:none;border-radius:6px;color:#1c1e21;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 12px;transition:background-color .2s}.filter-toggle:hover{background:#d8dadf}.filter-toggle svg{font-size:.75rem;transition:transform .2s}.filter-toggle .rotated{transform:rotate(180deg)}.comments-filters{background:#f8f9fa;border-bottom:1px solid #e4e6ea;padding:12px 20px}.sort-options{display:flex;flex-wrap:wrap;gap:8px}.sort-btn{background:#fff;border:1px solid #d0d7de;border-radius:6px;color:#1c1e21;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .2s}.sort-btn:hover{background:#f2f3f5;border-color:#1877f2}.sort-btn.active{background:#1877f2;border-color:#1877f2;color:#fff}.rating-overview{background:#f8f9fa;border-bottom:1px solid #e4e6ea;padding:20px}.rating-breakdown{align-items:center;display:flex;gap:24px}.overall-rating{min-width:120px}.overall-rating,.rating-score{align-items:center;display:flex;flex-direction:column}.rating-score{gap:8px;margin-bottom:8px}.rating-score .score{color:#1877f2;font-size:2.5rem;font-weight:700;line-height:1}.rating-info{color:#65676b;font-size:.875rem;text-align:center}.rating-bars{display:flex;flex:1 1;flex-direction:column;gap:8px}.rating-bar-row{font-size:.875rem;gap:12px}.rating-bar-row,.star-label{align-items:center;display:flex}.star-label{color:#65676b;font-weight:500;gap:4px;min-width:60px}.star-label svg{color:#ffa726;font-size:.75rem}.rating-bar{background:#e4e6ea;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.rating-fill{background:linear-gradient(90deg,#ffa726,#ff9800);border-radius:4px;height:100%;transition:width .3s ease}.rating-count{color:#65676b;font-size:.875rem;font-weight:500;min-width:30px;text-align:right}.comment-form-section{background:#fff;border-bottom:1px solid #e4e6ea;padding:20px}.comment-form-section h4{color:#1c1e21;font-size:1rem;font-weight:600;margin:0 0 16px}.progress-bar{background:#f0f0f0;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff6533,#ee4d2d);border-radius:3px;height:100%;transition:width .3s ease}.count-text{color:#757575;font-size:.8rem}.comments-list{background:#fff;padding:0}.comment-item-wrapper{background-color:#f4f4f4;border-bottom:1px solid #e4e6ea;border-radius:8px;padding:16px 20px;transition:background-color .2s}.comment-item-wrapper:hover{background:#f8f9fa}.comment-item-wrapper:last-child{border-bottom:none}.compact-comments .comment-item-wrapper .comment-content{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.no-comments{background:#f8f9fa;color:#65676b;padding:25px 15px;text-align:center}.no-comments svg{color:#bcc0c4;font-size:2.5rem;margin-bottom:16px}.no-comments p{font-size:1rem;font-weight:500;margin:0}.show-more-btn{align-items:center;background:#f8f9fa;border:none;border-top:1px solid #e4e6ea;color:#1877f2;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:background-color .2s;width:100%}.show-more-btn:hover{background:#e4e6ea}.show-more-btn svg{font-size:.75rem;transition:transform .2s}.show-more-btn.expanded svg{transform:rotate(180deg)}.load-more-container{background:#f8f9fa;border-top:1px solid #e4e6ea;display:flex;justify-content:center;padding:16px 20px}.load-more-btn{align-items:center;background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:8px 16px;transition:background-color .2s}.load-more-btn:hover:not(:disabled){background:#166fe5}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.comments-loading{align-items:center;background:#f8f9fa;color:#65676b;display:flex;flex-direction:column;justify-content:center;padding:48px 20px}.comments-loading svg{color:#1877f2;font-size:1.5rem;margin-bottom:12px}.star-rating{align-items:center;display:flex;gap:2px}.star-rating.size-small{gap:1px}.star-rating.size-large{gap:3px}.star{background:none!important;border:none;border-radius:5px;color:#ffd900;cursor:pointer;font-size:16px;font-weight:700;padding:0!important;transition:all .2s}.star.filled{color:#ffa726}.star.size-small{font-size:.75rem}.star.size-medium{font-size:1rem}.star.size-large{font-size:1.25rem}.star:hover{transform:scale(1.1)}.star-rating.readonly .star{cursor:default}.star-rating.readonly .star:hover{transform:none}.comment-item{background:#0000;margin:0;padding:0}.comment-item.level-0{background-color:#e8e7e7;border-bottom:none;border-radius:12px}.comment-item.level-1,.comment-item.level-2{background-color:#e8e7e7;border-left:2px solid #e4e6ea;border-radius:12px;margin-left:32px;margin-top:8px;padding-left:12px}.comment-header{align-items:flex-start;background:#0000;display:flex;justify-content:space-between;margin-bottom:5px;padding:0;position:relative}.info-user{flex:1 1;gap:12px}.header-right{gap:8px;position:relative}.header-right,.user-info{align-items:center;display:flex}.user-info{flex:1 1;gap:12px}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;flex-shrink:0;height:40px;position:relative;width:40px}.user-avatar img{background-color:#f0f2f5;border-radius:50%;transition:opacity .2s ease}.user-avatar img:hover{opacity:.9}.user-avatar img[src*=googleusercontent]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.user-avatar svg{color:#fff;font-size:18px;opacity:.9}.user-comments{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.user-name:hover{color:#1877f2}.comment-date{align-items:center;color:#65676b;display:flex;font-size:.8rem;font-weight:400;gap:6px;line-height:1.2}.comment-date svg{font-size:.75rem;opacity:.7}.edited-indicator{margin-left:6px;opacity:.8}.comment-rating{border-radius:12px;flex-shrink:0;padding:4px 8px}.comment-content{margin-bottom:5px;margin-left:20px;padding:0}.action-btn-comment:hover{color:#1c1e21}.action-btn-comment svg{font-size:16px;transition:transform .2s ease}.action-btn-comment:hover svg{transform:scale(1.1)}.like-btn.liked svg{animation:heartBeat .6s ease}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.reply-btn:hover{background:#1877f21a}.edit-btn:hover{background:#42b8831a}.delete-btn:hover{background:#e74c3c1a}.comment-menu-container{position:relative;z-index:10}.menu-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;opacity:.7;padding:6px;transition:all .2s ease;width:28px}.menu-btn:hover{background:#0000001a;background:#0000000d;color:#1c1e21;opacity:1}.comment-dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e4e6ea;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:#1c1e21;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:10px 12px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background:#f2f3f5}.dropdown-item svg{flex-shrink:0;font-size:.8rem}.edit-item:hover{background:#42b8831a;color:#42b883}.delete-item:hover{background:#e74c3c1a;color:#e74c3c}.edited-indicator{font-style:italic;margin-left:4px}.comment-text{word-wrap:break-word;color:#1c1e21;font-size:.875rem;line-height:1.4;margin:0 0 8px}.comment-actions{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin-top:4px}.action-btn-comment{align-items:center;background:none;border:none;border-radius:4px;color:#65676b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;padding:4px 8px;text-decoration:none;transition:all .2s}.like-btn{color:red;font-size:16px}.reply-btn svg{margin-right:5px}.action-btn-comment:hover{background:#0000000d}.like-btn.liked{color:#e91e63}.reply-btn:hover{color:#1877f2}.edit-btn:hover{color:#42b883}.delete-btn:hover{color:#e74c3c}.comment-form{background:#fff;border:1px solid #e4e6ea;border-radius:16px;box-shadow:0 1px 2px #0000000a;margin:16px 0;padding:16px;transition:all .2s ease}.comment-form:hover{border-color:#c5c7ca;box-shadow:0 2px 4px #00000014}.comment-form:focus-within{border-color:#1877f2;box-shadow:0 0 0 2px #1877f21a}.comment-form-inner{align-items:flex-start;display:flex;gap:12px}.comment-form .user-avatar{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.comment-form .user-avatar:after{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;content:"";inset:-2px;position:absolute;z-index:-1}.comment-form .user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.comment-form .user-avatar svg{color:#fff;font-size:18px}.user-name{color:#1c1e21;display:block;font-size:.875rem;margin-bottom:5px}.info-user{align-items:center;display:flex;flex-direction:row;margin-left:20px}.form-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.rating-section{align-items:flex-start;display:flex;gap:12px;min-height:32px;padding:8px 0}.rating-section label{color:#1c1e21;font-size:.875rem;font-weight:600;line-height:24px;margin:0;min-width:80px}.rating-input{min-height:24px}.rating-input,.rating-wrapper{align-items:center;display:flex;gap:8px}.rating-text{background:#f0f2f5;border-radius:12px;color:#65676b;font-size:.75rem;font-weight:500;line-height:16px;min-width:80px;opacity:0;padding:4px 8px;text-align:center;transform:translateY(-2px);transition:all .2s ease}.rating-text.show{opacity:1;transform:translateY(0)}.comment-form textarea{background:#f8f9fa;border:2px solid #e4e6ea;border-radius:12px;font-family:inherit;font-size:.875rem;line-height:1.5;max-height:200px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.comment-form textarea:focus{background:#fff;border-color:#1877f2;box-shadow:0 0 0 2px #1877f21a;outline:none}.comment-form textarea::placeholder{color:#65676b;font-style:italic}.form-actions{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.char-count{color:#65676b;font-size:.75rem;font-weight:500}.char-count.warning{color:#ff6b35}.char-count.error{color:#e74c3c}.buttons{display:flex;gap:8px}.btn-cancel,.btn-submit{font-size:.875rem;gap:6px;justify-content:center;min-width:80px;overflow:hidden;padding:8px 20px;position:relative}.btn-cancel{background:#e4e6ea;border:1px solid #c5c7ca;color:#1c1e21}.btn-cancel:hover:not(:disabled){background:#d8dadf;border-color:#a8abaf;transform:translateY(-1px)}.btn-submit{background:linear-gradient(45deg,#1877f2,#42a5f5);box-shadow:0 2px 4px #1877f24d}.btn-submit:hover:not(:disabled){background:linear-gradient(45deg,#166fe5,#1e88e5);box-shadow:0 4px 8px #1877f266;transform:translateY(-1px)}.btn-submit:disabled{background:#e4e6ea;box-shadow:none;color:#bcc0c4;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #e4e6ea;border-top-color:#1877f2;display:inline-block;height:16px;width:16px}.btn-submit:disabled .loading-spinner{border-top-color:#bcc0c4}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.comment-item:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.comment-item{transition:all .2s ease}.form-success{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-color:#27ae60}.form-error{background:linear-gradient(135deg,#fdf2f2,#fef5f5);border-color:#e74c3c}.error-message{color:#e74c3c}.error-message,.success-message{align-items:center;display:flex;font-size:.75rem;gap:4px;margin-top:4px}.success-message{color:#27ae60}.new-comment{animation:pulse 2s ease-in-out}@keyframes pulse{0%,to{background:#fff}50%{background:#e3f2fd}}.edit-form{background:#f8f9fa;border:1px solid #e4e6ea;border-radius:12px;padding:12px}.edit-form textarea{background:#fff;border:1px solid #e4e6ea;border-radius:8px;font-family:inherit;font-size:.875rem;line-height:1.4;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.edit-form textarea:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233;outline:none}.edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.reply-form-container{margin-left:40px;margin-top:8px}.replying-to{align-items:center;background:#e3f2fd;border-left:3px solid #1877f2;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.replying-text{color:#1565c0;font-size:.8rem;font-weight:500}.replying-text strong{color:#0d47a1}.cancel-reply-btn{background:none;border:none;border-radius:4px;color:#757575;cursor:pointer;font-size:.9rem;font-weight:700;padding:4px 8px;transition:all .2s ease}.cancel-reply-btn:hover{background:#0000001a;color:#424242}.replies-container,.replies-container .comment-item{margin-top:8px}.replies-toggle{margin-left:40px;margin-top:8px}.view-more-replies-btn{background:none;border:none;color:#1877f2;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 0;text-decoration:none;transition:all .2s ease}.view-more-replies-btn:hover{color:#166fe5;text-decoration:underline}.comment-item.deleted{opacity:.6}.comment-content.deleted{color:#65676b;font-style:italic}.deleted-text{font-size:.875rem}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.comment-item.level-1,.comment-item.level-2{margin-left:16px;padding-left:8px}.comment-content,.replies-toggle,.reply-form-container{margin-left:20px}.replying-to{margin-bottom:6px;padding:6px 10px}.replying-text{font-size:.75rem}.cancel-reply-btn{font-size:.8rem;padding:2px 6px}.user-avatar{height:28px;width:28px}.user-avatar svg{font-size:14px}.comment-form .user-avatar{height:28px;width:28px}.comment-form .user-avatar svg{font-size:14px}.comment-actions{gap:12px}.action-btn-comment{font-size:.7rem;padding:3px 6px}.comment-dropdown-menu{min-width:120px;right:-10px}.dropdown-item{font-size:.8rem;padding:8px 10px}.menu-btn{font-size:12px;padding:3px 6px}}@media (max-width:480px){.comment-item.level-1,.comment-item.level-2{margin-left:12px;padding-left:6px}.comment-content,.reply-form-container{margin-left:16px}.user-avatar{height:24px;width:24px}.user-avatar svg{font-size:12px}.comment-form .user-avatar{height:24px;width:24px}.comment-form .user-avatar svg{font-size:12px}.comment-text,.user-name{font-size:.8rem}.comment-date{font-size:.7rem}.comment-actions{flex-wrap:wrap;gap:8px}.action-btn-comment{font-size:.65rem;padding:2px 4px}.comment-form{padding:8px}.comment-form textarea{font-size:.8rem;padding:8px}.btn-cancel,.btn-submit{font-size:.8rem;padding:4px 12px}}@media (prefers-color-scheme:dark){.comment-item{color:#e4e6ea}.comment-item.level-1,.comment-item.level-2{border-left-color:#3a3b3c}.user-avatar{background:#3a3b3c}.comment-date,.user-avatar svg{color:#b0b3b8}.comment-text{color:#e4e6ea}.action-btn-comment{color:#b0b3b8}.action-btn-comment:hover{background:#ffffff1a}.like-btn.liked{color:#e91e63}.comment-form{background:#3a3b3c;border-color:#3a3b3c}.comment-form .user-avatar{background:#242526}.comment-form .user-avatar svg{color:#b0b3b8}.rating-section label,.user-name{color:#e4e6ea}.rating-text{color:#b0b3b8}.comment-form textarea{background:#242526;border-color:#3a3b3c;color:#e4e6ea}.comment-form textarea::placeholder{color:#b0b3b8}.comment-form textarea:focus{border-color:#1877f2}.char-count{color:#b0b3b8}.btn-cancel{background:#3a3b3c;color:#e4e6ea}.btn-cancel:hover:not(:disabled){background:#4e4f50}.btn-submit:disabled{background:#3a3b3c;color:#65676b}.edit-form{background:#3a3b3c;border-color:#3a3b3c}.edit-form textarea{background:#242526;border-color:#3a3b3c;color:#e4e6ea}.edit-form textarea:focus{border-color:#1877f2}.comment-content.deleted{color:#b0b3b8}.comment-dropdown-menu{background:#3a3b3c;border-color:#3a3b3c}.dropdown-item{color:#e4e6ea}.dropdown-item:hover{background:#4e4f50}.edit-item:hover{background:#42b88333;color:#42b883}.delete-item:hover{background:#e74c3c33;color:#e74c3c}.menu-btn{color:#b0b3b8}.menu-btn:hover{background:#ffffff1a;color:#e4e6ea}}.comments-section-wrapper{background:#f8f9fa;border-top:1px solid #e4e6ea;margin-top:24px;padding:20px 0}.comments-section-wrapper .container{padding:0 16px}.high-rating-badge{align-items:center;background:#42b883;border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;margin-left:8px;padding:2px 8px}.high-rating-badge svg{font-size:.65rem}@media (max-width:768px){.comments-section{border-radius:8px;margin:12px 0}.comments-header{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.filter-toggle{align-self:flex-end}.rating-breakdown{align-items:flex-start;flex-direction:column;gap:16px}.overall-rating{align-items:center;flex-direction:row;min-width:auto}.rating-score{flex-direction:row;margin-bottom:0;margin-right:16px}.rating-score .score{font-size:2rem;margin-right:8px}.sort-options{justify-content:center}.comment-form-section{padding:16px}.comment-item-wrapper{padding:12px 16px}.load-more-btn{max-width:280px;width:100%}.comments-section-wrapper{padding:16px 0}.comments-section-wrapper .container{padding:0 12px}}@media (max-width:480px){.comments-header{padding:12px}.comments-title{font-size:.875rem}.rating-score .score{font-size:1.75rem}.rating-bar-row{gap:8px}.star-label{min-width:50px}.comment-form-section,.comment-item-wrapper{padding:12px}}@media (prefers-color-scheme:dark){.comments-section{background:#242526;border-color:#3a3b3c}.comments-header{background:#3a3b3c;border-color:#3a3b3c}.comments-title{color:#e4e6ea}.comments-count{color:#b0b3b8}.filter-toggle{background:#3a3b3c;color:#e4e6ea}.filter-toggle:hover{background:#4e4f50}.comments-filters{background:#3a3b3c;border-color:#3a3b3c}.sort-btn{background:#242526;border-color:#3a3b3c;color:#e4e6ea}.rating-overview,.sort-btn:hover{background:#3a3b3c}.rating-overview{border-color:#3a3b3c}.rating-count,.rating-info,.star-label{color:#b0b3b8}.comment-form-section{background:#242526;border-color:#3a3b3c}.comment-form-section h4{color:#e4e6ea}.comments-list{background:#242526}.comment-item-wrapper{border-color:#3a3b3c}.comment-item-wrapper:hover,.no-comments{background:#3a3b3c}.no-comments{color:#b0b3b8}.load-more-container,.show-more-btn{background:#3a3b3c;border-color:#3a3b3c}.show-more-btn{color:#1877f2}.show-more-btn:hover{background:#4e4f50}.comments-loading{background:#3a3b3c;color:#b0b3b8}.comments-section-wrapper{background:#18191a;border-color:#3a3b3c}}.user-name-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.author-tag{align-items:center;background:linear-gradient(135deg,#1877f2,#42a5f5);border-radius:12px;box-shadow:0 1px 3px #1877f24d;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-top:5px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}body{background-color:#f8fafc!important;color:#1a202c!important}.property-detail{background-color:#f8f9fa;min-height:100vh;overflow-x:hidden;padding:20px 0;position:relative}.left-decoration{animation:gentle-scale 3s ease-in-out infinite;left:10px}.left-decoration,.right-decoration{opacity:1;position:fixed;top:40%;transform:translateY(-50%);transition:opacity .3s ease;z-index:1}.right-decoration{animation:gentle-scale 3.5s ease-in-out infinite;right:0}.decoration-image{border:3px solid #27ae60;border-radius:12px;box-shadow:0 8px 25px #00000026,0 0 30px #27ae604d,0 0 50px #27ae6026;filter:drop-shadow(0 0 20px rgba(39,174,96,.4));height:400px;object-fit:cover;transition:all .3s ease;width:158px}@keyframes gentle-scale{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.02)}}.left-decoration:hover,.right-decoration:hover{animation-play-state:paused;opacity:.7}.price-value{color:#dc2626;font-size:1.5rem}.price-value.original-price-detail{color:#9ca3af;font-size:13px;font-weight:500;margin-right:5px;text-decoration:line-through}.price-value.promotion-price-detail{color:#dc2626;font-size:20px;font-weight:800;position:relative}.price-value.promotion-price-detail:after{background:linear-gradient(45deg,#ff6b6b,#ee5a52);border-radius:4px;box-shadow:0 2px 4px #ee5a524d;color:#fff;content:"KM";font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;position:absolute;right:-20px;top:-8px}@media (max-width:1400px){.left-decoration,.right-decoration{display:none}}.property-detail .container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:2}.breadcrumb{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:8px;margin-bottom:20px}.breadcrumb span{cursor:pointer}.breadcrumb span:hover{color:#00b095}.breadcrumb span:last-child{color:#495057;font-weight:500}.property-detail-error,.property-detail-loading{align-items:center;background-color:none!important;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{color:#00b095;font-size:32px;margin-bottom:16px}.error-content{align-items:center;display:flex;flex-direction:column;gap:16px}.error-content i{color:#dc3545;font-size:48px}.property-detail-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 320px}.property-main{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.main-image,.property-gallery{position:relative}.main-image{background:#000;border-radius:8px;height:430px;margin-bottom:8px;overflow:hidden}.main-image img{cursor:pointer;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.main-image img:hover{transform:scale(1.05)}.no-image{background:#f8f9fa;flex-direction:column;gap:12px}.no-image i{font-size:48px}.nav-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.nav-btn:hover{background:#000000e6}.nav-btn svg{color:#fff;height:16px;width:16px;z-index:11}.prev-btn{left:15px;padding:0!important}.expand-btn,.next-btn{padding:0!important;right:15px}.expand-btn{align-items:center;background:#00000080;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:15px;transition:all .3s ease;width:40px}.expand-btn:hover{background:#000000b3}.image-counter{background:#000000b3;border-radius:4px;bottom:15px;color:#fff;font-size:12px;gap:4px;padding:4px 8px;position:absolute;right:15px}.image-counter,.media-type-indicator{align-items:center;display:flex}.thumbnail-strip{background:#f8f9fa;display:flex;gap:8px;overflow-x:auto;padding:15px}.thumbnail{border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:all .3s ease;width:80px}.thumbnail.active{border-color:#00b095}.thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail.video-thumbnail{border-color:#dc3545;position:relative}.thumbnail.video-thumbnail.active{border-color:#dc3545}.video-thumbnail-container{height:100%;position:relative;width:100%}.video-thumbnail-container video{height:100%;object-fit:cover;width:100%}.video-play-overlay{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:10px;height:24px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.main-image video{-webkit-appearance:none;appearance:none;background:#000;border:none;border-radius:8px;cursor:pointer;display:block;height:100%;max-height:100%;max-width:100%;object-fit:cover;outline:none;overflow:hidden;transition:transform .3s ease;width:100%}.main-image video:hover{transform:scale(1.05)}.main-image video::-webkit-media-controls-panel{background:#000c}.main-image video::-webkit-media-controls{overflow:hidden!important}.property-info{padding:30px}.property-header-detail{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between}.property-title-detail{color:#27ae60;flex:1 1;font-size:18px;font-weight:700;line-height:1.3;margin:0 20px 0 0}.property-title-detail.post-type-vip-dac-biet{color:#c60000!important;font-weight:800;text-shadow:0 1px 2px #c600004d}.property-title-detail.post-type-vip-noi-bat{color:#1a73e8!important;font-weight:800;text-shadow:0 1px 2px #1a73e84d}.property-title-detail.post-type-vip-thuong{color:#ff6b35!important;font-weight:750;text-shadow:0 1px 2px #ff6b354d}.property-title-detail.post-type-thuong{color:#28a745!important;font-weight:700;text-shadow:0 1px 2px #28a7454d}.property-actions-detail{display:flex;gap:10px;justify-content:space-between}.property-actions-detail button{align-items:center;background:#fff;border:1px solid #01774a;border-radius:50%;color:#28a745;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0!important;transition:all .3s ease;width:40px}.favorite-btn.favorited{border-color:#dc3545;color:#fff}.property-actions-detail button:hover{border-color:#00b095;color:#00b095;transform:translateY(-2px)}.meta-stats{justify-content:flex-end;margin-bottom:25px}.meta-item i{color:#00b095}.meta-stats{display:flex;gap:20px;margin-top:8px}.property-highlights{grid-gap:24px;background:linear-gradient(135deg,#d7d2d2,#27ae60);border-radius:16px;box-shadow:0 8px 32px #00000014,0 0 30px #27ae604d,0 0 60px #27ae6026;display:grid;filter:drop-shadow(0 0 20px rgba(39,174,96,.4));gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px;margin-top:20px;overflow:hidden;padding:32px;position:relative}.property-highlights,.property-highlights:before{background:linear-gradient(90deg,#00b095,#27ae60,#00b095)}.property-highlights:before{animation:shimmer 3s ease-in-out infinite;background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.highlight-item{align-items:center;background:#fff;border:1px solid #00b0951a;border-radius:12px;box-shadow:0 4px 16px #0000000f;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.highlight-item:before{background:linear-gradient(180deg,#00b095,#27ae60);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.highlight-item:hover{border-color:#00b09533;box-shadow:0 12px 32px #00b09526;transform:translateY(-4px)}.highlight-item:hover:before{transform:scaleY(1)}.highlight-item i{background:linear-gradient(135deg,#00b0951a,#27ae601a);border-radius:12px;color:#00b095;flex-shrink:0;font-size:28px;padding:12px;transition:all .3s ease}.highlight-item:hover i{background:linear-gradient(135deg,#00b09533,#27ae6033);transform:scale(1.1) rotate(5deg)}.highlight-item.price i{background:linear-gradient(135deg,#dc35451a,#ff63841a);color:#dc3545}.highlight-item.price:hover i{background:linear-gradient(135deg,#dc354533,#ff638433)}.highlight-item .label{color:#6c757d;display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.highlight-item .value{color:#212529;display:block;font-size:18px;font-weight:700;line-height:1.2}.highlight-item.price .value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff2137,#e40031);-webkit-background-clip:text;background-clip:text;color:#dc3545;font-size:20px}@media (max-width:768px){.property-highlights{gap:16px;grid-template-columns:1fr;padding:24px}.highlight-item{padding:16px}.highlight-item i{font-size:24px;padding:10px}.highlight-item .value{font-size:16px}.highlight-item.price .value{font-size:18px}}.property-description-detail{margin-bottom:30px}.property-description-detail h3{color:#212529;font-size:20px;font-weight:600;margin-bottom:15px}.description-content{height:auto!important;width:100%}.description-content p{word-wrap:break-word;margin-bottom:12px}.description-content p,.description-paragraph{color:#495057;font-size:15px;line-height:1.7;white-space:pre-wrap}.description-paragraph{margin-bottom:8px;word-break:break-word}.property-amenities-detail{margin-bottom:30px}.property-amenities-detail h3{color:#212529;font-size:20px;font-weight:600;margin-bottom:15px}.amenities-list-detail{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:0}.amenity-item-detail{align-items:center;background:#f8f9fa;border:2px solid #27ae60;border-radius:8px;box-shadow:0 0 15px #27ae6033;color:#495057;display:flex;filter:drop-shadow(0 0 8px rgba(39,174,96,.3));font-size:14px;gap:8px;padding:8px 20px;transition:all .2s ease}.amenity-item-detail:hover{background:#e8f5e8;box-shadow:0 4px 8px #27ae6033,0 0 25px #27ae6066,0 0 40px #27ae6033;filter:drop-shadow(0 0 15px rgba(39,174,96,.5));transform:translateY(-2px)}.amenity-item-detail svg{color:#27ae60;flex-shrink:0;font-size:14px}.amenity-item-detail span{color:#27ae60;flex:1 1;line-height:1.4}@media (max-width:768px){.amenities-list{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.amenities-list{gap:10px;grid-template-columns:1fr}}.property-additional h3{color:#212529;font-size:20px;font-weight:600;margin-bottom:15px}.additional-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.additional-item{background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.additional-item .label{color:#6c757d;font-weight:500}.additional-item .value{color:#27ae60;font-weight:600}.additional-item .status.available{color:#28a745}.additional-item .status.rented{color:#dc3545}.property-sidebar{display:flex;flex-direction:column;gap:20px}.contact-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #27ae601a;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 0 20px #27ae6026;overflow:hidden;padding:25px;position:relative}.contact-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#00b095,#27ae60,#00b095);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.contact-card h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:20px}.contact-card h3:before{content:"👤";font-size:18px}.owner-info-detail{background:#fff;border:1px solid #27ae601a;box-shadow:0 4px 16px #0000000f;gap:15px;padding:20px;text-align:center;transition:all .3s ease}.owner-info-detail:hover{box-shadow:0 8px 24px #00b09526;transform:translateY(-2px)}.owner-avatar-detail{flex-shrink:0;position:relative}.owner-avatar-detail img{border:3px solid #00b095;border-radius:50%;box-shadow:0 4px 20px #00b0954d,0 0 30px #27ae6033;filter:drop-shadow(0 0 15px rgba(39,174,96,.4));height:65px;object-fit:cover;transition:all .3s ease;width:65px}.owner-avatar-detail img:hover{box-shadow:0 6px 25px #00b09566,0 0 40px #27ae604d;transform:scale(1.05)}.owner-avatar-detail:after{align-items:center;background:#27ae60;border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 2px 8px #27ae6066;color:#fff;content:"✓";display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.owner-details{flex:1 1;flex-direction:column;gap:8px}.owner-details,.owner-details h4{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.owner-details h4{background:linear-gradient(135deg,#00b095,#27ae60);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:18px;font-weight:700;margin:0}.owner-role{align-self:center;background:#27ae601a;border:1px solid #27ae6033;border-radius:20px;color:#6c757d;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-align:center;text-transform:uppercase}.contact-buttons{display:flex;flex-direction:column;gap:12px}.contact-btn{align-items:center;border:2px solid #0000;border-radius:12px;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:14px 18px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.contact-btn:hover:before{left:100%}.phone-btn{background:linear-gradient(135deg,#00b095,#009688);border-color:#00b095;box-shadow:0 4px 15px #00b0954d;color:#fff}.phone-btn:hover{background:linear-gradient(135deg,#009688,#00897b);box-shadow:0 8px 25px #00b09566;color:#fff;transform:translateY(-3px)}.phone-btn svg{animation:ring 2s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%{transform:rotate(10deg)}}.email-btn{background:linear-gradient(135deg,#027bf4,#0056b3);border-color:#027bf4;box-shadow:0 4px 15px #027bf44d;color:#fff}.email-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 8px 25px #027bf466;color:#fff;transform:translateY(-3px)}.email-btn svg{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.featured-properties,.related-properties{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;padding:20px}.featured-properties h3,.related-properties h3{color:#212529;font-size:18px;font-weight:600;margin-bottom:15px}.featured-list,.related-list{display:flex;flex-direction:column;gap:15px}.featured-item,.related-item{border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s ease}.featured-item:hover,.related-item:hover{background:#f8f9fa}.featured-image,.related-image{border-radius:6px;flex-shrink:0;height:60px;overflow:hidden;width:80px}.featured-image img,.related-image img{height:100%;object-fit:cover;width:100%}.featured-image .no-image,.related-image .no-image{align-items:center;background:#f8f9fa;color:#6c757d;display:flex;height:100%;justify-content:center}.featured-info,.related-info{flex:1 1}.featured-title,.related-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#212529;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.3;margin:0 0 4px;overflow:hidden}.featured-price,.related-price{color:#dc3545;font-size:14px;font-weight:700;margin:0 0 4px}.featured-location{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:4px}.featured-location svg{color:#6c757d;font-size:14px;margin-top:-10px}.related-meta{color:#6c757d;display:flex;font-size:12px;gap:12px}.related-meta span{align-items:center;display:flex;gap:4px}.modal-content-enhanced{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:80vh;max-width:100%;overflow:hidden;position:relative;top:5vh;width:1300px}.close-modal-enhanced{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0!important;position:absolute;right:0;top:0;transition:all .3s ease;width:40px;z-index:1001}.close-modal-enhanced:hover{background:#000000e6}.modal-header-detail{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:20px 20px 0}.modal-tabs{display:flex;gap:0}.modal-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-weight:500;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.modal-tab:before{background:linear-gradient(90deg,#0000,#00b0951a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.modal-tab:hover:before{left:100%}.modal-tab:hover{background:#00b0951a;color:#00b095;transform:translateY(-2px)}.modal-tab.active{background:#fff;border-bottom-color:#27ae60;box-shadow:0 4px 12px #27ae6026;color:#27ae60;font-weight:700;transform:translateY(-1px)}.modal-tab svg{font-size:16px}.modal-body-detail{flex:1 1;overflow:hidden;padding:0;position:relative}.modal-body-detail,.tab-content{display:flex;flex-direction:column}.tab-content{bottom:0;left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}.tab-content.active{opacity:1;pointer-events:all;transform:translateX(0)}.tab-content.fade-out{opacity:0;transform:translateX(-30px);transition:all .3s cubic-bezier(.4,0,.2,1)}.images-tab{display:flex;flex-direction:column;gap:6px;height:100%;overflow:hidden}.modal-image-container{border-radius:8px;flex:1 1;margin-bottom:8px;max-height:calc(100% - 160px);min-height:430px;position:relative}.modal-image-container img{background:#000;height:100%;object-fit:contain;width:100%}.image-counter-modal{background:#000000b3;border-radius:4px;bottom:15px;color:#fff;font-size:14px;padding:6px 12px;position:absolute;right:15px}.modal-image-navigation{align-items:center;display:flex;flex-shrink:0;height:50px;justify-content:space-between;margin-bottom:6px;padding:0 20px}.modal-nav-btn{align-items:center;background:#00b095;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;min-width:110px;padding:10px 16px;transition:all .3s ease}.modal-nav-btn:hover{background:#009581;transform:translateY(-2px)}.modal-nav-btn:active{transform:translateY(0)}.prev-btn-modal{justify-content:flex-start}.next-btn-modal{justify-content:flex-end}.modal-nav-btn svg{font-size:16px}.modal-nav-btn:disabled{color:#6c757d;cursor:not-allowed}.modal-nav-btn:disabled,.modal-nav-btn:disabled:hover{background:#dee2e6;transform:none}.modal-thumbnail{height:45px;transition:all .3s ease}.videos-tab{bottom:0;left:0;overflow-y:none;padding:20px;position:absolute;right:0;top:0}.videos-container,.videos-tab{display:flex;flex-direction:column}.videos-container{gap:20px;padding:0}.video-item{border-radius:8px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-item video{max-height:65vh;object-fit:contain;width:100%}.map-tab,.video-item video{left:0;position:absolute;top:0}.map-tab{border-radius:8px;bottom:0;display:flex;flex-direction:column;overflow:hidden;padding:20px;right:0}.map-tab .leaflet-container{border-radius:8px;flex:1 1}.map-popup h4{color:#212529;font-size:16px;margin:0 0 8px}.map-popup p{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:6px;margin:4px 0}.map-popup svg{color:#00b095}.no-content{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.no-content svg{color:#dee2e6;font-size:48px}.no-content p{font-size:16px;margin:0}@media (max-width:768px){.modal-content-enhanced{height:90%;max-width:none;width:95%}.modal-tabs{flex-wrap:wrap}.modal-tab{font-size:14px;padding:10px 16px}.modal-tab span{display:none}.close-modal-enhanced{height:36px;left:10px;top:10px;width:36px}.modal-body-detail{padding:0}.tab-content{padding:15px}.modal-image-navigation{flex-direction:column;gap:10px;margin-bottom:10px;padding:0 10px}.modal-nav-btn{min-width:auto;padding:10px 16px;width:100%}.modal-nav-btn,.next-btn-modal,.prev-btn-modal{justify-content:center}.modal-thumbnails{min-height:55px;padding:5px 10px}.modal-thumbnail{height:38px;width:50px}}.image-modal{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{max-height:90%;max-width:90%;position:relative}.close-modal{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:0;top:-40px;z-index:1001}.modal-image{max-height:calc(90vh - 100px);position:relative}.modal-image img{max-height:100%;max-width:100%;object-fit:contain}.modal-nav{align-items:center;background:#00af0fb3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;padding:0!important;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.modal-nav:hover{background:#006400;transform:translateY(-50%) scale(1.1)}.modal-nav svg{color:#fff;height:20px;width:20px}.modal-nav.prev{left:-17px}.modal-nav.next{right:-17px}.modal-thumbnails{display:flex;gap:8px;justify-content:center;overflow-x:auto;padding:0 20px}.modal-thumbnail{border:2px solid #0000;border-radius:4px;cursor:pointer;flex-shrink:0;height:35px;overflow:hidden;width:60px}.modal-thumbnail.active{border-color:#00b095}.modal-thumbnail img{height:100%;object-fit:cover;width:100%}.meta-item-meta{color:#6c757d;font-size:14px;gap:8px;margin-bottom:8px}.meta-item-meta span{white-space:nowrap}.meta-item-meta i{color:#00b095}@media (max-width:768px){.property-detail-content{gap:20px;grid-template-columns:1fr}.property-sidebar{order:-1}.property-title-detail{font-size:24px}.additional-grid,.property-highlights{grid-template-columns:1fr}.main-image{height:250px}.modal-nav.prev{left:10px}.modal-nav.next{right:10px}.modal-thumbnails{flex-wrap:wrap}.video-play-overlay{font-size:8px;height:20px;width:20px}.thumbnail.video-thumbnail{border-width:1px}.contact-card{margin-bottom:15px;padding:20px}.contact-card h3{font-size:18px;margin-bottom:15px}.owner-info-detail{gap:10px;padding:15px}.owner-avatar-detail img{height:55px;width:55px}.owner-details h4{font-size:16px}.owner-count-property,.owner-createDate{font-size:13px;padding:6px 10px}.contact-btn{font-size:14px;padding:12px 16px}}@media (max-width:480px){.contact-card{padding:15px}.owner-info-detail{align-items:center;flex-direction:column;padding:12px;text-align:center}.owner-details{align-items:center;width:100%}.owner-count-property,.owner-createDate{font-size:12px;justify-content:center;padding:5px 8px;width:100%}.contact-buttons{gap:10px;width:100%}.contact-btn{font-size:13px;letter-spacing:.3px;padding:12px}}.property-mini-map{margin-top:20px}.mini-map-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative}.mini-map-container .leaflet-container{border-radius:12px}.map-overlay{align-items:center;background:#0000001a;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1000}.map-overlay:hover{background:#0000004d;opacity:1}.view-larger-map{align-items:center;background:#fffffff2;border:2px solid #00b095;border-radius:25px;box-shadow:0 4px 12px #0003,0 0 20px #27ae604d;color:#00b095;display:flex;filter:drop-shadow(0 0 15px rgba(39,174,96,.4));font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.view-larger-map:hover{background:#00b095;box-shadow:0 6px 20px #00b0954d,0 0 30px #27ae6080,0 0 50px #27ae604d;color:#fff;filter:drop-shadow(0 0 25px rgba(39,174,96,.6));transform:translateY(-2px)}.view-larger-map svg{font-size:12px}@media (max-width:768px){.mini-map-container{border-radius:8px}.mini-map-container .leaflet-container{border-radius:8px;height:150px!important}.view-larger-map{font-size:13px;padding:10px 16px}}.share-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.share-modal{animation:modalSlideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:450px;overflow-y:auto;position:relative;width:90%}.owner-info-detail{align-items:center;background:linear-gradient(135deg,#27ae600d,#00b0950d);border:1px solid #27ae6026;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.owner-count-property{align-items:center;background:linear-gradient(135deg,#f39c121a,#ffc1071a);border:1px solid #f39c124d;border-radius:20px;color:#f39c12;display:flex;font-size:14px;font-weight:600;gap:6px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s ease;white-space:nowrap}.owner-count-property svg{color:#e67e22;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:16px}.owner-count-property:before{margin-right:4px}.owner-count-property:hover{background:linear-gradient(135deg,#f39c1226,#ffc10726);box-shadow:0 4px 12px #f39c124d;transform:translateY(-1px)}.owner-createDate{align-items:center;background:linear-gradient(135deg,#6c757d1a,#868e961a);border:1px solid #6c757d33;border-radius:20px;color:#6c757d;display:flex;font-size:14px;font-weight:700;gap:6px;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.owner-createDate svg{color:#27ae60;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:16px}.owner-createDate:before{margin-right:4px}.owner-createDate:hover{background:linear-gradient(135deg,#6c757d26,#868e9626);box-shadow:0 4px 12px #6c757d33;transform:translateY(-1px)}@keyframes modalSlideUp{0%{opacity:0;transform:translate(-50%,-50%) translateY(50px) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}}.share-modal-header{align-items:center;background:linear-gradient(135deg,#00b095,#1cb9a1);border-bottom:1px solid #e9ecef;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.share-modal-header h3{align-items:center;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.close-share-modal{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:5px;transition:all .3s ease;width:32px}.close-share-modal:hover{background:#fff3;transform:rotate(90deg)}.share-modal-body{padding:24px}.share-property-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:15px;margin-bottom:24px;padding:16px}.share-property-image{border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:80px}.share-property-image img{height:100%;object-fit:cover;width:100%}.no-image-placeholder{background:#e9ecef;font-size:20px}.share-property-info{flex:1 1}.share-property-info h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden}.share-price{color:#00b095;font-size:13px;font-weight:600;margin:0 0 6px}.share-location{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:4px;margin:0}.share-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.share-option{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:14px 16px;text-decoration:none;transition:all .3s ease}.share-option:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.share-option i{font-size:18px}.share-option.copy-link{border-color:#495057;color:#495057}.share-option.copy-link:hover{background:#495057;color:#fff}.share-option.facebook{border-color:#1877f2;color:#1877f2}.share-option.facebook:hover{background:#1877f2;color:#fff}.share-option.zalo{border-color:#0068ff;color:#0068ff}.share-option.zalo:hover{background:#0068ff;color:#fff}.share-option.twitter{border-color:#1da1f2;color:#1da1f2}.share-option.twitter:hover{background:#1da1f2;color:#fff}.share-option.telegram{border-color:#08c;color:#08c}.share-option.telegram:hover{background:#08c;color:#fff}.share-option.whatsapp{border-color:#25d366;color:#25d366}.share-option.whatsapp:hover{background:#25d366;color:#fff}.share-option.email{border-color:#dc3545;color:#dc3545}.share-option.email:hover{background:#dc3545;color:#fff}@media (max-width:768px){.share-modal{margin:20px;width:95%}.share-modal-header{padding:16px 20px}.share-modal-header h3{font-size:16px}.share-modal-body{padding:20px}.share-property-preview{flex-direction:column;text-align:center}.share-property-image{align-self:center;height:120px;width:100%}.share-options{grid-template-columns:1fr}.share-option{font-size:15px;padding:16px}}.search-suggestions-section{background:#f8f9fa;border-radius:10px;border-top:1px solid #e9ecef;margin-top:40px;padding:30px 0}.search-suggestions-container{margin:0 auto;max-width:1200px;padding:0 20px}.search-suggestions-section h3{align-items:center;color:#2c3e50;display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:25px}.search-suggestions-section h3 svg{color:#00b095;font-size:20px}.suggestions-list{display:flex;flex-wrap:wrap;gap:12px}.suggestion-tag{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #00b095;border-radius:25px;box-shadow:0 2px 8px #00b0951a;color:#00b095;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.suggestion-tag:hover{background:linear-gradient(135deg,#00b095,#009688);box-shadow:0 4px 15px #00b0954d;color:#fff;transform:translateY(-2px)}.nearby-properties-section{background:#fff;border-radius:10px;border-top:1px solid #e9ecef;margin-top:20px;padding:40px 0}.nearby-properties-container{margin:0 auto;max-width:1200px;padding:0 20px}.nearby-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.nearby-header h3{align-items:center;color:#2c3e50;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.nearby-header h3 svg{color:#00b095;font-size:20px}.nearby-count{color:#6c757d;font-size:16px;font-weight:400;margin-left:8px}.carousel-controls{display:flex;gap:8px}.carousel-btn{align-items:center;background:#fff;border:2px solid #00b095;border-radius:50%;box-shadow:0 2px 8px #00b09533;color:#00b095;cursor:pointer;display:flex;font-size:18px;height:45px;justify-content:center;transition:all .3s ease;width:45px}.carousel-btn:hover:not(:disabled){background:#00b095;color:#fff;transform:scale(1.05)}.carousel-btn:disabled{background:#f8f9fa;border-color:#dee2e6;box-shadow:none;color:#6c757d;cursor:not-allowed;transform:none}.nearby-carousel{border-radius:12px;overflow:hidden}.nearby-carousel-track{display:flex;width:100%}.nearby-card{border:3px solid #00b095;border-radius:16px;box-sizing:border-box;cursor:pointer;flex:0 0 280px;margin-right:20px;overflow:hidden;padding:0 10px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:280px}.nearby-card:before{background:linear-gradient(135deg,#00b0951a,#27ae601a);border-radius:16px;bottom:0;content:"";left:10px;opacity:0;position:absolute;right:10px;top:0;transition:all .4s ease;z-index:-1}.nearby-card:hover:before{opacity:1;transform:scale(1.02)}.nearby-card:hover{box-shadow:0 20px 40px #00b09533;transform:translateY(-8px)}.nearby-card-image{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px 16px 8px 8px;box-shadow:0 8px 30px #00000026;height:180px;margin-bottom:2px;overflow:hidden;position:relative;width:100%}.nearby-card-image:before{background:linear-gradient(135deg,#00b0951a,#27ae601a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.nearby-card:hover .nearby-card-image:before{opacity:1}.nearby-card-image img{height:100%;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.nearby-card:hover .nearby-card-image img{transform:scale(1.08)}.no-image-placeholder{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-size:40px}.promoted-badge{background:linear-gradient(135deg,#ff6b6b,#ff5252);box-shadow:0 2px 8px #ff6b6b4d;right:12px}.promoted-badge,.quick-rent-badge{border-radius:15px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;top:12px}.quick-rent-badge{animation:pulse-green 2s ease-in-out infinite;background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 2px 8px #27ae604d;left:12px}@keyframes pulse-green{0%,to{box-shadow:0 2px 8px #27ae604d;transform:scale(1)}50%{box-shadow:0 4px 12px #27ae6080;transform:scale(1.05)}}.comments-section-wrapper{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.support-staff-section{margin:40px 0;padding:0 20px}.support-staff-container{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #27ae601a;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:30px;position:relative;text-align:center}.support-staff-container:before{animation:gradientFlow 3s ease-in-out infinite;background:linear-gradient(90deg,#27ae60,#2ecc71,#27ae60);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.per-month-property-detail{font-size:14px;font-weight:700;margin-left:5px}.label-price-detail{align-items:center;display:flex;flex-direction:row}.gia-thue{align-items:flex-start;display:flex;flex-direction:column}.price-detail{color:#27ae60}@keyframes gradientFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.support-staff-image{display:flex;flex-shrink:0;justify-content:center;margin-bottom:20px;margin-right:0}.staff-avatar{border:4px solid #27ae60;border-radius:50%;box-shadow:0 8px 25px #27ae604d;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.staff-avatar:hover{box-shadow:0 12px 35px #27ae6066;transform:scale(1.05)}.support-staff-content{flex:1 1;text-align:center}.support-staff-content h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:12px;position:relative}.support-staff-content h3:after{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:2px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.support-staff-content p{color:#6c757d;font-size:16px;line-height:1.6;margin-bottom:20px;text-align:center}.support-contact{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.contact-item,.contact-item-zalo{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:25px;box-shadow:0 4px 15px #27ae604d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 18px;transition:all .3s ease}.contact-item-zalo{background:linear-gradient(135deg,#0068ff,#0056cc);box-shadow:0 4px 15px #0068ff4d}.contact-item:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 8px 25px #27ae6066;transform:translateY(-2px)}.contact-item-zalo:hover{background:linear-gradient(135deg,#0056cc,#004bb5);box-shadow:0 8px 25px #0068ff66;transform:translateY(-2px)}.contact-icon{font-size:16px}@media (max-width:768px){.support-staff-container{padding:25px 20px}.support-staff-image{margin-bottom:15px}.staff-avatar{height:100px;width:100px}.support-staff-content h3{font-size:20px}.support-contact{gap:15px;justify-content:center}.contact-item{font-size:14px;padding:10px 16px}}.nearby-card-content{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #00b0951a;border-radius:8px 8px 16px 16px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;overflow:hidden;padding:18px 14px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.nearby-card-content:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#00b095,#27ae60,#00b095);background-size:200% 100%;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nearby-card:hover .nearby-card-content:before{opacity:1}.nearby-card:hover .nearby-card-content{background:linear-gradient(135deg,#fff,#f0fff4);border-color:#00b0954d;box-shadow:0 12px 40px #00b09533}.nearby-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#00b095;display:-webkit-box;font-size:15px;font-weight:700;height:42px;line-height:1.4;margin:0 0 10px;overflow:hidden;position:relative;transition:color .3s ease;word-break:break-word}.nearby-card:hover .nearby-card-title{color:#00b095}.nearby-card-price{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);-webkit-background-clip:text;background-clip:text;display:flex;flex-shrink:0;font-size:16px;font-weight:800;margin:0 0 10px;position:relative;transition:all .3s ease}.nearby-card-price:before{content:"💰";font-size:14px;margin-right:6px;opacity:.8}.nearby-card:hover .nearby-card-price{transform:scale(1.02)}.nearby-card-location{align-items:flex-start;background:#6c757d1a;border:1px solid #6c757d33;border-radius:20px;color:#00b095;display:flex;font-size:13px;gap:6px;line-height:1.3;margin:0 0 10px;overflow:hidden;padding:6px 10px;transition:all .3s ease}.nearby-card:hover .nearby-card-location{background:#00b0951a;border-color:#00b0954d;color:#00b095}.nearby-card-location svg{flex-shrink:0;font-size:12px;margin-top:1px;transition:color .3s ease}.nearby-card:hover .nearby-card-location svg{color:#00b095}.nearby-card-meta{border-bottom:1px solid #00b0951a;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;margin-bottom:12px;padding:8px 0}.meta-item-meta{align-items:center;background:#6c757d14;border:1px solid #6c757d1a;border-radius:12px;color:#00b095;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;transition:all .3s ease}.nearby-card:hover .meta-item-meta{background:#00b0951a;border-color:#00b09533;color:#00b095}.meta-item-meta svg{flex-shrink:0;font-size:11px;transition:color .3s ease}.nearby-card:hover .meta-item-meta svg{color:#00b095}.meta-item-detail-address{color:#6c757d;font-size:11px;gap:3px}.meta-item-detail-address svg{color:#27ae60;font-size:16px}.meta-item-detail-address span{color:#27ae60;font-size:16px;font-weight:700}.meta-item-stats{align-items:center;color:#6c757d;display:flex;font-size:14px;font-weight:700;gap:3px}.meta-item-stats svg{align-items:center;color:#27ae60;font-size:14px}.nearby-card-date{align-items:center;background:#95a5a61a;border:1px solid #95a5a633;border-radius:15px;color:#00b095;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;margin-top:auto;padding:6px 10px;position:relative;transition:all .3s ease}.nearby-card-date:before{font-size:12px;margin-right:2px}.nearby-card:hover .nearby-card-date{background:#00b0951a;border-color:#00b0954d;color:#00b095;transform:translateX(2px)}.view-all-nearby{margin-top:30px;text-align:center}.view-all-btn{align-items:center;background:linear-gradient(135deg,#00b095,#009688);border:none;border-radius:25px;box-shadow:0 4px 15px #00b0954d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:15px 30px;transition:all .3s ease}.view-all-btn:hover{box-shadow:0 6px 20px #00b09566;transform:translateY(-2px)}.nearby-loading{color:#6c757d;padding:40px 20px;text-align:center}.nearby-loading .loading-spinner{margin-bottom:15px}.loading-spinner i{color:#00b095;font-size:24px}@media (max-width:1024px){.nearby-card{flex:0 0 250px;width:250px}.carousel-btn:disabled{display:none}}@media (max-width:768px){.search-suggestions-section{padding:25px 0}.nearby-properties-container,.search-suggestions-container{padding:0 15px}.nearby-header h3,.search-suggestions-section h3{font-size:20px}.suggestion-tag{font-size:13px;padding:10px 16px}.nearby-header{align-items:flex-start;flex-direction:column;gap:20px}.nearby-card{flex:0 0 220px;width:220px}.nearby-card-image{height:140px}.nearby-card-content{height:140px;padding:12px}.nearby-card-title{font-size:13px;height:34px}.nearby-card-price{font-size:15px}}@media (max-width:480px){.suggestions-list{gap:8px}.suggestion-tag{font-size:12px;padding:8px 12px}.nearby-card{flex:0 0 200px;width:200px}.nearby-card-content{height:130px}.nearby-card-image{height:120px}.carousel-controls{margin-top:15px}}.report-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:70px;z-index:1000}.report-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.report-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.report-modal-header h3{color:#dc3545;font-weight:600;gap:12px;margin:0}.close-report-modal,.report-modal-header h3{align-items:center;display:flex;font-size:20px}.close-report-modal{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.close-report-modal:hover{background-color:#f8f9fa;color:#dc3545}.report-modal-body{padding:0 24px}.report-property-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.report-property-image{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.report-property-image img{height:100%;object-fit:cover;width:100%}.no-image-placeholder{align-items:center;background:#dee2e6;color:#6c757d;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.report-property-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.report-property-info h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#212529;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.report-price{color:#dc3545;font-size:14px;font-weight:600;margin:0}.report-location{align-items:center;color:#6c757d;display:flex;font-size:13px;gap:6px;margin:0;overflow:hidden;text-overflow:ellipsis}.report-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#495057;font-size:14px}.reason-options{display:flex;flex-direction:column;gap:12px;margin-top:10px}.reason-option{align-items:center;background:#d8d8d8;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.reason-option:hover{background:#f8fffe;border-color:#00b095}.reason-option input[type=radio]{accent-color:#00b095;cursor:pointer;height:18px;width:18px}.reason-option input[type=radio]:checked+span{color:#00b095;font-weight:600}.reason-option span{color:#495057;font-size:14px;transition:all .2s ease}.form-group input[type=email],.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;min-height:44px;padding:12px 16px;resize:vertical;transition:border-color .2s ease}.form-group input[type=email]:focus,.form-group textarea:focus{border-color:#00b095;box-shadow:0 0 0 3px #00b0951a;outline:none}.form-group input[type=email]::placeholder,.form-group textarea::placeholder{color:#adb5bd}.form-group-report{color:#02a027;font-size:13px;margin-bottom:10px;margin-top:10px}.captcha-container{align-items:center;display:flex;gap:12px}.captcha-question{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;display:flex;gap:8px;justify-content:center;min-width:120px;padding:12px 16px}.captcha-text{color:#495057;font-family:Courier New,monospace;font-size:16px;font-weight:600}.refresh-captcha{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.refresh-captcha:hover{background:#e9ecef;color:#00b095}.captcha-input{border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:12px 16px;text-align:center}.captcha-input:focus{border-color:#00b095;box-shadow:0 0 0 3px #00b0951a;outline:none}.report-modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:24px}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:44px;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#5a6268}.btn-submit{background:#dc3545;color:#fff}.btn-submit:hover:not(:disabled){background:#c82333}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.report-modal-overlay{padding:10px}.report-modal{max-height:95vh}.report-modal-body,.report-modal-footer,.report-modal-header{padding-left:16px;padding-right:16px}.report-property-preview{flex-direction:column;text-align:center}.report-property-image{align-self:center;height:100px;width:100px}.captcha-container{align-items:stretch;flex-direction:column}.captcha-question{justify-content:center}.report-modal-footer{flex-direction:column}.btn-cancel,.btn-submit{justify-content:center;width:100%}}.comments-section-wrapper .container{margin:0 auto;max-width:1200px}.comments-section-wrapper .comments-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #3c40434d;margin:0;overflow:hidden}@media (max-width:768px){.comments-section-wrapper{margin-top:2rem;padding:1.5rem 0}.comments-section-wrapper .container{padding:0 1rem}.comments-section-wrapper .comments-section{border-radius:4px}}.post-type-badge-property-detail,.post-type-container-detail{align-items:center;display:inline-flex}.post-type-container-detail{border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:12px;font-weight:600;gap:3px;padding:4px 8px}.post-type-label-property-detail{background:none!important;border:none!important;color:inherit!important;font-size:inherit;font-weight:inherit;margin:0;padding:0}.post-type-star{color:inherit;font-size:10px;text-shadow:0 1px 2px #0000004d}.post-type-stars-property-detail{color:#ffc107;display:flex;gap:1px}.post-type-thuong-property-detail{color:#6c757d;font-weight:900}.post-type-vip-1-property-detail{color:#e83e8c;font-weight:900}.post-type-vip-2-property-detail{color:#fd7e14;font-weight:900}.post-type-vip-3-property-detail{color:#27ae60;font-weight:900}.post-type-vip-noi-bat-property-detail{color:#dc3545;font-weight:900}.post-type-vip-dac-biet-property-detail{color:#8b0000;font-weight:900}.directions-link{align-items:center;border:1px solid #0000;border-radius:4px;color:#007bff;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-left:8px;padding:4px 8px;text-decoration:none;transition:all .3s ease}.directions-link:hover{background-color:#007bff1a;border-color:#007bff33;color:#0056b3;text-decoration:underline;transform:translateY(-1px)}.directions-link i{color:#28a745;font-size:12px}.directions-link:hover i{color:#1e7e34}.meta-item-detail-address{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.meta-item-detail-address span{flex:1 1}.report-management{background:#f8fafc;min-height:100vh}.search-box-report-management{align-items:center;display:flex;position:relative}.clear-search-btn-report-management{align-items:center;background:linear-gradient(135deg,#fff0f0,#c9c9c9);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0!important;position:absolute;right:14px;transition:all .2s ease;width:24px}.clear-search-btn-report-management:hover{box-shadow:0 2px 8px #ef44444d;transform:scale(1.1)}.clear-search-btn-report-management i{color:red;margin-left:5px}@media (max-width:768px){.rooms-header{align-items:stretch;flex-direction:column}.header-search{margin-left:0;max-width:none}.status-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.status-tab{flex-shrink:0}}.stats-grid .stat-card.resolved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;color:#fff}.stats-grid .stat-card.dismissed{background:linear-gradient(135deg,#fecaca,#fca5a5);border-left:4px solid #ef4444}.status-badge-report{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.status-pending-report{background:#fef3c7;color:#92400e}.status-resolved-report{background:#d1fae5;color:#065f46}.status-dismissed-report{background:#f3f4f6;color:#374151}.clickable-title{color:#007bff!important;cursor:pointer;text-decoration:underline;transition:color .2s ease}.clickable-title:hover{color:#0056b3!important;text-decoration:underline}.property-title-link{cursor:pointer;transition:color .2s ease}.property-title-link:hover{color:#0056b3!important}.deleted-property-info{display:flex;flex-direction:column;gap:6px}.deleted-title{color:#cf0700!important;font-style:italic;font-weight:500}.deleted-badge{align-items:center;background:#fef2f2;border-radius:12px;color:#dc2626;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.deleted-property-detail{display:flex;flex-direction:column;gap:8px}.deleted-title-text{color:red;font-style:italic;font-weight:500}.deleted-status{align-items:center;background:#fef2f2;color:#dc2626;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.deleted-status,.severity-badge{border-radius:12px;font-weight:600}.severity-badge{display:inline-block;font-size:11px;letter-spacing:.5px;margin-top:4px;padding:3px 8px;text-transform:uppercase}.severity-low{background:#dbeafe;color:#1e40af}.severity-medium{background:#fed7aa;color:#ea580c}.severity-high{background:#fecaca;color:#dc2626}.reports-list-table{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-bottom:24px;overflow:hidden}.reports-table{border-collapse:collapse;width:100%}.reports-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0)}.reports-table th{color:#1a202c;color:var(--text-primary,#1a202c);font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 20px;position:relative;text-transform:uppercase;white-space:nowrap}.reports-table th:first-child{width:20%}.reports-table th:nth-child(2){width:15%}.reports-table th:nth-child(3),.reports-table th:nth-child(4){width:20%}.reports-table th:nth-child(5){width:10%}.reports-table th:nth-child(6){width:15%}.reports-table td{border-bottom:1px solid #e5e7eb;padding:16px 20px;vertical-align:top}.report-row:hover{background:#f9fafb}.property-cell{max-width:250px}.property-info .property-title-report{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 15px;min-height:50px;overflow:hidden;text-shadow:0 1px 2px #0000001a}.property-meta{align-items:center;display:flex;gap:8px;justify-content:flex-start}.property-meta .property-id{background:#ac0c0c14;border-radius:4px;color:#c70000;font-size:14px;font-weight:700;margin-top:10px;padding:2px 6px}.property-title-report,.reporter-info .reporter-name{color:#1f2937;font-size:14px;font-weight:600}.reporter-info .reporter-name{margin-bottom:2px}.reporter-info .reporter-email{color:#6b7280;cursor:help;display:block;font-size:12px;margin-bottom:4px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reporter-info .report-date{color:#27ae60;font-size:14px;font-weight:700}.reason-severity-cell{max-width:200px}.reason-text{background:#fef2f2;background:var(--red-50,#fef2f2);border-radius:3px;color:#dc2626;color:var(--red-600,#dc2626);display:inline-block;font-size:14px;margin-top:5px;max-width:100%;word-break:break-word}.reason-text span{color:#ca1d1d!important;font-weight:700}.action-buttons-compact{display:flex;gap:4px}.action-buttons-compact i{margin-left:5px}.btn-action{font-size:12px;height:32px;width:32px}.btn-action.view{background:#e0e7ff;color:#3730a3}.btn-action.view:hover{background:#c7d2fe}.btn-action.dismiss{background:#2ecc71;color:#fff}.btn-action.dismiss:hover{background:#00410e}.btn-action.warning{background:#fef3c7;color:#d97706}.btn-action.warning:hover{background:#fde68a}.btn-action.hide{background:#fecaca;color:#dc2626}.btn-action.hide:hover{background:#fca5a5}.modal-overlay-report{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.report-detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 64px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90vw}.modal-header-report{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.modal-header-report h2{font-size:20px;font-weight:700;margin:0}.close-btn-report{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn-report:hover{background:#ffffff4d}.modal-content-report{overflow-y:auto;padding:32px}.modal-content-report p{padding:12px}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.detail-header h4{color:#1f2937;font-size:18px;font-weight:600;margin:0}.detail-grid-report{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:32px}.detail-item-report{display:flex;flex-direction:column;gap:4px}.detail-item-report.full-width{grid-column:1/-1}.detail-item-report strong{color:#374151;font-size:14px;font-weight:600}.detail-item-report p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.modal-actions-report{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.btn-report{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-dismiss{background:#068d0d;color:#fff}.btn-dismiss:hover{background:#006400}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-hide{background:#dc2626;color:#fff}.btn-hide:hover{background:#b91c1c}.modal-overlay-action{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.action-modal{animation:modalSlideIn .3s ease-out forwards;background:#fff;border-radius:20px;box-shadow:0 25px 80px #00000040;display:flex;flex-direction:column;max-width:550px;overflow:hidden;transform:scale(.9);width:90vw}.modal-header-action{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:28px 32px;position:relative}.modal-header-action:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-header-action h3{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0}.modal-header-action h3:before{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;content:"";display:flex;font-family:FontAwesome;font-size:14px;height:28px;justify-content:center;width:28px}.modal-header-action h3[data-action=dismiss]:before{background:#10b98133;content:"\f05e"}.modal-header-action h3[data-action=warning]:before{background:#f59e0b33;content:"\f071"}.modal-header-action h3[data-action=hide]:before{background:#ef444433;content:"\f070"}.modal-header-action .close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .2s ease;width:42px}.modal-header-action .close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.action-modal .modal-content{background:#fafbfc;border-bottom:1px solid #e5e7eb;padding:32px}.action-modal .modal-content p{color:#4b5563;font-size:15px;line-height:1.6;margin:0 0 16px}.action-modal .modal-content p:last-of-type{margin-bottom:24px}.action-modal .modal-content p strong{color:#1f2937;font-weight:600}.action-reason-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-family:inherit;font-size:15px;margin-top:12px;min-height:120px;padding:16px 20px;resize:vertical;transition:all .2s ease;width:100%}.action-reason-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26,0 4px 12px #0000001a;outline:none;transform:translateY(-1px)}.action-reason-input::placeholder{color:#9ca3af;font-style:italic}.action-modal .modal-actions-report{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:flex-end;padding:24px 32px}.action-modal .modal-actions-report .btn-report-cancel{background:linear-gradient(135deg,#f48201,#d67200)}.action-modal .modal-actions-report .btn-report-cancel,.action-modal .modal-actions-report .btn-report-success{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;overflow:hidden;padding:14px 28px;position:relative;transition:all .2s ease}.action-modal .modal-actions-report .btn-report-success{background:linear-gradient(135deg,#1d7c25a9,#05a548)}.action-modal .modal-actions-report .btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.action-modal .modal-actions-report .btn:active{transform:translateY(0)}.action-modal .modal-actions-report .btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.action-modal .modal-actions-report .btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151)}.action-modal .modal-actions-report .btn-warning{background:linear-gradient(135deg,#1d7c25a9,#05a548);color:#fff}.action-modal .modal-actions-report .btn-warning:hover{background:#006400}.action-modal .modal-actions-report .btn-danger{background:linear-gradient(135deg,#1d7c25a9,#05a548);color:#fff}.action-modal .modal-actions-report .btn-danger:hover{background:#006400}.action-modal .modal-actions-report .btn:disabled{box-shadow:0 2px 8px #0000000d!important;cursor:not-allowed;opacity:.6;transform:none!important}.action-modal .modal-actions .btn i{font-size:16px}.clear-search-btn-report{background:none;border:none;color:#999;cursor:pointer;font-size:16px!important;padding:0!important;position:absolute;right:70px;top:7px;z-index:2}.clear-search-btn-report i:hover{color:#005ef5}.search-btn-report{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 2px 8px #3498db33;color:#fff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.search-btn-report i{align-items:center;color:#e7dfdf!important;left:7px!important}.search-btn-report:hover{background:linear-gradient(135deg,#2980b9,#1f5e8c);box-shadow:0 4px 12px #3498db4d;transform:scale(1.1)}.stat-card.resolved .stat-icon{background:linear-gradient(135deg,#27ae60,#2ecc71)}.stat-card.dismissed .stat-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}@media (max-width:768px){.detail-grid-report{grid-template-columns:1fr}.modal-actions-report{flex-direction:column}.btn-report{justify-content:center}.action-buttons-compact{flex-direction:column}.reports-table{font-size:12px}.reports-table td,.reports-table th{padding:12px 16px}.action-modal{margin:20px;width:95vw}.modal-header-action{padding:20px 24px}.modal-header-action h3{font-size:18px}.action-modal .modal-content{padding:24px}.action-modal .modal-actions{flex-direction:column;gap:12px;padding:20px 24px}.action-modal .modal-actions .btn{justify-content:center;width:100%}.action-reason-input{font-size:14px;min-height:100px;padding:12px 16px}}.owner-property-cell{max-width:200px}.owner-property-info .owner-property-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:2px}.owner-property-info .owner-property-email{color:#6b7280;cursor:help;display:block;font-size:12px;margin-bottom:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-property-info .owner-property-date{color:#9ca3af;font-size:12px}.owner-stats{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.stats-item{align-items:center;background:#f3f4f6;border-radius:12px;color:#374151;display:inline-flex;font-size:14px;font-weight:500;gap:2px;padding:2px 6px}.stats-item.pending{background:#fef3c7;color:#92400e}.stats-item.resolved{background:#d1fae5;color:#065f46}.stats-item i{font-size:10px}.dropdown-menu-container{display:inline-block;position:relative}.btn-action.menu-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;padding:8px 12px;transition:all .2s ease}.btn-action.menu-toggle:hover{background:#e2e8f0;border-color:#cbd5e1;color:#475569}.dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-item{border-bottom:1px solid #f1f5f9}.dropdown-menu-item:last-child{border-bottom:none}.menu-item{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.menu-item:hover{background:#f9fafb}.menu-item.view{color:#3b82f6}.menu-item.view:hover{background:#eff6ff;color:#2563eb}.menu-item.dismiss{color:#6b7280}.menu-item.dismiss:hover{background:#f9fafb;color:#4b5563}.menu-item.warning{color:#f59e0b}.menu-item.warning:hover{background:#fffbeb;color:#d97706}.menu-item.hide{color:#ef4444}.menu-item.hide:hover{background:#fef2f2;color:#dc2626}.menu-item i{font-size:14px;text-align:center;width:16px}@media (max-width:768px){.dropdown-menu{min-width:140px}.menu-item{font-size:13px;padding:10px 12px}}.packages-management-container{margin:0 auto;max-width:1400px;padding:2rem}.search-box-properties-packages{align-items:center;display:flex;position:relative}.clear-search-btn-properties-packages{background:linear-gradient(135deg,#f87171,#ef4444)}.clear-search-btn-properties-packages:hover{box-shadow:0 2px 8px #ef44444d;transform:scale(1.1)}.clear-search-btn-properties-packages i{color:red;margin-left:5px}.admin-results-info{background:#f8fafc;border-radius:10px;color:#64748b;margin-bottom:24px}.admin-results-info i{color:#667eea;margin-right:8px}@media (max-width:768px){.rooms-header{align-items:stretch;flex-direction:column}.header-search{margin-left:0;max-width:none}.status-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.status-tab{flex-shrink:0}.package-actions-bar{flex-direction:column}.btn-add-package,.btn-initialize-default{width:100%}}.action-header-properties-packages{display:flex;gap:1rem;justify-content:flex-start;margin-bottom:2rem}.action-header-properties-packages .btn{align-items:center;border-radius:6px;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.action-header-properties-packages .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none;color:#fff}.action-header-properties-packages .btn-primary:hover{background:#00008b}.action-header-properties-packages .btn-secondary{background:#f60;border:none;color:#fff}.action-header-properties-packages .btn-secondary:hover{background:#ff8c00}.packages-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.package-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.package-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.package-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#fff);border-left:4px solid #007bff;display:flex;justify-content:space-between;padding:1.5rem}.package-name h3{align-items:center;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.package-priority{color:#666;font-size:.875rem}.package-status .status-badge-properties-packages{align-items:center;border-radius:16px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:12px;font-weight:700;gap:5px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.status-badge-properties-packages.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge-properties-packages.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-badge-properties-packages{align-items:center;border-radius:16px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:12px;font-weight:700;gap:5px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.package-content{padding:1.5rem}.package-price{gap:.5rem;margin-bottom:1rem}.price-value{color:#28a745;font-size:20px;font-weight:700}.push-count-value{background:#007bff1a;border-radius:4px;font-size:18px;font-weight:700;padding:4px 8px}.price-unit{color:#666;font-size:1rem;font-weight:500}.package-description{margin-bottom:1.5rem}.package-description p{color:#666;line-height:1.6;margin:0}.package-features h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 .75rem}.package-features li{font-size:.9rem;padding:.4rem 0}.package-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.package-actions .btn{align-items:center;border-radius:6px;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#17a2b8,#138496);border:none;color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#138496,#0f6674);transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#dc3545,#c82333);border:none;color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px)}.modal-overlay{background:#0009;padding:2rem;z-index:9999}.modal-container{background:#fff;border-radius:12px;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#0056b3;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-close-package-management{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close-package-management:hover{background:#ffffff4d}.modal-content-properties-packages{padding:2rem}.modal-actions-properties-packages{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:1rem;gap:16px;justify-content:flex-end;padding:1.5rem 2rem}.package-form .form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group input[name=dailyPrice]{background:linear-gradient(90deg,#f8f9fa 0,#fff 20%);font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.5px;padding-right:3rem;position:relative}.form-group input[name=dailyPrice]:after{color:#6c757d;content:"VNĐ";font-size:.9rem;pointer-events:none;position:absolute;right:.75rem}.price-input-wrapper{display:inline-block;position:relative;width:100%}.price-input-wrapper:after{color:#6c757d;content:"VNĐ";font-size:.9rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.form-group textarea{min-height:100px;resize:vertical}.checkbox-group{flex-direction:row}.checkbox-group,.checkbox-label{align-items:center}.feature-input{gap:.5rem;margin-bottom:.5rem}.btn-remove-feature{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 3px 6px #00000040;font-size:18px;height:24px!important;line-height:1;padding:0!important;transition:all .25s ease;width:24px!important;z-index:9999}.feature-input i{margin-right:0}.btn-remove-feature:hover{background:#c82333}.btn-add-feature{font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem}.delete-confirmation{padding:1rem 0;text-align:center}.package-name-delete{color:#dc3545;font-size:1.2rem;font-weight:600;margin:1rem 0}.warning-text{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;gap:.5rem;margin-top:1rem;padding:1rem}.loading-state{color:#666;padding:3rem;text-align:center}.loading-state i{color:#007bff;font-size:2rem;margin-bottom:1rem}.empty-state{color:#666;padding:4rem 2rem;text-align:center}.empty-state i{color:#ddd;font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#333;margin:1rem 0 .5rem}.empty-state p{margin-bottom:2rem}@media (max-width:1200px){.packages-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.packages-management-container{padding:1rem}.packages-grid{gap:1rem}.package-form .form-grid,.packages-grid{grid-template-columns:1fr}.modal-container{margin:1rem;max-height:calc(100vh - 2rem)}.modal-actions-properties-packages,.modal-content-properties-packages,.modal-header{padding:1rem}.action-header,.package-actions{flex-direction:column}.package-actions .btn{width:100%}}@media (max-width:480px){.modal-overlay,.packages-management-container{padding:.5rem}.package-card{margin:.5rem 0}.package-actions,.package-content,.package-header{padding:1rem}.price-value{font-size:1.5rem}}.packages-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:20px;overflow:hidden}.packages-table{border-collapse:collapse;font-size:14px;width:100%}.packages-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0)}.packages-table th{color:#1a202c;color:var(--text-primary,#1a202c);font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px 12px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.packages-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.packages-table tbody tr:hover{background-color:#f8f9fa}.packages-table tbody tr:last-child{border-bottom:none}.packages-table td{border-right:1px solid #f1f3f4;padding:15px 12px;text-align:left;vertical-align:top}.packages-table td:last-child{border-right:none}.package-name-cell h4{align-items:center;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0 0 5px}.package-code{background:#f8f9fa;border-radius:4px;color:#6c757d;display:inline-block;font-family:Courier New,monospace;font-size:.8rem;margin:0 0 8px;padding:2px 6px}.package-description-cell{-webkit-line-clamp:2;-webkit-box-orient:vertical;align-items:center;color:#6c757d;display:-webkit-box;display:flex;font-size:.9rem;line-height:1.4;margin:0;max-width:200px;min-height:2.8em;overflow:hidden;text-align:left;text-overflow:ellipsis}.package-price-cell{color:#007bff;font-size:1.1rem;font-weight:700;text-align:center;white-space:nowrap}.push-count-value{background:#e3f2fd;border-radius:12px;color:#007bff;display:inline-block;font-size:1rem;font-weight:600;padding:.25rem .75rem}.package-priority-cell{text-align:center}.priority-badge{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border-radius:50%;color:#fff;display:inline-flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.priority-badge.priority-1{background:linear-gradient(135deg,#e83e8c,#d91a72)}.priority-badge.priority-2{background:linear-gradient(135deg,#6f42c1,#5a379c)}.priority-badge.priority-3{background:linear-gradient(135deg,#dc3545,#c82333)}.priority-badge.priority-4{background:linear-gradient(135deg,#fd7e14,#e55a00)}.priority-badge.priority-5{background:linear-gradient(135deg,#ffc107,#e0a800)}.priority-badge.priority-6{background:linear-gradient(135deg,#6c757d,#495057)}.package-type-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.package-type-badge.type-normal{background:linear-gradient(135deg,#6c757d,#495057)}.package-type-badge.type-vip{background:linear-gradient(135deg,#fd7e14,#e55a00)}.package-type-badge.type-vip_noi_bat{background:linear-gradient(135deg,#dc3545,#bd2130)}.package-type-badge.type-custom{background:linear-gradient(135deg,#6f42c1,#5a2d91)}.color-preview{align-items:center;display:flex;gap:8px}.color-box{border:2px solid #dee2e6;border-radius:4px;flex-shrink:0;height:24px;width:24px}.color-code{color:#6c757d;font-family:Courier New,monospace;font-size:.8rem;text-transform:uppercase}.features-list{max-width:200px}.feature-item{color:#6c757d;font-size:.85rem;line-height:1.3;margin-bottom:3px}.feature-more{color:#007bff;font-size:.8rem;font-style:italic;margin-top:5px}.no-features{color:#adb5bd;font-size:.85rem;font-style:italic}.package-status-cell{text-align:center}.status-badge-properties-packages.status-package-active{background:#d1fae5;border:1px solid #c3e6cb;color:#065f46;font-size:10px;white-space:nowrap}.status-badge-properties-packages.status-package-inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;font-size:10px}.package-actions-cell{text-align:center;white-space:nowrap}.actions-group{gap:8px}.actions-group,.btn-action{display:flex;justify-content:center}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;font-size:14px;height:36px;transition:all .2s ease;width:36px}.btn-action.btn-edit{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-action.btn-edit:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px)}.btn-action.btn-delete{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-action.btn-delete:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px)}.search-action-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.search-box-container{align-items:center;display:flex;flex:1 1;gap:12px;min-width:300px}.search-input-wrapper{flex:1 1;max-width:400px;position:relative}.search-input{border:2px solid #e9ecef;border-radius:25px;box-shadow:0 2px 4px #0000000d;font-size:14px;padding:12px 16px 12px 45px}.search-input:focus{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.search-input::placeholder{color:#adb5bd;font-style:italic}.search-icon{color:#6c757d;font-size:14px;left:16px;top:50%;transform:translateY(-50%)}.clear-search-btn-properties-packages{align-items:center;background:linear-gradient(135deg,#fff0f0,#c9c9c9);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0!important;position:absolute;right:14px;transition:all .2s ease;width:24px}.clear-search-btn-properties-packages:hover{background:#f8f9fa;color:#dc3545}.search-btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:25px;box-shadow:0 2px 4px #007bff33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.search-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.action-buttons-group{animation:fadeInUp .5s ease-out forwards;display:flex;flex-shrink:0;gap:12px;opacity:0;transform:translateY(10px)}.btn-disabled{border:2px solid #dee2e6!important;cursor:not-allowed!important;opacity:.6}.btn-disabled,.btn-disabled:hover{background:#f8f9fa!important;color:#adb5bd!important}.btn-disabled:hover{box-shadow:none!important;transform:none!important}.package-count{background:#dc3545;border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:8px;padding:2px 6px}.search-results-info{background:#e7f3ff;border:1px solid #b3d7ff;border-radius:8px;color:#0056b3;font-size:14px;margin-bottom:15px;padding:10px 15px}.search-results-info i{margin-right:8px}.empty-state h3{color:#6c757d;margin-bottom:10px}.empty-state p strong{color:#007bff}.filters-container{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.filter-group{align-items:center;display:flex;gap:10px}.filter-group label{align-items:center;color:#495057;display:flex;font-size:14px;font-weight:600;gap:6px}.filter-group label i{color:#007bff}.status-filter-select{background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:14px;min-width:160px;padding:8px 12px;transition:all .2s ease}.status-filter-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.results-info{gap:10px}.results-info,.total-results{align-items:center;display:flex}.total-results{color:#495057;font-size:14px;gap:6px}.total-results i{color:#6c757d}.filtered-note{color:#6c757d;font-style:italic}.pagination-container-property-package-management{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:center;margin-top:20px;padding:20px}.pagination-controls{align-items:center;display:flex;gap:4px}.pagination-btn{border:1px solid #dee2e6;border-radius:4px;color:#495057;height:36px;min-width:36px;padding:8px 12px;transition:all .2s ease}.pagination-btn.active,.pagination-btn:hover:not(.disabled){background:#007bff;border-color:#007bff;color:#fff}.pagination-btn.active{font-weight:600}.pagination-btn.disabled{background:#f8f9fa;border-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.pagination-btn i{font-size:12px}.feature-input{gap:12px;margin-bottom:10px}.feature-input,.feature-number{align-items:center;display:flex}.feature-number{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;box-shadow:0 2px 4px #007bff33;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.feature-input input{border:2px solid #e9ecef;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px;transition:all .2s ease}.feature-input input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.feature-input input::placeholder{color:#adb5bd;font-style:italic}.btn-remove-feature{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:50%;box-shadow:0 2px 4px #dc354533;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-remove-feature:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.btn-remove-feature i{font-size:12px}.btn-add-feature{align-items:center;align-self:flex-start;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:10px;padding:10px 16px;transition:all .2s ease}.btn-add-feature:hover{background:#006400!important}.btn-add-feature i{font-size:12px}.switch-group{display:flex;flex-direction:column;gap:8px}.switch-label{color:#495057;font-size:14px;font-weight:600}.switch-container{align-items:center;display:flex;gap:12px}.switch-input{display:none}.switch{background:#ccc;border-radius:34px;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;display:inline-block;height:28px;position:relative;transition:all .3s ease;width:52px}.switch:hover{box-shadow:inset 0 2px 4px #00000026}.switch-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:24px}.switch-input:checked+.switch{background:linear-gradient(135deg,#28a745,#20c997)}.switch-input:checked+.switch .switch-slider{box-shadow:0 2px 6px #28a7454d;transform:translateX(24px)}.switch-input:focus+.switch{box-shadow:0 0 0 3px #007bff40;outline:none}.switch-text{font-size:14px;font-weight:600;min-width:110px;transition:color .3s ease}.switch-text.active{color:#28a745}.switch-text.inactive{color:#dc3545}.switch-input:disabled+.switch{cursor:not-allowed;opacity:.6}.switch-input:disabled+.switch:hover{box-shadow:inset 0 2px 4px #0000001a}@keyframes switchOn{0%{transform:translateX(0)}50%{transform:translateX(12px) scaleX(1.1)}to{transform:translateX(24px)}}@keyframes switchOff{0%{transform:translateX(24px)}50%{transform:translateX(12px) scaleX(1.1)}to{transform:translateX(0)}}.switch-input:checked+.switch .switch-slider{animation:switchOn .3s ease}@media (max-width:1200px){.packages-table{font-size:13px}.packages-table td,.packages-table th{padding:10px 8px}.package-description-cell{max-width:200px}}@media (max-width:768px){.search-action-header{align-items:stretch;flex-direction:column}.search-box-container{flex-direction:column;min-width:auto}.search-input-wrapper{max-width:none}.action-buttons-group{justify-content:center}.filters-container{align-items:stretch;flex-direction:column;gap:15px}.results-info{justify-content:center}.pagination-container-property-package-management{flex-direction:column;gap:15px}.pagination-controls{flex-wrap:wrap;justify-content:center}.packages-table-container{overflow-x:auto}.packages-table{min-width:800px}.package-name-cell h4{font-size:1rem}.package-description-cell{font-size:.8rem;max-width:150px}.actions-group{flex-direction:column;gap:4px}.btn-action{font-size:12px;height:32px;width:32px}}.search-box-properties-packages-plan{align-items:center;display:flex;position:relative}.clear-search-btn-properties-packages-plan{align-items:center;background:linear-gradient(135deg,#fff0f0,#c9c9c9);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0!important;position:absolute;right:14px;transition:all .2s ease;width:24px}.clear-search-btn-properties-packages-plan:hover{box-shadow:0 2px 8px #ef44444d;transform:scale(1.1)}.clear-search-btn-properties-packages-plan i{color:red;margin-left:5px}.package-actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.package-plan-select{display:flex;gap:15px;justify-content:space-around}.btn-add-package,.btn-initialize-default{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-add-package{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-add-package:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-initialize-default{background:linear-gradient(135deg,#10b981,#059669)}.btn-initialize-default:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.form-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.form-select:hover{border-color:#cbd5e1}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-clear-package-plan{background:#ef4444;border:2px solid #ef4444;border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-clear-package-plan:hover{background:#fff;color:#ef4444}@media (max-width:768px){.rooms-header{align-items:stretch;flex-direction:column}.header-search{margin-left:0;max-width:none}.status-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.status-tab{flex-shrink:0}.package-actions-bar{flex-direction:column}.btn-add-package,.btn-clear-package-plan,.btn-initialize-default,.form-select{width:100%}}.form-switch-wrapper{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000000a;display:flex;flex-direction:column;gap:12px;padding:16px}.form-switch{align-items:center;display:inline-flex;gap:12px;position:relative}.form-switch-input{display:none}.form-switch-label{align-items:center;cursor:pointer;display:flex;gap:12px;position:relative;-webkit-user-select:none;user-select:none}.form-switch-button{background:#ccc;border-radius:24px;height:24px;position:relative;transition:all .3s ease;width:50px}.form-switch-button:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.form-switch-input:checked+.form-switch-label .form-switch-button{background:#28a745}.form-switch-input:checked+.form-switch-label .form-switch-button:before{transform:translateX(26px)}.form-switch-text{color:#495057;font-weight:500;min-width:30px}.form-switch-input:checked+.form-switch-label .form-switch-text{color:#28a745}.package-plan-card{background:#0056b3;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.package-plan-card:hover{border-top-color:#0056b3;box-shadow:0 4px 12px #007bff33;transform:translateY(-3px)}.package-plan-header.custom{background:linear-gradient(135deg,#3a78ff4d,#0061c933);border-bottom:1px solid #007bff33}.package-plan-header{align-items:center;background:#007bff;border-bottom:1px solid #000;box-sizing:border-box;display:flex;justify-content:space-between;min-height:120px;padding:16px;position:relative}.package-type-badge{margin-bottom:5px}.package-type-badge-span{background:#007bff;background-color:#000;border:2px solid #fff3;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.package-plan-button-container{display:flex;flex-direction:column;gap:10px}.package-plan-header.basic{background:linear-gradient(135deg,#28a74514,#28a74526);border-bottom:1px solid #28a74533}.package-plan-header.vip{background:linear-gradient(135deg,#ffc10714,#ffc10726);border-bottom:1px solid #ffc10733}.package-plan-header.premium{background:linear-gradient(135deg,#dc354514,#dc354526);border-bottom:1px solid #dc354533}.package-actions-plan{display:flex;gap:8px}.package-actions-plan .btn{align-items:center;border-radius:8px;height:36px;min-width:36px;transition:all .2s ease}.btn-add-package,.package-actions-plan .btn{display:flex;justify-content:center}.package-actions .btn:hover{transform:scale(1.1)}.package-plan-body{background-color:#f0f2f5;display:flex;flex:1 1;flex-direction:column;padding:20px}.package-description{color:#2c3e50;font-size:18px;font-weight:600;line-height:1.3;margin-bottom:8px}.package-plan-header.basic~.package-plan-body .package-description{color:#28a745}.package-plan-header.vip~.package-plan-body .package-description{color:#ffc107}.package-plan-header.premium~.package-plan-body .package-description{color:#dc3545}.package-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:14px;line-height:1.4;margin-bottom:16px;overflow:hidden}.package-price{align-items:baseline;display:flex;gap:4px;margin-bottom:12px}.package-price .price{color:#e74c3c;font-size:24px;font-weight:700}.package-plan-header.basic~.package-plan-body .package-price .price{color:#28a745}.package-plan-header.vip~.package-plan-body .package-price .price{color:#ffc107}.package-plan-header.premium~.package-plan-body .package-price .price{color:#dc3545}.package-price .duration{color:#6c757d;font-size:14px}.package-stars .fa-star{color:#ddd;font-size:14px;transition:color .2s ease}.package-stars .fa-star.active{color:#ffc107}.post-limits{margin-bottom:16px}.post-limits h6{color:#495057;font-size:14px;font-weight:600;margin-bottom:8px}.post-limit-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.post-limit-item:last-child{border-bottom:none}.post-limit-item span:first-child{color:#6c757d}.limit-number{background:#d4edda;border-radius:12px;color:#28a745;font-size:12px;font-weight:600;padding:2px 8px}.package-plan-header.basic~.package-plan-body .limit-number{background:#28a74526;color:#28a745}.package-plan-header.vip~.package-plan-body .limit-number{background:#ffc10726;color:#ffc107}.package-plan-header.premium~.package-plan-body .limit-number{background:#dc354526;color:#dc3545}.post-type-name{color:#fff}.post-limit-item.tin-thuong .post-type-name{background-color:#6c757d!important;font-weight:600}.post-limit-item.tin-vip-1 .post-type-name{background-color:#e83e8c!important;font-weight:600}.post-limit-item.tin-vip-2 .post-type-name{background-color:#fd7e14!important;font-weight:600}.post-limit-item.tin-vip-3 .post-type-name{background-color:#20c997!important;font-weight:600}.post-limit-item.tin-vip-noi-bat .post-type-name{background-color:#dc3545!important;font-weight:600}.post-limit-item.tin-vip-dac-biet .post-type-name{background-color:#8b0000!important;font-weight:600}.post-limit-item.tin-thuong .limit-number{background:#6c757d26;color:#6c757d}.post-limit-item.tin-vip-1 .limit-number{background:#e83e8c26;color:#e83e8c}.post-limit-item.tin-vip-2 .limit-number{background:#fd7e1426;color:#fd7e14}.post-limit-item.tin-vip-3 .limit-number{background:#20c99726;color:#20c997}.post-limit-item.tin-vip-noi-bat .limit-number{background:#dc354526;color:#dc3545}.post-limit-item.tin-vip-dac-biet .limit-number{background:#8b000026;color:#8b0000}.package-info{margin-bottom:16px}.info-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.info-label{color:#6c757d;font-size:14px}.info-value{border-radius:8px;font-size:14px;font-weight:600;padding:4px 8px}.info-value,.package-plan-header.basic~.package-plan-body .info-value{background:#28a7451a;color:#28a745}.package-plan-header.vip~.package-plan-body .info-value{background:#ffc1071a;color:#ffc107}.package-plan-header.premium~.package-plan-body .info-value{background:#dc35451a;color:#dc3545}.package-features{margin-bottom:16px}.package-features h6{color:#495057;font-size:14px;font-weight:600;margin-bottom:8px}.package-features ul{list-style:none;margin:0;padding:0}.package-features li{color:#6c757d;font-size:13px;line-height:1.4;margin-bottom:4px;padding-left:20px;position:relative}.package-features li:before{color:#28a745;font-weight:700;left:0;position:absolute}.package-plan-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e0e6ed;display:flex;justify-content:space-between;margin-top:auto;padding:16px 20px}.package-total-posts{border-radius:8px;font-size:14px;font-weight:600;padding:4px 10px}.package-plan-header.basic~.package-plan-footer .package-total-posts,.package-total-posts{background:#28a7451a;color:#28a745}.package-plan-header.vip~.package-plan-footer .package-total-posts{background:#ffc1071a;color:#ffc107}.package-plan-header.premium~.package-plan-footer .package-total-posts{background:#dc35451a;color:#dc3545}.status-badge{font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.package-priority{color:#6c757d;font-size:12px;font-weight:500}.modal-overlay{z-index:100000}.modal-dialog{margin:20px auto;max-width:800px;position:relative;right:-140px;top:0;z-index:1050}.modal-content{border-radius:12px;box-shadow:0 10px 40px #0003}.modal-header-package-plan{align-items:center;background:#0056b3;border-bottom:none;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header-package-plan h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.btn-close-package-plan{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:12px 20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-close-package-plan:hover{background:#ffffff4d}.modal-body{max-height:70vh;padding:24px}.modal-footer{border-top:1px solid #e0e6ed;padding:20px 24px}.post-limits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.post-limit-input{display:flex;flex-direction:column;gap:4px}.post-limit-input .form-label{color:#495057;font-size:13px;font-weight:500;margin-bottom:0}.feature-input-group{align-items:center;display:flex;gap:8px}.feature-input-group .btn{align-items:center;display:flex;height:38px;justify-content:center;min-width:40px}.delete-icon{font-size:48px;margin-bottom:16px}.modal-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.admin-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-template-rows:repeat(auto-fit,minmax(1fr,auto));margin-bottom:32px}.no-results{color:#6c757d;grid-column:1/-1;padding:60px 20px;text-align:center}.no-results i{font-size:64px;margin-bottom:16px;opacity:.5}.no-results h3{color:#495057;font-size:24px;margin-bottom:8px}.no-results p{font-size:16px;margin:0}.search-box-container-package-plan{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:space-between;margin-bottom:12px;min-width:300px}.search-input-wrapper-package-plan{flex:1 1;max-width:400px;position:relative}.search-btn-package-plan{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:25px;box-shadow:0 2px 4px #007bff33;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.search-input-package-plan{background:#fff;border:2px solid #e9ecef;border-radius:25px;box-shadow:0 2px 4px #0000000d;font-size:14px;padding:12px 16px 12px 45px;transition:all .3s ease;width:100%}.search-btn-package-plan{color:#fff;font-size:14px;position:absolute;right:-120px;top:50%;transform:translateY(-50%)}.search-icon-package-plan-front{color:#6c757d;font-size:16px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.admin-search-form{flex:1 1;max-width:400px}.search-input-group{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;overflow:hidden}.search-input-group .form-control{border:none;border-radius:0;font-size:14px;padding:12px 16px}.search-input-group .btn{background:#007bff;border:none;border-radius:0;color:#fff;padding:12px 16px}.admin-filter-group{align-items:center;display:flex;gap:12px}.admin-filter-group .form-select{border-radius:8px;font-size:14px;min-width:160px}.admin-results-info{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;color:#495057;font-size:14px;margin-bottom:20px;padding:12px 16px}.admin-loading{padding:60px}.admin-loading,.admin-pagination{align-items:center;display:flex;justify-content:center}.admin-pagination{gap:16px;margin-top:32px;padding:20px}.pagination-info{color:#6c757d;font-size:14px;font-weight:500}.page-header-package-plan{border-bottom:3px solid #f3f4f6;margin-bottom:24px;text-align:center}.page-header-package-plan h2{align-items:center;color:#333;display:flex;font-size:28px;font-weight:600;gap:12px;justify-content:center;margin:0 0 10px}.button-add-packagke-plan{align-items:center;display:flex;gap:10px;justify-content:flex-end}.admin-add-btn{animation:fadeInUp .5s ease-out forwards;display:flex;flex-shrink:0;gap:12px;opacity:0;transform:translateY(10px)}.btn-initialize-default{background:#f88d00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:13px 16px;transition:all .3s ease}.btn-initialize-default:hover:not(:disabled){background:#ff8c00;box-shadow:0 4px 8px #28a74533;transform:translateY(-1px)}.btn-initialize-default:disabled{background:#6c757d}.modal-overlay-package-plan{align-items:center;animation:fadeInOverlay .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}@keyframes fadeInOverlay{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.modal-dialog.modal-lg{width:90%}.modal-content{border:none}.modal-body-package-plan-delete{background:#fff;border-radius:12px;box-sizing:border-box;margin:0 auto;max-width:480px;padding:24px 20px;text-align:center}.modal-body-package-plan-delete .delete-icon{align-items:center;background-color:#ff000014;border-radius:50%;color:#dc2626;display:flex;font-size:28px;height:68px;justify-content:center;margin:0 auto 16px;width:68px}.modal-body-package-plan-delete h4{color:#111;font-size:1.3rem;font-weight:600;margin:8px 0 10px}.modal-body-package-plan-delete p{color:#444;font-size:.96rem;margin:6px 0}.modal-body-package-plan-delete .text-muted{color:#6c757d;font-size:.9rem;margin-top:6px}.modal-body-package-plan-delete .modal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:22px}.modal-body-package-plan-delete .btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;min-width:110px;padding:9px 14px;transition:transform .12s ease,box-shadow .12s ease}.modal-body-package-plan-delete .btn.btn-secondary-package-plan{background:#757575;color:#f3f4f6}.modal-body-package-plan-delete .btn.btn-secondary-package-plan:hover{box-shadow:0 6px 16px #0000000d;transform:translateY(-2px)}.btn-secondary-package-plan{background:linear-gradient(135deg,#f48201,#d67200)}.modal-body-package-plan-delete .btn.btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff}.modal-body-package-plan-delete .btn.btn-danger:hover{box-shadow:0 8px 18px #dc26262e;transform:translateY(-2px)}.trial-package-notice{align-items:center;background-color:#fff3cd;border:1px solid #cf9b00;border-radius:8px;display:flex;padding:12px 16px}.trial-package-notice i{color:#856404;margin-right:5px;position:relative;top:-2px}.trial-package-notice small{color:#856404;font-size:14px;font-weight:700}@media (max-width:480px){.modal-body-package-plan-delete{padding:18px}.modal-body-package-plan-delete .btn{font-size:.9rem;min-width:90px;padding:8px 12px}}.modal-body-package-plan{background:#fff;border-radius:12px;box-shadow:inset 0 1px 3px #0000000d;flex:1 1;margin:0;max-height:65vh;overflow-y:auto;padding:24px}.modal-body-package-plan::-webkit-scrollbar{width:6px}.modal-body-package-plan::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body-package-plan::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body-package-plan::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-body-package-plan .row-package-plan{margin:0}.modal-body-package-plan .col-12,.modal-body-package-plan .col-md-3,.modal-body-package-plan .col-md-4,.modal-body-package-plan .col-md-6{padding-left:8px;padding-right:8px}.modal-body-package-plan .form-label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.modal-body-package-plan .form-label.required .text-danger,.modal-body-package-plan .text-danger{color:#dc3545!important;font-weight:700}.modal-body-package-plan .form-control,.modal-body-package-plan .form-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.modal-body-package-plan .form-control:focus,.modal-body-package-plan .form-select:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff26}.modal-body-package-plan .form-control:hover,.modal-body-package-plan .form-select:hover{border-color:#007bff}.modal-body-package-plan .form-select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.8}.modal-body-package-plan textarea.form-control{min-height:100px;resize:vertical}.modal-body-package-plan .post-limits-grid{grid-gap:16px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.modal-body-package-plan .post-limit-input{display:flex;flex-direction:column;gap:6px}.modal-body-package-plan .post-limit-input .form-label{color:#6c757d;font-size:13px;margin-bottom:4px}.modal-body-package-plan .post-limit-input .form-control{font-size:13px;padding:8px 12px}.modal-body-package-plan.text-center{background:linear-gradient(135deg,#fff5f5,#fff);border:2px solid #fee;padding:40px 32px}.modal-body-package-plan .delete-icon{margin-bottom:16px}.modal-body-package-plan .delete-icon i{color:#dc3545;font-size:48px}.modal-body-package-plan h4{color:#495057;font-weight:600;margin-bottom:16px}.modal-body-package-plan p{color:#6c757d;font-size:14px;margin-bottom:12px}.modal-body-package-plan .text-muted{color:#868e96!important;font-size:13px}.modal-body-package-plan .modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.modal-body-package-plan .form-control:required,.modal-body-package-plan .form-select:required{position:relative}.modal-body-package-plan .form-control:required:invalid{border-color:#dc3545}.modal-body-package-plan .form-control:required:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354526}.modal-body-package-plan .mb-3{animation:fadeInUp .3s ease-out;margin-bottom:20px}.row-package-plan-item{display:flex;flex-direction:row;justify-content:space-between}.row-package-plan-item-row-1{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.row-package-plan-item-row-1 .col-md-3{flex:0 0 50%;max-width:50%}.row-package-plan-item-row-1 .col-md-3 input,.row-package-plan-item-row-1 .col-md-3 select{width:100%}.row-package-plan-item-row-2{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.row-package-plan-item-row-2 .col-md-3{flex:0 0 50%;max-width:50%}.row-package-plan-item-row-2 .col-md-3 input,.row-package-plan-item-row-2 .col-md-3 select{width:100%}.row-package-plan-item-description{display:block;margin-bottom:20px;width:100%}.row-package-plan-item-description .col-12{max-width:100%;width:100%}.form-control-textarea{background:#f1f1f1;border-radius:10px;box-sizing:border-box;font-size:14px;min-height:30px;min-width:100%;padding:12px 16px;resize:vertical;width:100%!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-edit-package-plan{background:#28a745;color:#fff}.btn-delete-package-plan{background:#dc3545;color:#fff}.btn-clear-package-plan{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.025em;min-width:120px;overflow:hidden;padding:12px 24px;position:relative;text-transform:none;transition:all .3s ease;white-space:nowrap}@media (max-width:768px){.modal-dialog.modal-lg{margin:15px auto;max-width:95%}.modal-body-package-plan{max-height:70vh;padding:16px}.modal-body-package-plan .post-limits-grid{grid-template-columns:1fr;max-height:150px}.modal-body-package-plan .col-md-3,.modal-body-package-plan .col-md-4,.modal-body-package-plan .col-md-6{padding-left:0;padding-right:0}}.modal-footer{background:#f8f9fa;border-top:2px solid #e9ecef;flex-shrink:0;padding:16px 24px 20px}.btn-initialize-default:disabled{cursor:not-allowed;opacity:.6}.btn-initialize-default i{margin-right:6px}@media (max-width:768px){.admin-filters{align-items:stretch;flex-direction:column}.admin-search-form{max-width:none}.admin-filter-group{flex-wrap:wrap}.admin-grid{gap:16px;grid-template-columns:1fr}.package-plan-header{align-items:stretch;flex-direction:column;gap:12px}.package-actions{justify-content:center}.modal-dialog{margin:10px}.post-limits-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-header{flex-direction:column;gap:16px;text-align:center}.modal-body{padding:16px}.modal-footer{padding:16px}.modal-actions,.modal-footer{flex-direction:column}}.trial-duration-notice{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 71px}.trial-duration-notice i{font-size:16px}.package-header-info{display:flex;flex-direction:column;gap:8px;width:100%}.package-badges{display:flex;flex-wrap:wrap;gap:6px}.package-category-badge,.package-for-badge{border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase}.package-category-badge,.package-for-badge{background-color:#3f3f3f}.management-features{background:#f9fafbcc;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.management-features h6{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.management-feature-list{display:flex;flex-direction:column;gap:6px}.feature-item{align-items:center;display:flex;font-size:12px;justify-content:space-between}.feature-label{color:#6b7280;font-size:13px;font-weight:500}.feature-value{color:#374151;font-size:13px;font-weight:600}.feature-toggles{display:flex;flex-wrap:wrap;gap:6px}.feature-toggle{align-items:center;background:#0000000d;border-radius:12px;color:#333;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;letter-spacing:.3px;line-height:1.2;padding:4px 10px;text-transform:uppercase}.feature-toggle.active{background:#22c55ee6;color:#fff}.management-features-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 0}.management-features-header h6{color:#374151;font-size:14px;font-weight:600;margin:0}.btn-toggle-features{align-items:center;background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;flex-direction:space-around;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s ease}.management-features-header i{margin-left:6px}.btn-toggle-features:hover{background:#f3f4f6;color:#1d4ed8}.management-features-summary{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.management-features-summary .features-summary-text{color:#334155;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.management-features-summary .feature-item-summary{align-items:center;background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;display:inline-flex;font-size:12px;padding:6px 12px;white-space:nowrap}.management-features-summary .feature-item-summary strong{color:#035388;margin-right:4px}.management-features-summary .separator{color:#64748b;font-weight:500;margin:0 6px}.management-features-grid{grid-gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:16px;margin-top:12px;padding:16px}.management-feature-item{display:flex;flex-direction:column;gap:6px}.management-feature-switches{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}.management-feature-switches .form-switch-wrapper{margin-bottom:0}@media (max-width:768px){.management-feature-switches{grid-template-columns:1fr}.package-badges{align-items:flex-start;flex-direction:column}}.form-select-package-plan{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.users-management{height:100%;padding:0;width:100%}.rooms-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.rooms-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1e3a8a,#9333ea);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700;margin:0}.header-search{flex:1 1;margin-left:24px;max-width:500px}.search-box-user-management{align-items:center;display:flex;position:relative}.search-icon{color:#667eea;font-size:18px;left:18px;pointer-events:none;position:absolute;z-index:1}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:30px;font-size:15px;padding:14px 50px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-input::placeholder{color:#94a3b8}.clear-search-btn-user-management{align-items:center;background:linear-gradient(135deg,#fff0f0,#c9c9c9);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0!important;position:absolute;right:14px;transition:all .2s ease;width:24px}.clear-search-btn-user-management:hover{box-shadow:0 2px 8px #ef44444d;transform:scale(1.1)}.clear-search-btn-user-management i{color:red;margin-left:5px}.status-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.status-tab{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.status-tab:hover{background:#f8fafc;border-color:#cbd5e1}.status-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.status-tab i{font-size:14px}.users-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:visible}.users-table{border-collapse:initial;border-spacing:0;width:100%}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.users-table thead tr{box-shadow:0 2px 8px #0000001a}.users-table th{border-bottom:2px solid #ffffff1a;color:#fff;font-size:13px;font-weight:600;letter-spacing:.8px;padding:18px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.users-table th:first-child{padding-left:24px}.users-table th:last-child{padding-right:24px;text-align:center}.users-table tbody tr{background:#fff;border-bottom:1px solid #e2e8f0;transition:all .2s ease}.users-table tbody tr:hover{background:linear-gradient(90deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #0000000d}.users-table tbody tr:last-child{border-bottom:none}.users-table td{color:#334155;font-size:14px;padding:16px;vertical-align:middle}.users-table td:first-child{padding-left:24px}.users-table td:last-child{padding-right:24px;text-align:center}.user-avatar{align-items:center;border:3px solid #f1f5f9;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:52px;justify-content:center;overflow:hidden;transition:all .3s ease;width:52px}.user-avatar:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea4d;transform:scale(1.1)}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:22px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.user-name{color:#1e293b;font-size:15px;font-weight:600;margin-bottom:2px}.user-email{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.user-email:before{content:"📧";font-size:12px}.user-phone{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.user-phone:before{content:"📱";font-size:12px}.role-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.8px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.role-badge:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.role-badge:before{content:"👤";font-size:13px}.status-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.8px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.status-badge:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.active:before{content:"✓";font-size:14px;font-weight:700}.status-badge.blocked{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-badge.blocked:before{content:"⊗";font-size:14px;font-weight:700}.btn-block{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-block:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-3px)}.btn-block i{font-size:14px}.btn-unblock{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-unblock:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-3px)}.btn-unblock i{font-size:14px}.spinner-container{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.spinner{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border-color:#667eea #764ba2 #e2e8f0 #e2e8f0;border-radius:50%;border-style:solid;border-width:5px;height:56px;width:56px}.loading-text{color:#64748b;font-size:15px;font-weight:500}.empty-state{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.empty-state i{animation:float 3s ease-in-out infinite;color:#cbd5e1;font-size:72px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state p{color:#64748b;font-size:17px;font-weight:500;margin:0}.pagination{border-radius:12px;box-shadow:0 2px 8px #0000000d;gap:20px;margin-top:32px;padding:20px}.pagination,.pagination-btn{align-items:center;background:#fff;display:flex;justify-content:center}.pagination-btn{border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;gap:8px;min-width:100px;padding:12px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.pagination-btn:active:not(:disabled){transform:scale(.95)}.pagination-btn:disabled{background:#f8fafc;cursor:not-allowed;opacity:.3}.pagination-btn i{font-size:14px}.pagination-info{border-radius:20px;color:#1e293b;font-size:15px;font-weight:600;min-width:150px;padding:12px 24px;text-align:center}.pagination-info,.users-management .action-view-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.users-management .action-view-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;min-width:40px;padding:8px 16px;transition:all .3s ease}.users-management .action-view-btn:hover{background:linear-gradient(135deg,#5568d3,#6a4190);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.users-management .action-view-btn:active{box-shadow:0 2px 6px #667eea4d;transform:translateY(0)}.users-management .action-view-btn i{font-size:16px}@media (max-width:768px){.rooms-header{align-items:stretch;flex-direction:column}.header-search{margin-left:0;max-width:none}.status-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.status-tab{flex-shrink:0}.users-table-container{overflow-x:auto}.users-table{min-width:800px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header-user-management{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e2e8f0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.modal-header-user-management h2{align-items:center;display:flex;flex:1 1;font-size:20px;font-weight:700;gap:12px;margin:0;min-width:0}.modal-header-user-management h2 i{flex-shrink:0}.close-modal-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-modal-btn:hover{background:#ffffff4d}.modal-body{flex:1 1;overflow-y:auto;padding:28px}.user-detail-section{margin-bottom:32px}.user-detail-section:last-child{margin-bottom:0}.user-section-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:20px;padding-bottom:12px}.user-section-title i{color:#667eea;font-size:20px}.user-detail-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.user-detail-item{align-items:flex-start;background:#0000!important;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;text-align:left!important}.user-detail-label{color:#6b7280!important;font-size:14px!important;font-weight:500!important;letter-spacing:normal!important;text-transform:none!important}.user-detail-value{color:#1f2937!important;font-size:15px!important;font-weight:400!important}.user-role-badge{border-radius:8px;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.user-role-badge.admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.user-role-badge.landlord{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.user-role-badge.tenant,.user-role-badge.user{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.user-status-badge{border-radius:8px;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.user-status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.user-status-badge.blocked{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.user-loading-section{align-items:center;color:#6b7280;display:flex;gap:12px;justify-content:center;padding:40px}.user-loading-section i{font-size:24px}.user-packages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.user-package-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px}.user-package-card h4{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.user-package-card h4 i{color:#667eea}.user-package-info{display:flex;flex-direction:column;gap:12px}.user-package-detail{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:10px 0}.user-package-detail:last-child{border-bottom:none}.user-package-label{color:#6b7280;font-size:14px;font-weight:500}.user-package-value{color:#1f2937;font-size:14px;font-weight:600}.user-package-value.expired{color:#ef4444}.user-no-package{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;padding:32px;text-align:center}.user-no-package i{font-size:32px;opacity:.5}.modal-footer{background:#f8fafc;border-top:2px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.btn-secondary-user-management{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-secondary-user-management:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}.modal-content{max-width:95%}}.profile-content{background-color:#f8f9fa;display:flex;flex-direction:column;gap:1rem;min-height:100vh;padding:1rem}.profile-content>*{animation:fadeUp .6s ease forwards;opacity:0;transform:translateY(20px)}.profile-content>:first-child{animation-delay:.1s}.profile-content>:nth-child(2){animation-delay:.3s}.profile-content>:nth-child(3){animation-delay:.5s}.profile-content>:nth-child(4){animation-delay:.7s}.profile-content>:nth-child(5){animation-delay:.9s}.property-package-container{display:flex;gap:2rem;margin:0 auto;max-width:1200px;padding:0;position:relative}.top-back-button{left:0;position:absolute;top:-45px;z-index:10}.btn-back-top{align-items:center;background:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#007bff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.btn-back-top:hover{background:#007bff;box-shadow:0 4px 8px #007bff4d;color:#fff;transform:translateY(-2px)}.package-main-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex:2 1;padding:2rem}.package-sidebar{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.package-sidebar>*{animation:fadeUp .6s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.package-sidebar>:first-child{animation-delay:.1s}.package-sidebar>:nth-child(2){animation-delay:.3s}.package-sidebar>:nth-child(3){animation-delay:.5s}.package-sidebar>:nth-child(4){animation-delay:.7s}.package-sidebar>:nth-child(5){animation-delay:.9s}.page-header-admin{border-bottom:3px solid #f3f4f6;margin-bottom:30px;padding-bottom:32px;text-align:center}.page-header-admin h2{align-items:center;color:#333;display:flex;font-size:28px;font-weight:600;gap:12px;justify-content:center;margin:0 0 10px}.page-header-admin p{color:#666;font-size:1rem;margin:0}.payment-history-notice{align-items:center;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #2196f3;border-radius:8px;color:#1565c0;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:15px;padding:12px 16px}.payment-history-notice i{color:#2196f3;font-size:16px}.pricing-loading{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center}.pricing-loading .spinner{animation:spin .8s linear infinite;border:2px solid #e3f2fd;border-radius:50%;border-top-color:#2196f3;height:24px;margin-bottom:10px;width:24px}.pricing-loading p{color:#666;font-size:14px;margin:0}.package-selection-section{margin-bottom:2rem}.package-selection-section h3{border-left:4px solid #007bff;color:#333;font-size:1.3rem;margin-bottom:1.5rem;padding-left:1rem}.form-group label{color:#333;display:block;font-weight:600}.form-input,.form-select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-help{color:#666;display:block;font-size:.875rem;margin-top:.25rem}.readonly-field{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-size:1rem;font-weight:600;justify-content:space-between;min-height:48px;padding:.75rem;width:100%}.readonly-field,.readonly-note{align-items:center;display:flex}.readonly-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;color:#6c757d;font-size:.875rem;font-weight:500;gap:6px;padding:4px 8px}.readonly-note i{color:#856404;font-size:12px}.selected-package-info{display:flex;flex-direction:column;gap:4px}.package-name{color:#007bff;font-size:1.1rem;font-weight:700;text-transform:uppercase}.selected-package-card{border:2px solid #007bff;border-radius:8px;box-shadow:0 2px 8px #007bff1a}.renewal-info-card,.selected-package-card{background:#fff;margin:1rem auto;max-width:400px;padding:1rem;width:100%}.renewal-info-card{border:2px solid #ffc107;border-radius:8px;box-shadow:0 2px 8px #ffc1071a}.renewal-header{align-items:center;color:#856404;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.renewal-header i{color:#ffc107}.renewal-description{color:#6c757d;font-size:14px;line-height:1.5}.renewal-status-info{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:15px}.renewal-status-info .status-row{align-items:center;color:#495057;display:flex;font-size:14px;gap:10px;margin-bottom:10px}.renewal-status-info .status-row:last-child{margin-bottom:0}.renewal-status-info .status-row i{text-align:center;width:16px}.package-card-header{align-items:center;background:linear-gradient(135deg,#1088ff,#1088ff);border-left:4px solid #007bff;border-radius:10px;display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin-bottom:20px;padding:1.5rem;text-align:center}.package-title-properties-package{align-items:center;background-color:#000;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:10px;line-height:1;padding:5px 10px;position:relative;text-transform:uppercase;top:-11px;white-space:nowrap}.benefit-item-upgrade i{border-radius:50%;font-size:20px;min-width:28px;padding:10px;text-align:center}.package-price-properties-package{align-items:baseline;display:flex;flex-wrap:wrap;font-size:1.2rem;font-weight:600;gap:4px;justify-content:center;margin-top:8px;text-align:center}.price-amount-properties-package{color:#fff;font-size:18px;font-weight:700;white-space:nowrap}.price-period{color:#fff;flex-shrink:0;font-size:14px}.package-card-body{min-height:200px}.package-card-body h5{color:#333;font-size:1rem;font-weight:600;margin:0 0 .75rem;text-align:center}.package-benefits{grid-gap:.5rem;display:grid;gap:.5rem}.benefit-item-upgrade{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.benefit-icon{color:#28a745;flex-shrink:0;font-size:.9rem;width:14px}.benefit-item-upgrade span{color:#333;font-size:.85rem;font-weight:500}.package-options{background:#f8f9fa;border-radius:8px;margin:1rem 0;padding:1.5rem}.checkbox-group{margin-top:1rem}.checkbox-label{align-items:flex-start;color:#333;cursor:pointer;display:flex;font-weight:500}.checkbox-label input[type=checkbox]{opacity:0;position:absolute}.checkmark{background-color:#eee;border:2px solid #ddd;border-radius:3px;flex-shrink:0;height:18px;margin-right:.75rem;margin-top:2px;transition:all .3s ease;width:18px}.checkbox-label input:checked~.checkmark{background-color:#007bff;border-color:#007bff}.checkbox-label input:checked~.checkmark:after{border:solid #fff;border-width:0 3px 3px 0;content:"";display:block;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.package-preview-section{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.package-preview-section h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.package-preview{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.package-preview h4{align-items:center;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:.75rem}.package-stars{align-items:center;display:flex;gap:2px}.star-icon{font-size:.9rem}.package-features{list-style:none;margin:1rem 0;padding:0}.package-features li{border-bottom:1px solid #f0f0f0;color:#666;padding:.5rem 0}.package-features li:last-child{border-bottom:none}.preview-sample{margin-top:1rem}.btn-preview{background:#6c757d;border-radius:4px;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.btn-preview:hover{background:#5a6268}.payment-method-section{margin-bottom:2rem}.payment-method-section h3{border-left:4px solid #007bff;color:#333;font-size:1.3rem;margin-bottom:1rem;padding-left:1rem}.payment-options{display:flex;flex-direction:column;gap:1rem}.payment-option{align-items:center;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:all .3s ease}.payment-option:hover{background:#f8f9ff;border-color:#007bff}.payment-option input[type=radio]{margin-right:.75rem}.payment-option input[type=radio]:checked+.payment-label{color:#007bff;font-weight:600}.payment-label{align-items:center;display:flex;font-size:1rem;gap:.5rem}.payment-label i{font-size:1.2rem}.action-button-payment{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.btn-back,.btn-payment{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-back{background:#6c757d}.btn-back:hover{background:#5a6268}.btn-payment{background:#28a745;color:#fff}.btn-payment:hover{background:#218838}.btn-payment:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.payment-summary{background:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.payment-summary h3{background:#007bff;border-radius:6px 6px 0 0;color:#333;color:#fff;font-size:1.2rem;margin:-1.5rem -1.5rem 1.5rem;padding:1rem;text-align:center}.summary-details{gap:.75rem}.summary-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;padding:.5rem 0}.summary-row:last-child{border-bottom:none}.summary-row span:first-child{color:#666;flex:1 1;font-weight:500}.summary-row span:last-child{color:#333;flex:1 1;font-weight:600;text-align:right}.summary-section{margin:.5rem 0}.section-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6!important;color:#333!important;font-weight:600;padding:.3rem 0!important}.section-header span:first-child{color:#495057!important;font-size:.9rem}.sub-row{border-bottom:1px dashed #e9ecef!important;font-size:.9rem;padding:.25rem 0 .25rem 1rem!important}.sub-row span:first-child{color:#6c757d!important;font-weight:400}.subtotal-row{border-bottom:1px solid #007bff!important;border-top:1px dashed #007bff!important;font-weight:600;margin-top:.5rem;padding-top:.5rem!important}.total-row{background-color:#f8f9fa;border-top:2px solid #007bff;font-size:1.1rem;margin-top:1rem;padding-top:1rem}.total-price{color:#28a745!important;font-size:18px!important;font-weight:700!important}.summary-placeholder{color:#666;font-size:14px;font-style:italic;padding:2rem;text-align:center}.free-posts-notice{align-items:flex-start;background:linear-gradient(135deg,#28a745,#20c997);border-radius:8px;color:#fff;display:flex;gap:1rem;padding:1.5rem}.notice-icon{flex-shrink:0;font-size:2rem}.notice-content-properties-package{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:25px;color:#1976d2;font-weight:500;gap:10px;padding:12px 20px}.notice-content-properties-package h4{font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.notice-content-properties-package p{font-size:.9rem;line-height:1.4;margin:0;opacity:.9}.loading-container{padding:3rem;text-align:center}.loading-spinner{border:4px solid #f3f3f3;margin-bottom:1rem}.vip-normal{color:#6c757d!important}.vip-1{color:#ffc107!important}.vip-2{color:#fd7e14!important}.vip-3{color:#dc3545!important}.vip-4{color:#6f42c1!important}.vip-5{color:#e83e8c!important}@media (max-width:1024px){.property-package-container{flex-direction:column;gap:1.5rem;padding:1rem}.package-main-content,.package-sidebar{flex:none}}@media (max-width:768px){.profile-content{padding:.5rem}.property-package-container{gap:1rem;padding:0}.package-main-content{padding:1.5rem}.action-buttons{flex-direction:column}.btn-back,.btn-payment{justify-content:center;width:100%}.summary-row{flex-direction:column;gap:.25rem}.summary-row span:last-child{text-align:left}}@media (max-width:480px){.page-header-admin h2{font-size:1.5rem}.payment-summary{padding:1rem}.payment-summary h3{font-size:1rem;margin:-1rem -1rem 1rem;padding:.75rem}.free-posts-notice{flex-direction:column;padding:1rem;text-align:center}.notice-icon{align-self:center}.package-main-content{padding:1rem}}.migration-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:80px;z-index:9999}.migration-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:100%}.migration-modal-header{align-items:center;background:#0056b3;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.migration-modal-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:5px;transition:all .2s ease}.modal-close-btn:hover{background:#e9ecef;color:#495057}.migration-modal-body{flex:1 1;overflow-y:auto;padding:24px}.migration-info{margin-bottom:24px}.info-box{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.info-upgrade{background:#e3f2fd;border:1px solid #2196f3}.info-upgrade i{color:#2196f3;font-size:1.5rem}.info-upgrade h4{color:#1976d2;font-size:1.1rem;margin:0 0 4px}.info-upgrade p{color:#555;font-size:.9rem;margin:0}.limits-check{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:16px}.limits-check h4{color:#856404;font-size:1rem;margin:0 0 12px}.limit-row{grid-gap:10px;align-items:center;border-bottom:1px solid #ffd54f;display:grid;gap:10px;grid-template-columns:1fr 80px 150px;padding:8px 0}.limit-row:last-child{border-bottom:none}.limit-row.limit-exceeded{color:#dc3545}.limit-row.limit-ok{color:#28a745}.post-type-migration{font-weight:500;text-transform:uppercase}.count-migration{font-weight:600;text-align:center}.exceeded-warning{align-items:center;color:#dc3545;display:flex;font-size:.85rem;font-weight:500;gap:4px}.exceeded-warning i{margin-right:4px}.properties-list h4{color:#2c3e50;font-size:1.1rem;margin:0 0 16px}.loading-spinner{padding:40px;text-align:center}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 16px;width:40px}.no-properties{color:#6c757d;padding:40px;text-align:center}.no-properties i{color:#dee2e6;font-size:3rem;margin-bottom:16px}.properties-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:400px;overflow-y:auto;padding-right:8px}.property-migration-item{border:1px solid #e9ecef;border-radius:8px;margin-bottom:10px;min-height:155px;overflow:hidden;transition:all .2s ease}.property-migration-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.property-checkbox{display:block;width:100%}.property-checkbox input[type=checkbox]:checked+.property-info-migration{background:#e8f4fd;border-color:#007bff}.property-info-migration{border:2px solid #0000;gap:12px;padding:12px;transition:all .2s ease}.no-image{align-items:center;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.property-details-migration{min-width:0}.property-title-migration{font-size:.95rem;margin:0 0 8px;text-overflow:ellipsis;white-space:nowrap}.property-meta-migration{color:#6c757d;display:flex;flex-direction:space-around;font-size:.85rem;gap:12px}.property-price-migration{font-weight:600}.post-type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px;text-transform:uppercase}.migration-modal-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.selected-count{background:#12a0cc;border-radius:8px;color:#f1f9ff;font-size:.9rem;font-weight:600;padding:4px 10px}.limits-summary{font-size:.8rem;margin-top:4px}.warning-text{color:#dc3545;font-weight:500}.warning-text i{margin-right:4px}.modal-actions-properties-package{display:flex;gap:12px}.modal-actions-properties-package button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-skip{background:#ffc107;color:#212529;font-weight:700!important}.btn-skip:hover{background:#e0a800}.btn-confirm{background:#28a745;color:#fff;font-weight:700!important}.btn-confirm:hover:not(:disabled){background:#218838}.btn-confirm:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.info-icon-migration i{color:#2196f3;font-size:1.2rem;margin-right:10px}@media (max-width:768px){.migration-modal{margin:10px;max-width:calc(100vw - 20px)}.properties-grid{grid-template-columns:1fr;max-height:300px}.migration-modal-footer{align-items:stretch;flex-direction:column;gap:12px}.modal-actions-properties-package{flex-direction:column}}.properties-grid-migration{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;flex-direction:column;gap:12px;max-height:250px;padding:12px}.properties-grid-migration::-webkit-scrollbar{width:8px}.properties-grid-migration::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.property-migration-item:hover{border-color:#007bff}.property-checkbox{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px;position:relative}.property-checkbox input[type=checkbox]{accent-color:#007bff;cursor:pointer;height:20px;position:absolute;right:12px;top:12px;width:20px;z-index:9999}.property-info-migration{align-items:flex-start;display:flex;gap:14px;width:100%}.property-image{align-items:center;background:#f1f1f1;border-radius:8px;display:flex;flex:0 0 180px;height:100px;justify-content:center;overflow:hidden}.property-image img{height:100%;object-fit:cover;width:100%}.no-image{color:#6c757d;font-size:1.8rem}.property-details-migration{display:flex;flex:1 1;flex-direction:column;gap:6px}.property-details-migration h5{font-size:12px}.property-title-migration{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.property-price-migration{color:#e74c3c;font-size:.95rem;font-weight:700}.property-area-migration{color:#6c757d;font-size:.9rem;font-weight:500}.property-area-migration i{color:#27ae60;margin-right:5px}.date-info i{color:#27ae60}.package-type-migration{left:50px;margin-top:4px;position:absolute;top:35%}.post-type-badge-migration{align-items:center;background:#6c757d;border-radius:16px;box-shadow:0 1px 3px #0000001a;color:#fff;display:flex;font-size:8px;font-weight:600;height:28px;justify-content:center;overflow:hidden;position:relative;text-transform:uppercase;width:130px}.post-type-stars-my-properties{align-items:center}.star-icon-my-properties{color:gold;font-size:8px;margin-right:1px}.post-type-migration{font-size:14px}.count-migration{font-size:14px;font-weight:700}@media (max-width:768px){.properties-grid-migration{gap:16px;grid-template-columns:1fr;max-height:300px;padding:12px}.properties-grid-migration .property-image{height:150px}.properties-grid-migration .property-meta-migration{align-items:flex-start;flex-direction:column;gap:8px}}.preview-sample{margin:20px 0;text-align:center}.btn-preview{align-items:center;background:#0071ce;border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-preview:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-preview:active{box-shadow:0 2px 10px #667eea4d;transform:translateY(0)}.btn-preview i{font-size:16px}.total-row-properties-package{border-top:2px solid #3b82f6;font-size:16px;font-weight:700;margin-top:8px;padding-top:16px}.total-price-properties-package{color:#00911f!important;font-size:18px!important;font-weight:800!important}.payment-icon{height:40px;width:40px}@media (max-width:768px){.btn-preview{font-size:13px;padding:10px 20px}.btn-preview i{font-size:14px}}.payment-container{background:#f8f9fa;min-height:100vh;padding:20px}.payment-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.payment-header{align-items:center;background:linear-gradient(135deg,#3a75d3,#375dc5);color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px}.payment-header h2{font-size:24px;font-weight:600;margin:0}.btn-back{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease}.btn-back:hover{background:#ffffff4d;transform:translateY(-2px)}.payment-timers{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.payment-timer{align-items:center;background:#ffffff26;border-radius:20px;color:#2d3748;display:flex;font-weight:500;gap:8px;padding:8px 16px}.payment-timer span{color:#fff}.auto-cancel-timer{align-items:center;background:#ff9f4333;border:1px solid #ff9f434d;border-radius:16px;color:#d63031;display:flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.payment-body{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:32px}.qr-section{text-align:center}.qr-section h3{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:24px}.qr-container{background:#f7fafc;border:2px dashed #e2e8f0;border-radius:16px;padding:24px}.qr-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:250px;width:100%}.qr-note{color:#666;font-size:14px;margin-top:16px}.bank-info-section h3{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:24px}.bank-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.bank-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 0}.bank-row:last-child{border-bottom:none}.bank-row .label{color:#4a5568;font-weight:600;min-width:120px}.bank-row .value{color:#2d3748;font-weight:500}.value-with-copy{align-items:center;display:flex;gap:8px}.value-with-copy.amount .value,.value-with-copy.amount span{color:#e53e3e;font-size:16px;font-weight:700}.transfer-content{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-family:Courier New,monospace;font-weight:700;padding:4px 8px}.btn-copy{background:#0e71da;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.btn-copy:hover{background:#0056b3;transform:scale(1.05)}.payment-warning{align-items:flex-start;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;display:flex;gap:12px;margin-top:20px;padding:16px}.payment-warning i{color:#856404;font-size:18px;margin-top:2px}.payment-warning p{color:#856404;font-size:14px;line-height:1.5;margin:0}.payment-summary-section{background:#f8f9fa;border-top:1px solid #e9ecef;padding:24px 32px}.payment-summary-section h3{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:20px}.summary-details{display:flex;flex-direction:column;gap:12px}.summary-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.total-amount{color:#e53e3e;font-size:18px;font-weight:700}.payment-status{border-top:1px solid #e9ecef;padding:20px 32px}.status-loading{align-items:center;color:#007bff;display:flex;font-weight:500;gap:12px}.payment-cancelled,.payment-failed,.payment-success{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:500px;padding:60px 40px;text-align:center}.status-icon{font-size:60px;margin-bottom:20px}.status-icon.success{color:#28a745}.status-icon.failed{color:#dc3545}.status-icon.cancelled{color:#ff9f43}.payment-cancelled h2,.payment-failed h2,.payment-success h2{color:#2d3748;margin-bottom:16px}.payment-cancelled p,.payment-failed p,.payment-success p{color:#666;line-height:1.6;margin-bottom:24px}.cancelled-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.btn-retry{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-retry:hover{background:#0056b3;transform:translateY(-2px)}.btn-history{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-history:hover{background:#545b62;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}.loading-spinner.small{border-width:2px;height:20px;width:20px}.vnpay-amount{color:red;font-weight:700}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.payment-container{padding:10px}.payment-header{align-items:flex-start;flex-direction:column}.payment-body{gap:30px;grid-template-columns:1fr;padding:20px}.payment-summary-section{padding:20px}.bank-row{align-items:flex-start;flex-direction:column;gap:8px}.bank-row .label{min-width:auto}.value-with-copy{justify-content:space-between;width:100%}}.landlord-properties-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.landlord-header{color:#fff;margin-bottom:50px;text-align:center}.landlord-header h1{align-items:center;display:flex;font-size:42px;font-weight:700;gap:16px;justify-content:center;margin-bottom:16px}.landlord-header h1 i{font-size:48px}.landlord-header p{font-size:18px;opacity:.9}.management-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.management-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:32px;transition:all .3s ease}.management-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.card-icon{align-items:center;background:#667eea1a;border-radius:50%;display:flex;height:70px;justify-content:center;margin-bottom:20px;width:70px}.card-icon i{font-size:32px}.management-card h3{color:#1f2937;font-size:22px;font-weight:700;margin-bottom:12px}.management-card p{color:#6b7280;font-size:15px;line-height:1.6;margin-bottom:24px}.card-button{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.card-button:hover{opacity:.9;transform:scale(1.02)}.card-button i{transition:transform .3s ease}.card-button:hover i{transform:translateX(4px)}@media (max-width:768px){.landlord-header h1{font-size:32px}.landlord-header h1 i{font-size:36px}.management-grid{gap:20px;grid-template-columns:1fr}.management-card{padding:24px}}
/*# sourceMappingURL=main.695a29cc.css.map*/