@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";.language-switcher{position:relative;display:inline-block}.language-switcher-button{background:none;color:var(--text-light, #4a5568);border:1.5px solid var(--border-color, #e2e8f0);padding:.5rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;height:36px}.language-switcher-button:hover{background-color:var(--light-color, #f8fafc);border-color:var(--primary-color, #6d5ffa);color:var(--primary-color, #6d5ffa);transform:translateY(-1px);box-shadow:0 2px 8px #6d5ffa26}.language-switcher-button:active{transform:translateY(0)}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:#fff;border:1.5px solid var(--border-color, #e2e8f0);border-radius:.75rem;box-shadow:0 4px 20px #0000001a,0 2px 8px #0000000d;z-index:1000;min-width:140px;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-option{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;color:var(--dark-color, #1a202c);font-size:.875rem;font-weight:500;transition:all .2s ease;border-bottom:1px solid var(--border-color, #e2e8f0)}.language-option:last-child{border-bottom:none}.language-option:hover{background-color:var(--light-color, #f8fafc);color:var(--primary-color, #6d5ffa)}.language-option.active{background-color:#6d5ffa1a;color:var(--primary-color, #6d5ffa);font-weight:600}@media(max-width:768px){.language-switcher{margin-right:0}.language-switcher-button{width:32px;height:32px;padding:.375rem}.language-dropdown{top:calc(100% + .5rem);right:0;left:auto;min-width:120px}}@media(max-width:480px){.language-switcher-button{width:30px;height:30px;padding:.25rem}.language-dropdown{min-width:110px;right:0}.language-option{padding:.625rem .875rem;font-size:.8125rem}}.form-exit-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.form-exit-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1);position:relative}.form-exit-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.form-exit-icon-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-exit-icon{color:#f59e0b;stroke-width:2.5}.form-exit-close-btn{background:transparent;border:none;color:var(--text-light, #64748b);cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.form-exit-close-btn:hover{background:var(--background-color, #f8fafc);color:var(--text-color, #1e293b)}.form-exit-dialog-content{padding:1.5rem}.form-exit-title{font-size:1.25rem;font-weight:600;color:var(--text-color, #1e293b);margin:0 0 .75rem}.form-exit-message{font-size:.9375rem;color:var(--text-light, #64748b);line-height:1.6;margin:0}.form-exit-dialog-actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}.form-exit-btn{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9375rem;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.form-exit-btn-secondary{background:var(--background-color, #f8fafc);color:var(--text-color, #1e293b);border:1px solid var(--border-color, #e2e8f0)}.form-exit-btn-secondary:hover{background:var(--border-color, #e2e8f0);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.form-exit-btn-primary{background:linear-gradient(135deg,var(--primary-color, #6d5ffa) 0%,var(--primary-hover, #5a4ffb) 100%);color:#fff;box-shadow:0 4px 6px -1px #6d5ffa4d}.form-exit-btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover, #5a4ffb) 0%,var(--primary-color, #6d5ffa) 100%);transform:translateY(-1px);box-shadow:0 6px 12px -2px #6d5ffa66}.form-exit-btn:active{transform:translateY(0)}@media(max-width:640px){.form-exit-dialog{width:95%;margin:1rem}.form-exit-dialog-header{padding:1.25rem 1.25rem .75rem}.form-exit-dialog-content{padding:1.25rem}.form-exit-dialog-actions{flex-direction:column;padding:1rem 1.25rem 1.25rem}.form-exit-btn{width:100%}}.global-search-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:10000;padding-top:10vh}.global-search-modal{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.global-search-input-wrapper{position:relative;display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.search-icon{position:absolute;left:2rem;color:#6b7280;pointer-events:none}.global-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:1rem;outline:none;transition:all .2s}.global-search-input:focus{border-color:#6d5ffa;box-shadow:0 0 0 3px #6d5ffa1a}.clear-search-button{position:absolute;right:2rem;background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#6b7280;border-radius:.25rem;transition:all .2s}.clear-search-button:hover{background-color:#f3f4f6;color:#111827}.global-search-results{flex:1;overflow-y:auto;max-height:calc(70vh - 80px)}.search-results-header{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#6b7280;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.search-result-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .2s}.search-result-item:hover,.search-result-item.selected{background-color:#f9fafb;border-left:3px solid #6d5ffa}.search-result-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.375rem;background-color:#f3f4f6;color:#6d5ffa;flex-shrink:0}.search-result-content{flex:1;min-width:0}.search-result-title{font-weight:600;color:#111827;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-type{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.search-result-arrow{color:#9ca3af;flex-shrink:0}.global-search-empty{padding:3rem 1.5rem;text-align:center;color:#6b7280}.global-search-empty p{margin:0 0 .5rem;font-weight:500}.search-hint{font-size:.875rem;color:#9ca3af}.global-search-hints{padding:2rem 1.5rem;border-top:1px solid #e5e7eb}.search-hint-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#6b7280;font-size:.875rem}.search-hint-item svg{color:#9ca3af;flex-shrink:0}@media(max-width:768px){.global-search-modal{width:95%;max-height:80vh}.global-search-overlay{padding-top:5vh}}:root{--primary-color: #6d5ffa;--primary-hover: #5a4ff8;--secondary-color: #f1f2f6;--dark-color: #1a202c;--light-color: #ffffff;--text-color: #2d3748;--text-light: #718096;--border-color: #e2e8f0;--background-color: #f7fafc;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--border-radius: 8px;--header-height: 64px}.header-action{position:relative;display:inline-block}.icon-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;height:36px;position:relative}.icon-btn:before{content:"";position:absolute;inset:0;border-radius:var(--border-radius);background:#ffffff1a;opacity:0;transition:opacity .3s ease}.icon-btn:hover{background-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.icon-btn:hover:before{opacity:1}.icon-btn:active{transform:translateY(0) scale(.95)}.icon-btn svg{stroke:#fff;color:#fff;transition:all .3s ease;position:relative;z-index:1}.icon-btn:hover svg{stroke:#fff;color:#fff;transform:scale(1.1)}.notification-badge,.notification-badge-mobile{position:absolute;top:-4px;right:-4px;background-color:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 8px #ef444466,0 0 0 2px #fff;z-index:2;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-menu{position:fixed;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1.5px solid var(--border-color);width:360px;max-height:500px;display:flex;flex-direction:column;z-index:10000;animation:slideDown .3s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.notifications-menu{position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;z-index:10001!important;display:flex!important;flex-direction:column!important;margin:0!important;animation:slideUpMobile .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.notifications-menu-header{flex-shrink:0;padding:1rem 1.25rem;border-bottom:1.5px solid var(--border-color);background:linear-gradient(135deg,var(--light-color) 0%,white 100%);position:sticky;top:0;z-index:1}.notifications-menu-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-height:none!important;padding:0}.notifications-menu-footer{flex-shrink:0;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border-color);padding:1rem 1.25rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}}.notifications-menu-header{padding:1rem 1.25rem;border-bottom:1.5px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--light-color) 0%,white 100%)}.notifications-menu-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color)}.notifications-menu-actions{display:flex;gap:.5rem;align-items:center}.notifications-menu-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-light);transition:all .2s ease}.notifications-menu-btn:hover{background-color:var(--secondary-color);color:var(--text-color)}.notifications-menu-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-menu-content{overflow-y:auto;overflow-x:hidden;max-height:400px}.notifications-list{list-style:none;margin:0;padding:0}.notification-item{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#f0f7ff}.notification-item.unread:hover{background-color:#e6f2ff}.notification-item-button{width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:0}.notification-item-content{padding:1rem 1.25rem}.notification-item-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.notification-title{font-size:.9375rem;font-weight:600;color:var(--text-color);flex:1}.notification-message{font-size:.875rem;color:var(--text-light);margin:.5rem 0;line-height:1.5}.notification-time{font-size:.75rem;color:var(--text-light);margin:0}.notifications-menu-empty{padding:3rem 2rem;text-align:center;color:var(--text-light)}.notifications-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.notifications-menu-empty p{margin:0;font-size:.9375rem}.notifications-menu-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border-color);background-color:#f8f9fa}.notifications-view-all-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #6d5ffa33}.notifications-view-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #6d5ffa4d;background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary-color) 100%)}.notifications-view-all-btn:active{transform:translateY(0);box-shadow:0 2px 4px #6d5ffa33}.notifications-view-all-btn svg{transition:transform .2s ease}.notifications-view-all-btn:hover svg{transform:translate(2px)}.notifications-loading,.notifications-error{padding:2rem;text-align:center;color:var(--text-light)}.notifications-menu-content::-webkit-scrollbar{width:6px}.notifications-menu-content::-webkit-scrollbar-track{background:transparent}.notifications-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.notifications-menu-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.dropdown-menu{position:absolute;right:0;background-color:var(--light-color);border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border-color);width:280px;overflow:hidden;z-index:1001;animation:fadeIn .2s ease-out}.dropdown-header{padding:1rem;border-bottom:1px solid var(--border-color)}.dropdown-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.dropdown-list{list-style:none;margin:0;padding:.5rem}.dropdown-item a,.dropdown-item button{display:flex;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;color:var(--text-color)!important;border-radius:6px;transition:background-color .2s;width:100%;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-family);font-size:.875rem}.dropdown-item a span,.dropdown-item button span,.dropdown-item a *,.dropdown-item button *{color:var(--text-color)!important}.dropdown-item a:hover,.dropdown-item button:hover{background-color:var(--secondary-color)}.dropdown-footer{padding:.75rem;text-align:center;border-top:1px solid var(--border-color)}.dropdown-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color)}.user-name{font-weight:600;margin:0;color:var(--text-color)}.user-email{font-size:.75rem;color:var(--text-light);margin:0}.notification-text{margin:0;font-size:.875rem;line-height:1.4;color:var(--text-color)}.notification-time{font-size:.75rem;color:var(--text-light);margin-top:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-top-header{display:none}@media(max-width:768px){.mobile-top-header{display:block;position:fixed;top:0;left:0;right:0;width:100vw;background:#fff;border-bottom:1px solid #e5e7eb;z-index:1000;box-shadow:0 1px 3px #0000000d}.mobile-top-header-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top,0));height:56px;box-sizing:border-box;gap:.75rem}.mobile-menu-toggle{background:#6d5ffa1a;border:none;color:var(--primary-color);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px;height:40px;flex-shrink:0}.mobile-menu-toggle:hover{background:#6d5ffa26;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-header-logo{flex:1;display:flex;align-items:center;justify-content:center;text-decoration:none;height:100%}.mobile-logo-image{height:32px;width:auto;max-width:120px;-o-object-fit:contain;object-fit:contain;transition:all .3s ease}.mobile-logo-image:hover{transform:scale(1.05);opacity:.9}.mobile-logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:12px;color:#fff;box-shadow:0 2px 8px #6d5ffa40;transition:all .2s ease}.mobile-logo-icon:hover{transform:scale(1.05);box-shadow:0 4px 12px #6d5ffa59}.mobile-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mobile-header-icon-btn{background:#6d5ffa1a;border:none;color:var(--primary-color);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px;height:40px;position:relative}.mobile-header-icon-btn:hover{background:#6d5ffa26;transform:scale(1.05)}.mobile-header-icon-btn:active{transform:scale(.95)}}.mobile-bottom-nav{display:none}@media(max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;width:100vw;align-items:stretch;justify-content:space-around;background:#fff;border-top:1px solid #e5e7eb;padding:.5rem 0;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0));z-index:999;box-shadow:0 -1px 3px #0000000d;box-sizing:border-box}.mobile-bottom-nav .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;padding:.5rem .25rem;border:none;background:none;color:#64748b;cursor:pointer;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;text-decoration:none;box-sizing:border-box;gap:.25rem}.mobile-bottom-nav .mobile-nav-item:hover{color:var(--primary-color);background:#6d5ffa0d}.mobile-bottom-nav .mobile-nav-item.active{color:var(--primary-color)}.mobile-bottom-nav .mobile-nav-item.active svg{color:var(--primary-color);transform:scale(1.1)}.mobile-bottom-nav .mobile-nav-item svg{width:22px;height:22px;stroke-width:2;flex-shrink:0;color:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}}.mobile-header-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 8px #ef444466,0 0 0 2px #fff}.mobile-sidebar{position:fixed;inset:0;z-index:2000;pointer-events:none;transition:pointer-events .3s ease}.mobile-sidebar.open{pointer-events:auto}.mobile-sidebar-overlay{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-sidebar.open .mobile-sidebar-overlay{opacity:1}.mobile-sidebar-content{position:absolute;top:0;left:0;width:85%;max-width:320px;height:100%;background:#fff;box-shadow:2px 0 12px #00000026;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.mobile-sidebar.open .mobile-sidebar-content{transform:translate(0)}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-sidebar-logo{height:32px;width:auto;max-width:180px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mobile-sidebar-close{background:#fff3;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;width:36px;height:36px}.mobile-sidebar-close:hover{background:#ffffff4d;transform:scale(1.1)}.mobile-sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column}.mobile-sidebar-link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;color:var(--text-color);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.mobile-sidebar-link svg{flex-shrink:0;width:20px;height:20px}.mobile-sidebar-link span{flex:1}.mobile-sidebar-link:hover{background-color:#f8fafc;color:var(--primary-color)}.mobile-sidebar-link.active{background-color:#6d5ffa1a;color:var(--primary-color);border-left-color:var(--primary-color);font-weight:600}.mobile-sidebar-divider{height:1px;background:var(--border-color);margin:.5rem 1.25rem}.mobile-sidebar-language{padding:0 1.25rem;margin:.5rem 0}.mobile-sidebar-logout{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;margin:.5rem 1.25rem;background:#fee2e2;color:#dc2626;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-sidebar-logout:hover{background:#fecaca;transform:translateY(-1px);box-shadow:0 2px 8px #dc262633}.mobile-sidebar-logout:active{transform:translateY(0)}.mobile-sidebar-logout svg{flex-shrink:0}.desktop-header{display:none}@media(min-width:769px){.desktop-header{display:flex;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-bottom:none;box-shadow:0 4px 20px #6d5ffa33;height:var(--header-height);position:fixed;top:0;width:100%;z-index:1000;align-items:center}.desktop-header .container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.header-left,.header-right{display:flex;align-items:center;gap:1.25rem}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.5rem;font-weight:700;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-logo-img{height:30px;width:auto;max-width:200px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1);transition:all .3s ease}.header-nav{display:flex;align-items:center;gap:.5rem}.header-nav a{padding:.5rem 1rem;text-decoration:none;color:#ffffffe6;font-weight:500;font-size:.875rem;border-radius:var(--border-radius);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.header-nav a:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:#fff;border-radius:2px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.header-nav a:hover{color:#fff;background-color:#ffffff26;transform:translateY(-1px)}.header-nav a:hover:before{transform:translate(-50%) scaleX(1)}.header-nav a.active{color:#fff;background-color:#fff3;font-weight:600;box-shadow:0 2px 8px #0000001a}.header-nav a.active:before{transform:translate(-50%) scaleX(1)}.team-menu-container{position:relative;display:inline-block}.team-menu-container:hover .team-dropdown-menu{display:block;opacity:1;visibility:visible;transform:translateY(0)}.team-menu-button{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;text-decoration:none;color:#ffffffe6;font-weight:500;font-size:.875rem;border-radius:var(--border-radius);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:none;border:none;cursor:pointer;font-family:var(--font-family)}.team-menu-button:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:#fff;border-radius:2px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.team-menu-container:hover .team-menu-button{color:#fff;background-color:#ffffff26;transform:translateY(-1px)}.team-menu-container:hover .team-menu-button:before{transform:translate(-50%) scaleX(1)}.team-menu-button.active{color:#fff;background-color:#fff3;font-weight:600;box-shadow:0 2px 8px #0000001a}.team-menu-button.active:before{transform:translate(-50%) scaleX(1)}.team-menu-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1)}.team-menu-container:hover .team-menu-chevron,.team-menu-chevron.open{transform:rotate(180deg)}.team-dropdown-menu{color:#2d3748!important;position:absolute;top:calc(100% + .5rem);left:0;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(109,95,250,.2);border-radius:.75rem;box-shadow:0 10px 25px #6d5ffa26;padding:.5rem;min-width:200px;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease-out,visibility .2s ease-out,transform .2s ease-out;pointer-events:auto}.team-dropdown-menu *{color:inherit}.team-dropdown-menu,.team-dropdown-menu a,.team-dropdown-menu span{color:#2d3748!important}.team-dropdown-item,.team-dropdown-item a{color:var(--primary-color, #6d5ffa)!important}.team-dropdown-item span:not(.beta-badge-small){color:var(--primary-color, #6d5ffa)!important}.team-menu-container:hover .team-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.team-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:var(--primary-color, #6d5ffa)!important;border-radius:.5rem;transition:all .2s ease;font-size:.875rem;font-weight:500;position:relative}.team-dropdown-item span{color:var(--primary-color, #6d5ffa)!important}.team-dropdown-item:hover{background-color:#6d5ffa1a;color:var(--primary-color, #6d5ffa)!important;transform:translate(4px)}.team-dropdown-item:hover span{color:var(--primary-color, #6d5ffa)!important}.team-dropdown-item.active{background-color:#6d5ffa26;color:var(--primary-color, #6d5ffa)!important;font-weight:600}.team-dropdown-item.active span{color:var(--primary-color, #6d5ffa)!important}.team-dropdown-item svg{flex-shrink:0;color:var(--primary-color, #6d5ffa);transition:transform .2s ease}.team-dropdown-item:hover svg{transform:scale(1.1)}.beta-badge-small{display:inline-block;margin-left:auto;padding:.125rem .375rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;box-shadow:0 2px 4px #f59e0b4d}.beta-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;box-shadow:0 2px 4px #f59e0b4d;animation:pulse-beta 2s infinite}.beta-badge-mobile{display:inline-block;margin-left:auto;padding:.125rem .375rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;box-shadow:0 2px 4px #f59e0b4d}@keyframes pulse-beta{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.desktop-header .dropdown-menu{top:calc(100% + 8px);background:#fff;border:1.5px solid var(--border-color);box-shadow:var(--shadow-lg);color:var(--text-color)!important}.desktop-header .dropdown-menu *,.desktop-header .dropdown-item a,.desktop-header .dropdown-item button,.desktop-header .dropdown-item a span,.desktop-header .dropdown-item button span{color:var(--text-color)!important}.desktop-header .language-switcher-button{background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);color:#fff}.desktop-header .language-switcher-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.desktop-header .language-switcher-button svg{color:#fff;stroke:#fff}.desktop-header .language-dropdown{bottom:auto;top:calc(100% + .5rem);right:0;left:auto;animation:slideDownFromTop .2s ease-out}@keyframes slideDownFromTop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}.logout-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:linear-gradient(135deg,#fff,#f8fafc);color:var(--text-color);cursor:pointer;transition:all .2s ease-in-out}.logout-btn:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:var(--primary-color);border-color:#c7d2fe;box-shadow:0 6px 18px #5d50ff1f}.logout-btn svg{stroke:currentColor}.mobile-nav-label{font-size:.625rem;font-weight:500;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(min-width:769px){.mobile-top-header,.mobile-bottom-nav{display:none}}.mobile-nav-logout{color:#ef4444}.mobile-nav-logout:hover{background:#fef2f2;color:#dc2626}.mobile-nav-logout.active{background:#fee2e2;color:#dc2626}.mobile-nav-wrapper{display:none}.mobile-menu-button{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6c5ffc,#5a4fcf);border:none;box-shadow:0 4px 12px #6c5ffc66;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:1001}.mobile-menu-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #6c5ffc80}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu{position:fixed;bottom:5rem;right:1.5rem;width:calc(100vw - 3rem);max-width:320px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;z-index:1000;overflow:hidden;animation:slideUp .3s ease;border:1px solid #e5e7eb;max-height:calc(100vh - 8rem);display:flex;flex-direction:column}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.mobile-menu-header h3{margin:0;font-size:1rem;font-weight:600;color:#1a202c}.mobile-menu-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-menu-close:hover{background:#f1f5f9;color:#1a202c}.mobile-menu-content{overflow-y:auto;padding:.5rem;max-height:calc(100vh - 12rem)}.mobile-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;background:none;text-decoration:none;color:#475569;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:10px;transition:all .2s ease;text-align:left;position:relative}.mobile-menu-item:hover{background:#f8fafc;color:#1a202c}.mobile-menu-item.active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#6c5ffc}.mobile-menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0;position:relative}.mobile-menu-item.active .mobile-menu-icon{color:#6c5ffc}.mobile-menu-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.mobile-menu-logout{color:#ef4444}.mobile-menu-logout:hover{background:#fef2f2;color:#dc2626}.mobile-menu-logout .mobile-menu-icon{color:#ef4444}.mobile-menu-logout:hover .mobile-menu-icon{color:#dc2626}.notification-badge-mobile{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border:2px solid white}.mobile-menu .dropdown-menu{position:absolute;bottom:calc(100% + 8px);right:0;width:calc(100vw - 3rem);max-width:320px;z-index:1002}.chatbot-button{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #6c5ffc) 0%,#8b7cf6 100%);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6c5ffc66;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;animation:pulse 2s ease-in-out infinite}.chatbot-button:hover{transform:scale(1.1);box-shadow:0 12px 32px #6c5ffc80}.chatbot-button:active{transform:scale(.95)}.chatbot-button-hidden{opacity:0;pointer-events:none;transform:scale(.8)}.chatbot-button-badge{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #10b98166;animation:sparkle 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 8px 24px #6c5ffc66}50%{box-shadow:0 8px 24px #6c5ffc99,0 0 0 8px #6c5ffc1a}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}.chatbot-widget{position:fixed;bottom:2rem;right:2rem;width:380px;max-width:calc(100vw - 4rem);max-height:calc(100vh - 4rem);background:#fff;border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;z-index:1001;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color, #e2e8f0)}.chatbot-header{background:linear-gradient(135deg,var(--primary-color, #6c5ffc) 0%,#8b7cf6 100%);color:#fff;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.chatbot-header-content{display:flex;align-items:center;gap:1rem;flex:1}.chatbot-avatar{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);animation:float 3s ease-in-out infinite}.chatbot-header-text{flex:1}.chatbot-name{margin:0;font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:-.02em}.chatbot-status{margin:.25rem 0 0;font-size:.875rem;color:#ffffffe6;font-weight:500}.chatbot-close-button{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chatbot-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.chatbot-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;max-height:calc(100vh - 200px)}.chatbot-welcome-message{display:flex;flex-direction:column;gap:.75rem}.chatbot-message-bubble{background:var(--bg-secondary, #f8fafc);border-radius:1rem;padding:1.25rem;border:1px solid var(--border-color, #e2e8f0)}.chatbot-message-text{margin:0 0 1rem;font-size:.9375rem;line-height:1.6;color:var(--text-primary, #1e293b)}.chatbot-learning-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#6c5ffc1a,#8b7cf61a);border-radius:.75rem;border:1px solid rgba(108,95,252,.2)}.chatbot-sparkle-icon{color:var(--primary-color, #6c5ffc);animation:sparkle 1.5s ease-in-out infinite}.chatbot-learning-text{font-size:.875rem;font-weight:600;color:var(--primary-color, #6c5ffc);flex:1}.chatbot-features{display:flex;flex-direction:column;gap:1rem}.chatbot-feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary, #f8fafc);border-radius:.75rem;border:1px solid var(--border-color, #e2e8f0);transition:all .2s ease}.chatbot-feature-item:hover{background:#6c5ffc0d;border-color:var(--primary-color, #6c5ffc);transform:translate(4px)}.chatbot-feature-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.chatbot-feature-text{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-primary, #1e293b);flex:1}@media(max-width:768px){.chatbot-button{bottom:5rem;right:1.5rem;width:56px;height:56px;z-index:1000}.chatbot-widget{bottom:5rem;right:1.5rem;width:calc(100vw - 3rem);max-width:380px;max-height:calc(100vh - 7rem);z-index:1001}.chatbot-body{max-height:calc(100vh - 280px)}}@media(max-width:480px){.chatbot-button{bottom:4.5rem;right:1rem;width:52px;height:52px;z-index:1000}.chatbot-widget{bottom:4.5rem;right:1rem;width:calc(100vw - 2rem);max-height:calc(100vh - 6rem);z-index:1001}.chatbot-header{padding:1rem 1.25rem}.chatbot-avatar{width:40px;height:40px}.chatbot-name{font-size:1rem}.chatbot-status{font-size:.8125rem}.chatbot-body{padding:1.25rem;max-height:calc(100vh - 160px)}}.workflow-alert-button{position:fixed;bottom:2rem;left:2rem;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #f59e0b66;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;animation:alertPulse 2s ease-in-out infinite}.workflow-alert-button:hover{transform:scale(1.1);box-shadow:0 12px 32px #f59e0b80}.workflow-alert-button:active{transform:scale(.95)}.workflow-alert-button-hidden{opacity:0;pointer-events:none;transform:scale(.8)}.workflow-alert-badge{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #ef444466;animation:badgeBounce 1s ease-in-out infinite}@keyframes alertPulse{0%,to{box-shadow:0 8px 24px #f59e0b66}50%{box-shadow:0 8px 24px #f59e0b99,0 0 0 8px #f59e0b1a}}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.workflow-alert-widget{position:fixed;bottom:2rem;left:2rem;width:400px;max-width:calc(100vw - 4rem);max-height:calc(100vh - 4rem);background:#fff;border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;z-index:1001;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color, #e2e8f0)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.workflow-alert-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.workflow-alert-header-content{display:flex;align-items:center;gap:1rem;flex:1}.workflow-alert-icon{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.workflow-alert-header-text{flex:1}.workflow-alert-title{margin:0;font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:-.02em}.workflow-alert-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#ffffffe6;font-weight:500}.workflow-alert-close-button{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workflow-alert-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.workflow-alert-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:calc(100vh - 200px)}.workflow-alert-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.workflow-alert-spinner{width:32px;height:32px;border:3px solid var(--border-color, #e2e8f0);border-top:3px solid #f59e0b;border-radius:50%;animation:spin 1s linear infinite}.workflow-alert-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;text-align:center}.workflow-alert-success-icon{color:#10b981;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.workflow-alert-empty-text{margin:0;font-size:.9375rem;color:var(--text-secondary, #6b7280);font-weight:500}.workflow-alert-messages{display:flex;flex-direction:column;gap:.75rem}.workflow-alert-message-item{padding:1rem;background:var(--bg-secondary, #f8fafc);border-radius:.75rem;border:1px solid var(--border-color, #e2e8f0);transition:all .2s ease}.workflow-alert-message-item:hover{background:#f59e0b0d;border-color:#f59e0b4d;transform:translate(4px)}.workflow-alert-message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.workflow-alert-message-date{font-size:.8125rem;font-weight:600;color:var(--text-primary, #1f2937)}.workflow-alert-message-type{font-size:.75rem;padding:.25rem .5rem;background:#f59e0b1a;color:#d97706;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.workflow-alert-message-content{margin-top:.5rem}.workflow-alert-message-text{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary, #6b7280)}.workflow-alert-more{padding:.75rem;background:#f59e0b0d;border-radius:.5rem;text-align:center}.workflow-alert-more-text{margin:0;font-size:.875rem;font-weight:600;color:#d97706}.workflow-alert-view-all{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:.9375rem;transition:all .2s ease;margin-top:.5rem}.workflow-alert-view-all:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.workflow-alert-view-all:active{transform:translateY(0)}@media(max-width:768px){.workflow-alert-button{bottom:10rem;left:1.5rem;width:56px;height:56px;z-index:1000}.workflow-alert-widget{bottom:10rem;left:1.5rem;width:calc(100vw - 3rem);max-width:400px;max-height:calc(100vh - 12rem);z-index:1001}.workflow-alert-body{max-height:calc(100vh - 280px)}}@media(max-width:480px){.workflow-alert-button{bottom:9.5rem;left:1rem;width:52px;height:52px;z-index:1000}.workflow-alert-widget{bottom:9.5rem;left:1rem;width:calc(100vw - 2rem);max-height:calc(100vh - 11rem);z-index:1001}.workflow-alert-header{padding:1rem 1.25rem}.workflow-alert-icon{width:40px;height:40px}.workflow-alert-title{font-size:1rem}.workflow-alert-subtitle{font-size:.8125rem}.workflow-alert-body{padding:1.25rem;max-height:calc(100vh - 160px)}}.smart-ticker-container{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 calc(-50vw + 50%) 0 calc(-50vw + 50%);width:100vw;left:0;right:0;border-radius:0;box-shadow:0 2px 8px #6d5ffa26;overflow:hidden;margin-top:0;height:52px;transition:box-shadow .2s ease;color:#fff;padding:0 2.5rem;background:linear-gradient(135deg,#6d5ffa,#5a4cd8,#7c6bfa 60%,#6d5ffa);background-size:300% 300%;animation:dynamicGradient 6s ease infinite}@keyframes dynamicGradient{0%{background-position:0% 50%;filter:hue-rotate(0deg)}25%{background-position:100% 50%;filter:hue-rotate(5deg)}50%{background-position:100% 100%;filter:hue-rotate(0deg)}75%{background-position:0% 100%;filter:hue-rotate(-5deg)}to{background-position:0% 50%;filter:hue-rotate(0deg)}}.smart-ticker-container:hover{box-shadow:0 4px 12px #6d5ffa40}.ticker-content-wrapper{display:flex;align-items:center;gap:1.5rem;flex:1;overflow:hidden;position:relative;height:100%;z-index:2}.ticker-item-display{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;white-space:nowrap;position:absolute;left:0;right:0;height:100%;width:100%}.ticker-item-display.slide-in{opacity:0;transform:translate(50px) scale(.95);animation:slideInDynamic .3s cubic-bezier(.4,0,.2,1) forwards}.ticker-item-display.slide-out{opacity:1;transform:translate(0) scale(1);animation:slideOutDynamic .15s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInDynamic{0%{opacity:0;transform:translate(50px) scale(.95)}60%{opacity:.8;transform:translate(-5px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutDynamic{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-50px) scale(.95)}}.ticker-item-text{display:inline-block;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.02em;color:#fff;font-weight:600}.ticker-item-icon{display:flex;align-items:center;justify-content:center;color:#fffffff2;flex-shrink:0;transition:transform .2s ease}.smart-ticker-container:hover .ticker-item-icon{transform:scale(1.1)}@media(max-width:768px){.smart-ticker-container{margin:0 calc(-50vw + 50%) 0 calc(-50vw + 50%);width:100vw;padding:.75rem 1rem;height:auto;min-height:64px;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem}.ticker-content-wrapper{flex-direction:row;align-items:center;gap:.75rem;width:100%}.ticker-item-display{position:relative;left:0;width:100%;font-size:.9rem;white-space:normal}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;opacity:1;transition:opacity .8s ease-in-out,visibility .8s ease-in-out;visibility:visible}.splash-screen.visible{opacity:1;visibility:visible}.splash-screen.fade-out{opacity:0;visibility:hidden;transition:opacity 1s ease-in-out,visibility 1s ease-in-out}.splash-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6d5ffa,#5a4ff8,#00c7ff);background-size:200% 200%;animation:gradientShift 8s ease infinite;overflow:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:linear-gradient(135deg,#6d5ffa,#5a4ff8);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(225deg,#00c7ff,#5a4ff8);bottom:-150px;right:-150px;animation-delay:-7s}.orb-3{width:350px;height:350px;background:linear-gradient(45deg,#6d5ffa,#5a4ff8,#00c7ff);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.splash-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;animation:fadeInScale .8s ease-out}.splash-logo{max-width:80%;max-height:60vh;width:auto;height:auto;min-width:300px;min-height:100px;-o-object-fit:contain;object-fit:contain;animation:logoPulse 2s ease-in-out infinite;display:block;margin:0 auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));transition:opacity 1s ease-in-out}@keyframes logoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.splash-logo{max-width:90%;max-height:50vh}.orb-1{width:400px;height:400px}.orb-2{width:300px;height:300px}.orb-3{width:250px;height:250px}}@media(max-width:480px){.splash-logo{max-width:55%;max-height:30vh}.gradient-orb{filter:blur(60px)}.orb-1{width:300px;height:300px}.orb-2{width:250px;height:250px}.orb-3{width:200px;height:200px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family),system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 252 95% 67%;--primary-foreground: 0 0% 100%;--secondary: 215 16% 47%;--secondary-foreground: 0 0% 100%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 252 95% 67%;--radius: .5rem}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.right-\[50\%\]{right:50%}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-span-full{grid-column:1 / -1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-7{margin-left:1.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[2px\]{height:2px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-60{max-height:15rem}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.min-h-\[36px\]{min-height:36px}.min-h-\[44px\]{min-height:44px}.min-h-\[52px\]{min-height:52px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[800px\]{min-width:800px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[200px\]{max-width:200px}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.caption-bottom{caption-side:bottom}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-md{border-radius:var(--border-radius)}.rounded-sm{border-radius:calc(var(--border-radius) * .5)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-destructive{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input))}.border-primary{--tw-border-opacity: 1;border-color:rgb(109 95 250 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-l-primary{--tw-border-opacity: 1;border-left-color:rgb(109 95 250 / var(--tw-border-opacity, 1))}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-background\/95{background-color:hsl(var(--background) / .95)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-border{background-color:hsl(var(--border))}.bg-card{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-destructive{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-muted{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-muted\/50{background-color:#f8fafc80}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-popover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(109 95 250 / var(--tw-bg-opacity, 1))}.bg-primary\/80{background-color:#6d5ffacc}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(74 85 104 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-20{padding-bottom:5rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[56\.25\%\]{padding-top:56.25%}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-\[10px\]{font-size:10px}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-xl{font-size:var(--font-size-xl)}.text-xs{font-size:var(--font-size-xs)}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-card-foreground{--tw-text-opacity: 1;color:rgb(26 32 44 / var(--tw-text-opacity, 1))}.text-destructive{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-destructive-foreground{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-muted{--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity, 1))}.text-muted-foreground{--tw-text-opacity: 1;color:rgb(74 85 104 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-popover-foreground{--tw-text-opacity: 1;color:rgb(26 32 44 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(109 95 250 / var(--tw-text-opacity, 1))}.text-primary-foreground{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-secondary-foreground{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-primary\/20{--tw-ring-color: rgb(109 95 250 / .2)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.fade-out{--tw-exit-opacity: 0}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.running{animation-play-state:running}:root{--primary-color: #6d5ffa;--primary-dark: #5a4cd8;--primary-hover: #5a4ff8;--secondary-color: #4a5568;--light-color: #f8fafc;--dark-color: #1a202c;--text-color: #1a202c;--text-light: #4a5568;--border-color: #e2e8f0;--background-color: #f5f7fa;--white: #ffffff;--error-color: #ef4444;--warning-color: #f59e0b;--success-color: #10b981;--info-color: #3b82f6;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container-width: 1280px;--border-radius: .5rem;--border-radius-lg: .75rem;--header-height: 64px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-primary: 0 10px 15px -3px rgba(109, 95, 250, .3), 0 4px 6px -2px rgba(109, 95, 250, .2);--transition-base: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--touch-target-min: 44px}html{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}body{font-family:var(--font-family);margin:0;padding:0;background:linear-gradient(to bottom,#f8fafc,#fff,#f1f5f9);background-attachment:fixed;color:var(--text-color);font-size:.875rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-lg);box-sizing:border-box;width:100%}@media(max-width:768px){.container{padding:0 var(--spacing-md);max-width:100vw;width:100%;overflow-x:hidden}}.page-container{padding:var(--spacing-lg);max-width:var(--container-width);margin:0 auto;width:100%;box-sizing:border-box}@media(max-width:768px){.page-container{padding:var(--spacing-md)}}.dashboard-layout{padding-top:var(--header-height)}@media(max-width:768px){.dashboard-layout{padding-top:calc(56px + 1rem);padding-bottom:calc(64px + 1rem)}}.dashboard-content{padding:var(--spacing-xl) 0;width:100%;max-width:100%;box-sizing:border-box}@media(max-width:768px){.dashboard-content{padding:var(--spacing-md) 0;overflow-x:hidden}}.page-title{font-size:2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#1a202c,#6d5ffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.page-subtitle{font-size:.8125rem;color:var(--text-light);margin-top:.5rem;font-weight:400;line-height:1.5}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#6d5ffa0f,#fff6,#8b5cf60a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1.5px solid rgba(226,232,240,.5);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-base);min-height:var(--touch-target-min);width:auto;text-decoration:none;font-family:var(--font-family);position:relative}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-xs);min-height:36px}.btn-md{padding:.75rem 1.5rem;font-size:var(--font-size-sm);min-height:var(--touch-target-min)}.btn-lg{padding:1rem 2rem;font-size:var(--font-size-base);min-height:52px}.btn:disabled,.btn.loading{opacity:.6;cursor:not-allowed;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-primary);letter-spacing:.3px;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);box-shadow:0 10px 25px #6d5ffa66;transform:translateY(-3px) scale(1.02)}.btn-primary:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 4px 12px #6d5ffa4d}.btn-primary:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--secondary-color);border:2px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.btn-secondary:hover:not(:disabled){background:#fff;border-color:#6d5ffa4d;color:#6d5ffa;transform:translateY(-2px);box-shadow:0 4px 12px #6d5ffa26}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:0;margin-bottom:.625rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--dark-color);margin-bottom:.5rem}.input,.select,.textarea{padding:.625rem 1rem;border:1.5px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;color:var(--dark-color);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;background:#fff;font-family:var(--font-family)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #6d5ffa1a,0 4px 6px -1px #0000001a;transform:translateY(-1px)}.input:hover:not(:disabled):not(:focus),.select:hover:not(:disabled):not(:focus),.textarea:hover:not(:disabled):not(:focus){border-color:#cbd5e1}.input:disabled,.select:disabled,.textarea:disabled{background:#f1f5f9;cursor:not-allowed}.error-message{color:#dc2626;font-size:.8125rem;text-align:left;padding:.75rem 1rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:var(--border-radius);margin-bottom:.875rem;box-shadow:0 2px 8px #dc26261a}.success-message{color:var(--success-color);font-size:.8125rem;text-align:left;padding:.75rem 1rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;border-radius:var(--border-radius);margin-bottom:.875rem;box-shadow:0 2px 8px #10b9811a}.card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.card:hover{border-color:#cbd5e0;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--dark-color);margin:0}.card-body{color:var(--text-color);line-height:1.6}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--border-radius)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--spacing-sm);border-radius:4px}.skeleton-text:last-child{margin-bottom:0}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-image{width:100%;height:200px;border-radius:var(--border-radius)}.skeleton-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-light)}.empty-state-icon-wrapper{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,#6d5ffa0d,#6d5ffa05);border-radius:50%;border:2px dashed var(--border-color)}.empty-state-icon{color:var(--text-light);opacity:.6;stroke-width:1.5}.empty-state-title{font-size:var(--font-size-xl);font-weight:600;color:var(--dark-color);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:var(--font-size-base);color:var(--text-light);margin-bottom:var(--spacing-lg);max-width:400px;margin-left:auto;margin-right:auto}.empty-state-action{margin-top:var(--spacing-lg)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);align-items:center}.filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.5rem .875rem;background:#fff;border:1.5px solid var(--border-color);border-radius:9999px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-color);transition:var(--transition-base);box-shadow:var(--shadow-sm)}.filter-chip:hover{border-color:#cbd5e1;box-shadow:var(--shadow-md);transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,#6d5ffa1a,#5a4ffb14);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 2px 8px #6d5ffa26}.filter-chip.active:hover{background:linear-gradient(135deg,#6d5ffa26,#5a4ffb1f);box-shadow:0 4px 12px #6d5ffa33}.filter-chip-remove{background:#0000000d;border:none;color:var(--text-light);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:var(--transition-base);margin-left:.25rem}.filter-chip-remove:hover{background:#ef44441a;color:var(--error-color);transform:scale(1.1)}.filter-chip.active .filter-chip-remove{background:#6d5ffa26;color:var(--primary-color)}.filter-chip.active .filter-chip-remove:hover{background:#ef444426;color:var(--error-color)}.filter-chip-clear-all{margin-left:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--primary-color);background:none;border:none;cursor:pointer;padding:.5rem .75rem;transition:var(--transition-base)}.filter-chip-clear-all:hover{text-decoration:underline}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;width:100%}@media(max-width:768px){.toast-container{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}}.toast{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border-left:4px solid;animation:toast-slide-in .3s ease-out;min-height:var(--touch-target-min)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{border-left-color:var(--success-color)}.toast.error{border-left-color:var(--error-color)}.toast.warning{border-left-color:var(--warning-color)}.toast.info{border-left-color:var(--info-color)}.toast-icon{flex-shrink:0;width:var(--icon-lg);height:var(--icon-lg)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--font-size-sm);font-weight:600;color:var(--dark-color);margin-bottom:.25rem}.toast-message{font-size:var(--font-size-sm);color:var(--text-light);line-height:1.5}.toast-close{background:none;border:none;color:var(--text-light);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:var(--transition-base);flex-shrink:0}.toast-close:hover{background:var(--light-color);color:var(--text-color)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.25rem .75rem;border-radius:9999px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.success{background:#10b9811a;color:var(--success-color)}.status-badge.error{background:#ef44441a;color:var(--error-color)}.status-badge.warning{background:#f59e0b1a;color:var(--warning-color)}.status-badge.info{background:#3b82f61a;color:var(--info-color)}.filter-section{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.filter-section .search-bar{position:relative;flex:1 1 280px;min-width:220px}.filter-section .search-input{width:100%}.advanced-filters{display:flex;gap:1rem;flex-wrap:wrap}.filter-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-group label{font-size:.75rem;color:var(--text-light);margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.filter-actions{margin-left:auto}.btn-reset{background-color:transparent;color:var(--text-light);border:1.5px solid var(--border-color);padding:.625rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-reset:hover{background-color:var(--light-color);border-color:#cbd5e1;color:var(--dark-color)}.card{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(226,232,240,.8);border-radius:16px;padding:1.75rem;box-shadow:var(--shadow-md);transition:var(--transition-smooth);box-sizing:border-box;width:100%;max-width:100%;overflow:visible;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6d5ffa,#8b5cf6,#6d5ffa);background-size:200% 100%;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card:hover{box-shadow:var(--shadow-xl);border-color:#6d5ffa4d;transform:translateY(-4px);background:#fff}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.125rem;font-weight:600;color:var(--dark-color);margin:0;word-wrap:break-word;overflow-wrap:break-word}.card-content{color:var(--text-color);line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:768px){.card{padding:1rem;max-width:100vw;width:100%}.card-header{flex-wrap:wrap;gap:.5rem}.card-title{font-size:1rem}}@media(max-width:640px){.filter-actions{width:100%}}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:var(--font-size-sm)}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{--tw-text-opacity: 1;color:rgb(74 85 104 / var(--tw-text-opacity, 1))}.placeholder\:text-muted-foreground::placeholder{--tw-text-opacity: 1;color:rgb(74 85 104 / var(--tw-text-opacity, 1))}.hover\:border-primary\/20:hover{border-color:#6d5ffa33}.hover\:bg-accent:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-muted\/50:hover{background-color:#f8fafc80}.hover\:bg-orange-700:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/90:hover{background-color:#6d5ffae6}.hover\:bg-secondary\/80:hover{background-color:#4a5568cc}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:text-accent-foreground:hover{--tw-text-opacity: 1;color:rgb(26 32 44 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-primary:hover{--tw-text-opacity: 1;color:rgb(109 95 250 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:bg-accent:focus{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.focus\:text-accent-foreground:focus{--tw-text-opacity: 1;color:rgb(26 32 44 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-destructive:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:bg-accent[data-state=open]{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder],.data-\[state\=open\]\:text-muted-foreground[data-state=open]{--tw-text-opacity: 1;color:rgb(74 85 104 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}@media(min-width:640px){.sm\:max-w-\[425px\]{max-width:425px}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--border-radius-lg)}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-left{text-align:left}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-sm{font-size:var(--font-size-sm)}}@media(min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}:root{--primary-color: #6d5ffa;--secondary-color: #4a5568;--light-color: #f8fafc;--dark-color: #1a202c;--border-color: #e2e8f0;--border-radius: .75rem;--text-light: #4a5568;--error-color: #ef4444;--warning-color: #f59e0b;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1)}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--light-color) 0%,#e2e8f0 100%);padding:1rem;animation:fadeIn .5s ease-out}.auth-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);width:100%;padding:2rem}.auth-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.auth-toggle-btn{flex:1;padding:.75rem;background:none;border:none;font-size:1rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:color .3s ease,border-bottom .3s ease}.auth-toggle-btn.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.auth-toggle-btn:hover{color:var(--primary-color)}.auth-form-container{display:flex;flex-direction:column;gap:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form h2{font-size:1.5rem;font-weight:700;color:var(--dark-color);text-align:center;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--dark-color)}.form-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.95rem;color:var(--dark-color);transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6d5ffa33}.form-group input:disabled{background:#f1f5f9;cursor:not-allowed}.btn{padding:.75rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#5a4cd8;transform:translateY(-2px)}.btn-primary:disabled{background:#a3bffa;cursor:not-allowed}.auth-divider{text-align:center;position:relative;margin:1rem 0}.auth-divider span{background:#fff;padding:0 1rem;color:var(--text-light);font-size:.875rem}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color);z-index:-1}.error-message{color:var(--error-color);font-size:.875rem;text-align:center;padding:.75rem;background:#ef44441a;border-radius:.5rem}.error-message.warning{color:var(--warning-color);background:#f59e0b1a}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:var(--text-light)}.btn-spinner{width:18px;height:18px;margin:0}.google-login-wrapper{position:relative}.google-login-wrapper.disabled{opacity:.6;pointer-events:none}@media(max-width:480px){.auth-container{padding:1.5rem}.auth-form h2{font-size:1.25rem}.auth-toggle-btn{font-size:.9rem}}.dashboard{padding:2rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;padding-top:calc(var(--header-height) + 2rem)}.onboarding-progress-card{background:linear-gradient(135deg,#6d5ffa0d,#10b9810d);border:1.5px solid rgba(109,95,250,.2);border-radius:24px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 8px 32px #00000014;position:relative;overflow:hidden}.onboarding-progress-card:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(109,95,250,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%);pointer-events:none}.onboarding-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;position:relative;z-index:1}.onboarding-header-left{display:flex;align-items:center;gap:1.25rem;flex:1}.onboarding-icon-wrapper{position:relative;width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #6d5ffa4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #6d5ffa4d}50%{transform:scale(1.05);box-shadow:0 12px 32px #6d5ffa66}}.sparkle-animation{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:rotate(0) scale(1)}50%{opacity:.8;transform:rotate(180deg) scale(1.1)}}.zap-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.9}.onboarding-title{font-size:1.75rem;font-weight:700;color:var(--dark-color);margin:0 0 .5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.onboarding-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;font-weight:500}.onboarding-progress-circle{position:relative;width:80px;height:80px;flex-shrink:0}.progress-ring{transform:rotate(-90deg)}.progress-ring-background{color:#e2e8f080}.progress-ring-progress{color:var(--primary-color);transition:stroke-dashoffset .6s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:.25rem;font-weight:700}.progress-number{font-size:1.5rem;color:var(--primary-color)}.progress-divider,.progress-total{font-size:1rem;color:var(--text-secondary)}.onboarding-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.onboarding-step{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:16px;border:2px solid rgba(226,232,240,.8);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.onboarding-step:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color);transform:scaleY(0);transition:transform .3s ease}.onboarding-step:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary-color)}.onboarding-step:hover:before{transform:scaleY(1)}.onboarding-step.active{border-color:var(--primary-color);background:linear-gradient(135deg,#6d5ffa0d,#6d5ffa05);box-shadow:0 4px 16px #6d5ffa26;animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{box-shadow:0 4px 16px #6d5ffa26}50%{box-shadow:0 8px 24px #6d5ffa40}}.onboarding-step.active:before{transform:scaleY(1)}.onboarding-step.completed{opacity:.7;cursor:default}.onboarding-step.completed:hover{transform:none;box-shadow:none}.step-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;position:relative}.step-icon-wrapper.step-blue{background:#3b82f61a;color:#3b82f6}.step-icon-wrapper.step-indigo{background:#6366f11a;color:#6366f1}.step-icon-wrapper.step-purple{background:#9333ea1a;color:#9333ea}.step-icon-wrapper.step-green{background:#10b9811a;color:#10b981}.step-icon-wrapper.step-orange{background:#f973161a;color:#f97316}.step-icon-wrapper.step-teal{background:#14b8a61a;color:#14b8a6}.step-icon-wrapper.completed{background:#10b9811a;color:#10b981}.onboarding-step:hover .step-icon-wrapper{transform:scale(1.1)}.step-content{flex:1;min-width:0}.step-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.step-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.step-check{color:#10b981;flex-shrink:0}.step-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.step-arrow{color:var(--text-secondary);flex-shrink:0;transition:all .2s ease}.onboarding-step:hover .step-arrow{color:var(--primary-color);transform:translate(4px)}.onboarding-cta{display:flex;justify-content:center;padding-top:1.5rem;border-top:1px solid rgba(226,232,240,.5);position:relative;z-index:1}.onboarding-cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #6d5ffa4d}.onboarding-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6d5ffa66}.onboarding-cta-button:active{transform:translateY(0)}@media(max-width:768px){.onboarding-progress-card{padding:1.5rem;margin-bottom:1.5rem}.onboarding-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.onboarding-progress-circle{align-self:center}.onboarding-steps{grid-template-columns:1fr;gap:.75rem}.onboarding-step{padding:1rem}.onboarding-cta-button{width:100%;justify-content:center}.dashboard{padding-top:calc(56px + 1rem);padding-left:1rem;padding-right:1rem;padding-bottom:calc(64px + 1rem)}}.welcome-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6d5ffa1a,#6d5ffa08);border:1.5px solid rgba(109,95,250,.2);border-radius:var(--border-radius-lg);padding:2rem 2.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.welcome-banner:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(109,95,250,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%);pointer-events:none}.welcome-texts{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.quick-actions{display:flex;gap:.75rem;flex-wrap:wrap;position:relative;z-index:1}.qa-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--border-radius);border:1.5px solid var(--border-color);color:var(--dark-color);background:#fff;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s ease;min-height:42px}.qa-btn:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:var(--shadow-sm)}.qa-btn.primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 14px #6d5ffa40}.qa-btn.primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);border-color:var(--primary-dark);box-shadow:0 6px 20px #6d5ffa59}.dashboard-header{margin-bottom:30px}.dashboard-title{font-size:1.75rem;font-weight:700;color:var(--dark-color);margin:0;letter-spacing:-.3px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{font-size:.9375rem;color:var(--text-light);margin:0;font-weight:400;line-height:1.5}.dashboard-loading{text-align:center;padding:3rem 2rem;font-size:1rem;color:var(--text-light);display:flex;flex-direction:column;align-items:center;gap:1rem}.dashboard-loading .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.dashboard-error{text-align:center;padding:1.5rem;font-size:.9375rem;color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:var(--border-radius-lg);margin:1.5rem 0;box-shadow:0 2px 8px #dc26261a}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2rem;width:100%;box-sizing:border-box;animation:fadeIn .5s ease-out}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #00000008;padding:1.25rem 1.5rem;display:flex;align-items:center;transition:all .2s ease;border:1px solid #e2e8f0;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;position:relative;animation:slideIn .4s ease-out backwards}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:nth-child(5){animation-delay:.25s}.stat-card:nth-child(6){animation-delay:.3s}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0000001a;border-color:#cbd5e0}.stat-card:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f61a;border-color:#3b82f6}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0;transition:all .2s ease}.stat-icon.bg-blue-100{background:#dbeafe}.stat-icon.text-blue-600{color:#2563eb}.stat-icon.bg-purple-100{background:#e9d5ff}.stat-icon.text-purple-600{color:#9333ea}.stat-icon.bg-indigo-100{background:#e0e7ff}.stat-icon.text-indigo-600{color:#4f46e5}.stat-icon.bg-green-100{background:#dcfce7}.stat-icon.text-green-600{color:#16a34a}.stat-icon.bg-red-100{background:#fee2e2}.stat-icon.text-red-600{color:#dc2626}.stat-icon.bg-teal-100{background:#ccfbf1}.stat-icon.text-teal-600{color:#0d9488}.stat-content{flex:1;display:flex;flex-direction:column}.stat-title{font-size:.75rem;font-weight:400;color:#718096;margin:0;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 .25rem}.stat-trend{display:flex;align-items:center;gap:4px;font-size:.8rem}.stat-trend.positive{color:#38a169}.stat-trend.negative{color:#e53e3e}.stat-label{font-size:.75rem;color:#718096;font-weight:400;margin:0;line-height:1.4}.analytics-section{margin-bottom:30px}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.chart-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;border:1.5px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.chart-title-section{display:flex;align-items:center;gap:10px}.chart-icon{color:#6d5ffa}.chart-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0}.chart-controls{display:flex;gap:8px}.time-range-btn{padding:.5rem .875rem;border-radius:var(--border-radius);border:1.5px solid var(--border-color);background:#fff;color:var(--text-light);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.time-range-btn:hover{background:var(--light-color);border-color:#cbd5e1}.time-range-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px #6d5ffa33}.chart-container{min-height:300px;display:flex;align-items:center;justify-content:center}.chart-loading,.chart-error,.chart-empty{text-align:center;padding:2rem;color:#718096;font-size:.875rem}.chart-error{color:#e53e3e}.chart-empty{color:#a0aec0}.pie-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#a0aec0;font-size:.875rem}.revenue-chart-container{padding:20px 0;min-height:300px}.revenue-chart{display:flex;align-items:flex-end;justify-content:space-around;height:280px;gap:12px;padding:0 10px;position:relative}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.chart-bar{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.bar-fill{width:100%;max-width:60px;background:linear-gradient(to top,#6d5ffa,#8a7fff);border-radius:6px 6px 0 0;min-height:8px;transition:all .3s ease;position:relative;box-shadow:0 2px 4px #6d5ffa33}.bar-fill:hover{background:linear-gradient(to top,#5a4cd8,#6d5ffa);box-shadow:0 4px 8px #6d5ffa4d;transform:translateY(-2px)}.bar-info{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;text-align:center}.bar-value{font-size:.875rem;font-weight:700;color:#1a202c;white-space:nowrap}.bar-label{font-size:.7rem;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.status-chart{display:flex;flex-direction:column;gap:24px;align-items:center;min-height:300px}.chart-legend{display:flex;flex-direction:column;gap:16px;width:100%;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.legend-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background-color .2s ease}.legend-item:hover{background-color:#fff}.legend-color{width:24px;height:24px;border-radius:6px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.legend-color.enable{background-color:#10b981}.legend-color.pending{background-color:#fbbf24}.legend-color.other{background-color:#6b7280}.legend-text{display:flex;flex-direction:column;gap:2px;flex:1}.legend-label{font-size:.875rem;font-weight:600;color:#1a202c}.legend-value{font-size:1.25rem;font-weight:700;color:#1a202c}.pie-chart-wrapper{position:relative;width:200px;height:200px;flex-shrink:0}.pie-chart{width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,#10b981 0deg 0deg,#fbbf24 0deg 0deg,#6b7280 0deg 360deg);transition:all .3s ease}.pie-segment{position:absolute;width:100%;height:100%;border-radius:50%;transition:all .3s ease}.pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.center-text{font-size:1.5rem;font-weight:700;color:#1a202c}.center-label{font-size:.75rem;color:#718096}.task-completion-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem 1.75rem;border:1.5px solid var(--border-color);margin-top:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.task-completion-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.task-completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.task-completion-title{font-size:1.1rem;font-weight:600;color:#1a202c;margin:0 0 .25rem}.task-completion-subtitle{font-size:.75rem;color:#718096;margin:0;font-weight:400}.completion-rate{font-size:1.35rem;font-weight:600;color:#6d5ffa}.progress-bar{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:linear-gradient(to right,#6d5ffa,#8a7fff);border-radius:6px;transition:width .3s ease}.completion-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:1rem}.stat-item{display:flex;flex-direction:column}.completion-stats .stat-label{font-size:.7rem;color:#718096;margin-bottom:.5rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.completion-stats .stat-value{font-size:1.25rem;font-weight:600;color:#1a202c}.activities-section{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;border:1.5px solid var(--border-color);margin-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.activities-section:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.section-header{margin-bottom:20px}.section-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0}.activities-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:1rem;padding:1rem;border-radius:var(--border-radius);border:1.5px solid var(--border-color);transition:all .2s ease}.activity-item:hover{border-color:#cbd5e1;background-color:var(--light-color)}.activity-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item.activity-reservation .activity-icon{background-color:#ebf8ff;color:#3182ce}.activity-item.activity-task .activity-icon{background-color:#f0fff4;color:#38a169}.activity-item.activity-contract .activity-icon{background-color:#fff5f5;color:#e53e3e}.activity-item.activity-property .activity-icon{background-color:#f7fafc;color:#6d5ffa}.activity-content{flex:1}.activity-title{font-size:1rem;font-weight:600;color:#1a202c;margin:0 0 4px}.activity-description{font-size:.75rem;color:#4a5568;margin:0 0 8px;font-weight:400}.activity-meta{display:flex;gap:12px;align-items:center}.activity-time{font-size:.75rem;color:#718096}.activity-status{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:500}.activity-status.status-confirmed,.activity-status.status-completed{background-color:#f0fff4;color:#38a169}.activity-status.status-pending{background-color:#fff5f5;color:#e53e3e}.activity-status.status-signed{background-color:#ebf8ff;color:#3182ce}.empty-state{text-align:center;padding:40px 20px}.empty-icon{color:#a0aec0;margin-bottom:16px}@media(max-width:1024px){.charts-row{grid-template-columns:1fr}.status-chart{flex-direction:column;gap:24px;min-height:auto}.chart-legend{order:2;width:100%}.pie-chart-wrapper{order:1;margin:0 auto}.revenue-chart{height:240px;gap:8px}.bar-fill{max-width:50px}}@media(max-width:768px){.dashboard{padding:1.25rem;max-width:100vw;width:100%;box-sizing:border-box;overflow-x:hidden}}.help-section{background:linear-gradient(135deg,#6d5ffa14,#6d5ffa08);border:1.5px solid rgba(109,95,250,.15);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.help-section-content{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.help-section-icon{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#6d5ffa1a,#6d5ffa0d);border-radius:12px;color:var(--primary-color)}.sparkle-icon{position:absolute;top:-4px;right:-4px;color:#fbbf24;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.1) rotate(180deg)}}.help-section-text{flex:1;min-width:200px}.help-section-title{font-size:1.5rem;font-weight:600;color:var(--dark-color);margin-bottom:.5rem}.help-section-description{font-size:.95rem;color:#64748b;line-height:1.5}.help-section-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.help-section-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #6d5ffa40;white-space:nowrap;text-decoration:none}.help-section-button.support-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98140}.help-section-button.support-button:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 6px 20px #10b98159}.help-section-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6d5ffa59;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%)}.help-section-button:active{transform:translateY(0)}@media(max-width:768px){.help-section{padding:1.5rem}.help-section-content{flex-direction:column;align-items:flex-start;gap:1rem}.help-section-buttons{width:100%;flex-direction:column}.help-section-button{width:100%;justify-content:center}.welcome-banner{flex-direction:column;align-items:flex-start;gap:1.25rem;width:100%;max-width:100%;box-sizing:border-box;padding:1.5rem}.welcome-banner:before{width:150px;height:150px}.quick-actions{width:100%;max-width:100%;box-sizing:border-box;gap:.75rem;flex-direction:column}.qa-btn{width:100%;justify-content:center;min-width:0;max-width:100%}.dashboard-title{font-size:1.5rem;word-wrap:break-word}.dashboard-subtitle{font-size:.875rem}.stats-grid{grid-template-columns:1fr;width:100%;max-width:100%;gap:1rem}.stat-card{width:100%;max-width:100%;min-width:0;padding:1.25rem}.stat-icon{width:48px;height:48px;margin-right:.875rem}.stat-value{font-size:1.5rem}.chart-card{width:100%;max-width:100%;min-width:0;padding:1.25rem}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.chart-controls{align-self:stretch;justify-content:center;flex-wrap:wrap;width:100%}.revenue-chart{gap:4px;width:100%;max-width:100%;overflow-x:auto}.bar-label,.bar-value{font-size:.6rem}.completion-stats{grid-template-columns:1fr;gap:16px;width:100%;max-width:100%}.task-completion-card{margin-top:16px;width:100%;max-width:100%;padding:1.25rem}.activities-section{width:100%;max-width:100%;padding:1.25rem}}@media(max-width:480px){.stat-card{padding:16px}.stat-icon{width:48px;height:48px}.stat-title{font-size:.75rem}.stat-value{font-size:1.25rem}.chart-card{padding:16px}.chart-title{font-size:1.1rem}.time-range-btn{padding:4px 8px;font-size:.75rem}.activity-item{flex-direction:column}.activity-icon{align-self:flex-start}}.quick-access-section{margin-top:2.5rem;margin-bottom:2rem}.quick-access-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:1.5rem}.quick-access-card.full-width{grid-column:1 / -1}.quick-access-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:var(--border-radius-lg);text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.quick-access-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color);transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.quick-access-card>*{position:relative;z-index:2}.quick-access-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:currentColor}.quick-access-card:hover:before{transform:scaleY(1)}.checkins-card{border-color:#10b981}.checkins-card:hover{border-color:#059669;box-shadow:0 8px 24px #10b98133}.checkins-card:before{background:linear-gradient(180deg,#10b981,#059669)}.checkins-card .quick-access-title{color:var(--primary-color, #6d5ffa);transition:color .3s ease}.checkins-card:hover .quick-access-title{color:#059669}.checkins-card .quick-access-description{color:#6b7280}.checkins-card .quick-access-arrow{color:#9ca3af}.checkins-card:hover .quick-access-arrow{color:#10b981;transform:translate(6px)}.checkouts-card{border-color:#f97316}.checkouts-card:hover{border-color:#ea580c;box-shadow:0 8px 24px #f9731633}.checkouts-card:before{background:linear-gradient(180deg,#f97316,#ea580c)}.checkouts-card .quick-access-title{color:var(--primary-color, #6d5ffa);transition:color .3s ease}.checkouts-card:hover .quick-access-title{color:#ea580c}.checkouts-card .quick-access-description{color:#6b7280}.checkouts-card .quick-access-arrow{color:#9ca3af}.checkouts-card:hover .quick-access-arrow{color:#f97316;transform:translate(6px)}.calendar-card{border-color:#2563eb}.calendar-card:hover{border-color:#1d4ed8;box-shadow:0 8px 24px #2563eb33}.calendar-card:before{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.calendar-card .quick-access-title{color:var(--primary-color, #6d5ffa);transition:color .3s ease}.calendar-card:hover .quick-access-title{color:#1d4ed8}.calendar-card .quick-access-description{color:#6b7280}.calendar-card .quick-access-arrow{color:#9ca3af}.calendar-card:hover .quick-access-arrow{color:#2563eb;transform:translate(6px)}.available-properties-card{border-color:#9333ea}.available-properties-card:hover{border-color:#7e22ce;box-shadow:0 8px 24px #9333ea33}.available-properties-card:before{background:linear-gradient(180deg,#9333ea,#7e22ce)}.available-properties-card .quick-access-title{color:var(--primary-color, #6d5ffa);transition:color .3s ease}.available-properties-card:hover .quick-access-title{color:#7e22ce}.available-properties-card .quick-access-description{color:#6b7280}.available-properties-card .quick-access-arrow{color:#9ca3af}.available-properties-card:hover .quick-access-arrow{color:#9333ea;transform:translate(6px)}.quick-access-icon{width:64px;height:64px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-access-card:hover .quick-access-icon{transform:scale(1.1)}.checkins-card .quick-access-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#059669}.checkins-card:hover .quick-access-icon{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#047857}.checkouts-card .quick-access-icon{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#ea580c}.checkouts-card:hover .quick-access-icon{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#c2410c}.current-reservations-card{border-color:#6d5ffa}.current-reservations-card:hover{border-color:#5a4fcf;box-shadow:0 8px 24px #6d5ffa33}.current-reservations-card:before{background:linear-gradient(180deg,#6d5ffa,#5a4fcf)}.current-reservations-card .quick-access-title{color:var(--primary-color, #6d5ffa);transition:color .3s ease}.current-reservations-card:hover .quick-access-title{color:#5a4fcf}.current-reservations-card .quick-access-description{color:#6b7280}.current-reservations-card .quick-access-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d5ffa}.current-reservations-card:hover .quick-access-icon{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#5a4fcf}.calendar-card .quick-access-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.calendar-card:hover .quick-access-icon{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e40af}.available-properties-card .quick-access-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7e22ce}.available-properties-card:hover .quick-access-icon{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#6b21a8}.quick-access-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.quick-access-title{font-size:1.125rem;font-weight:700;color:var(--primary-color, #6d5ffa);margin:0;letter-spacing:-.02em;transition:color .3s ease}.quick-access-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5;font-weight:400}.quick-access-arrow{font-size:1.75rem;color:#9ca3af;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;font-weight:300}@media(max-width:768px){.quick-access-grid{grid-template-columns:1fr}.quick-access-card{padding:1.25rem}.quick-access-icon{width:56px;height:56px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.mini-calendar-widget{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:100%}.widget-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.calendar-wrapper{display:flex;justify-content:center}.dashboard-mini-calendar{border:none!important;font-family:inherit!important;width:100%}.dashboard-mini-calendar .react-datepicker__header{background-color:transparent;border-bottom:none}.dashboard-mini-calendar .react-datepicker__day-name{color:#64748b;font-weight:500}.dashboard-mini-calendar .react-datepicker__day{margin:.2rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:50%;position:relative}.dashboard-mini-calendar .react-datepicker__day--selected{background-color:#3b82f6!important}.calendar-day-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.day-indicators{position:absolute;bottom:2px;display:flex;gap:2px}.indicator{width:4px;height:4px;border-radius:50%}.indicator.check-in{background-color:#10b981}.indicator.check-out{background-color:#ef4444}.calendar-legend{display:flex;gap:1rem;margin-top:1rem;justify-content:center;font-size:.875rem;color:#64748b}.legend-item{display:flex;align-items:center;gap:.5rem}.tour-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.tour-modal{background:#fff;border-radius:1.5rem;width:90%;max-width:500px;padding:2rem;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.tour-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.tour-close:hover{background:#f1f5f9;color:#475569}.tour-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.tour-icon-wrapper{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease}.tour-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.tour-description{color:#64748b;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.tour-progress{display:flex;gap:.5rem}.tour-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;cursor:pointer;transition:all .3s ease}.tour-dot.active{background:#6c5ffc;width:24px;border-radius:4px}.tour-footer{display:flex;justify-content:space-between;gap:1rem}.tour-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.95rem}.tour-btn.secondary{background:#f1f5f9;color:#64748b}.tour-btn.secondary:hover{background:#e2e8f0;color:#475569}.tour-btn.primary{background:#6c5ffc;color:#fff;margin-left:auto}.tour-btn.primary:hover{background:#5a4ffb;transform:translateY(-2px);box-shadow:0 4px 12px #6c5ffc4d}.searchable-dropdown-wrapper,.searchable-dropdown-input-wrapper{position:relative;width:100%;box-sizing:border-box;display:block}.searchable-dropdown-input{width:100%;padding:8px 36px 8px 12px;border:1.5px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius, .5rem);font-size:.875rem;font-family:var(--font-family, "Inter", sans-serif);color:var(--text-color, #1a202c);background-color:var(--white, #ffffff);cursor:text;box-sizing:border-box;transition:var(--transition-base, all .2s ease);height:38px;line-height:22px;background-image:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:block}.searchable-dropdown-input:focus{outline:none;border-color:var(--primary-color, #6d5ffa);box-shadow:0 0 0 3px #6d5ffa1a}.searchable-dropdown-input::-moz-placeholder{color:var(--text-light, #6b7280)}.searchable-dropdown-input::placeholder{color:var(--text-light, #6b7280)}.searchable-dropdown-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-light, #6b7280);transition:transform .2s ease}.searchable-dropdown-wrapper:has(.searchable-dropdown-input:focus) .searchable-dropdown-chevron{transform:translateY(-50%) rotate(180deg);color:var(--primary-color, #6d5ffa)}.searchable-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;z-index:10000;background-color:var(--white, #ffffff);border:1.5px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius, .5rem);max-height:300px;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));display:block;visibility:visible;opacity:1;animation:dropdownFadeIn .2s ease-out;box-sizing:border-box}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.searchable-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:var(--text-color, #1a202c);background-color:var(--white, #ffffff);transition:var(--transition-base, all .2s ease);border-bottom:1px solid var(--border-color, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;box-sizing:border-box}.searchable-dropdown-option:last-child{border-bottom:none}.searchable-dropdown-option:hover{background-color:#6d5ffa0d;color:var(--primary-color, #6d5ffa)}.searchable-dropdown-option.selected{background-color:#6d5ffa1a;color:var(--primary-color, #6d5ffa);font-weight:600}.searchable-dropdown-option.selected:hover{background-color:#6d5ffa26}.searchable-dropdown-no-results{padding:12px;text-align:center;color:var(--text-light, #6b7280);font-style:italic;font-size:.875rem}.searchable-dropdown-menu::-webkit-scrollbar{width:6px}.searchable-dropdown-menu::-webkit-scrollbar-track{background:var(--light-color, #f8fafc);border-radius:3px}.searchable-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-color, #e2e8f0);border-radius:3px}.searchable-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-light, #6b7280)}@media(max-width:768px){.searchable-dropdown-wrapper{width:100%;min-width:100%;max-width:100%}.searchable-dropdown-input-wrapper{width:100%}.searchable-dropdown-input{width:100%;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchable-dropdown-menu{width:100%!important;min-width:100%!important;max-width:100%!important;left:0!important;right:0!important;max-height:250px;z-index:10001;position:absolute;top:calc(100% + 4px)}.searchable-dropdown-option{min-height:44px;padding:12px;display:flex;align-items:center}}.pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 0;margin-top:2rem;flex-wrap:wrap;position:relative}.pagination-info-text{display:flex;align-items:center;color:#475569;font-size:.875rem;font-weight:400}.pagination-results{display:flex;align-items:center;gap:.25rem;color:#475569}.pagination-results strong{color:#334155;font-weight:600}.pagination-buttons{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.5rem;box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1)}.pagination-buttons:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#cbd5e1}.pagination-btn{padding:.625rem;font-size:.875rem;border:none;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:40px;min-height:40px;position:relative;overflow:hidden}.pagination-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#6d5ffa14;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.pagination-btn:hover:not(:disabled):before{width:100%;height:100%}.pagination-btn:hover:not(:disabled){color:#6d5ffa;transform:translateY(-1px);background:#6d5ffa0f}.pagination-btn:active:not(:disabled){transform:translateY(0);background:#6d5ffa1a}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc;color:#cbd5e1}.pagination-btn svg{width:18px;height:18px;stroke-width:2.5;position:relative;z-index:1;transition:transform .2s ease}.pagination-btn:hover:not(:disabled) svg{transform:scale(1.1)}.pagination-page-info-wrapper{display:flex;align-items:center;padding:0 .75rem;min-height:40px;position:relative}.pagination-page-info{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:#475569;white-space:nowrap}.pagination-current{color:#6d5ffa;font-size:1rem;font-weight:700}.pagination-separator{color:#cbd5e1;font-weight:400;margin:0 .125rem}.pagination-total{color:#64748b;font-weight:500}.pagination-page-size-wrapper{margin-left:.5rem;position:relative}.pagination-page-size{padding:.625rem .875rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;min-width:100px}.pagination-page-size:hover{border-color:#cbd5e1;color:#334155;background:#fff;box-shadow:0 0 0 3px #6d5ffa0d,0 1px 2px #0000000d}.pagination-page-size:focus{outline:none;border-color:#6d5ffa;background:#fff;box-shadow:0 0 0 3px #6d5ffa1a,0 1px 3px #0000001a;color:#334155}@media(max-width:768px){.pagination-controls{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem 0}.pagination-info-text{justify-content:center;text-align:center;width:100%}.pagination-buttons{width:100%;justify-content:center;flex-wrap:wrap;padding:.75rem}.pagination-page-size-wrapper{margin-left:0;margin-top:.5rem;width:100%}.pagination-page-size{width:100%}.pagination-page-info-wrapper{order:-1;width:100%;justify-content:center;padding:.5rem 0;margin:.25rem 0}}@media(max-width:480px){.pagination-controls{padding:.75rem 0}.pagination-buttons{gap:.375rem;padding:.5rem}.pagination-btn{min-width:36px;min-height:36px;padding:.5rem}.pagination-page-info{font-size:.8125rem}.pagination-current{font-size:.9375rem}}@keyframes paginationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pagination-page-info-wrapper{animation:paginationPulse .3s ease-in-out}.password-confirm-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.password-confirm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;position:relative}.password-confirm-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #e5e7eb;position:relative}.password-confirm-modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fef3c7;color:#f59e0b;flex-shrink:0}.password-confirm-modal-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;flex:1}.password-confirm-modal-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.password-confirm-modal-close:hover:not(:disabled){background:#f3f4f6;color:#374151}.password-confirm-modal-close:disabled{opacity:.5;cursor:not-allowed}.password-confirm-modal-body{padding:1.5rem}.password-confirm-modal-message{color:#374151;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.password-confirm-modal-security{color:#6b7280;font-size:.875rem;margin:0 0 1.5rem;padding:.75rem;background:#f9fafb;border-radius:6px;border-left:3px solid #3b82f6}.password-confirm-form{display:flex;flex-direction:column;gap:1.5rem}.password-confirm-input-group{display:flex;flex-direction:column;gap:.5rem}.password-confirm-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151}.password-confirm-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:inherit}.password-confirm-input:focus{outline:none;border-color:var(--primary-color, #6d5ffa);box-shadow:0 0 0 3px #6d5ffa1a}.password-confirm-input.error{border-color:#ef4444}.password-confirm-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.password-confirm-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.password-confirm-error{color:#ef4444;font-size:.875rem;margin:0;display:flex;align-items:center;gap:.25rem}.password-confirm-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.password-confirm-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;min-width:120px}.password-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.password-confirm-btn-cancel{background:#f3f4f6;color:#374151}.password-confirm-btn-cancel:hover:not(:disabled){background:#e5e7eb}.password-confirm-btn-confirm{background:#ef4444;color:#fff}.password-confirm-btn-confirm:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.password-confirm-btn-confirm:disabled{background:#fca5a5}@media(max-width:640px){.password-confirm-modal{width:95%;margin:1rem}.password-confirm-modal-header,.password-confirm-modal-body{padding:1rem}.password-confirm-modal-actions{flex-direction:column-reverse}.password-confirm-btn{width:100%}}*{box-sizing:border-box}body{font-family:Be Vietnam Pro,sans-serif;background-color:var(--background-color);color:var(--text-primary)}.properties-container{padding:clamp(1rem,5vw,2.5rem);max-width:1600px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:2;pointer-events:auto}.page-title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;color:var(--text-primary)}.page-action{color:var(--primary-color);text-decoration:none;cursor:pointer;font-weight:500;pointer-events:auto}.page-action:hover,.page-action:focus{text-decoration:underline;outline:none}.page-action:focus-visible{box-shadow:0 0 0 3px #6c5ffc40;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--border-radius);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-speed) ease;font-size:.95rem;text-decoration:none}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,#4a3ffa 100%);transform:translateY(-2px);box-shadow:0 6px 16px #6c5ffc66}.btn-primary svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--card-background);border-radius:var(--border-radius);border:1px solid var(--border-color)}.search-input,.filter-bar select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;background-color:#fff;transition:all var(--transition-speed) ease}.search-input:focus,.filter-bar select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6c5ffc33}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.property-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f1f5f9;position:relative;cursor:pointer;display:flex;flex-direction:column;height:100%}.property-card:focus-visible,.action-btn:focus-visible,.btn:focus-visible,.search-input:focus-visible,.filter-bar select:focus-visible{outline:none;box-shadow:0 0 0 3px #6c5ffc33;border-color:var(--primary-color)}.property-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#e2e8f0}.property-image-container{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.property-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.property-card:hover .property-image{transform:scale(1.08)}.property-delete-btn{position:absolute;top:3.5rem;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffffeb;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;color:#64748b;z-index:10;opacity:0;pointer-events:auto}.property-card:hover .property-delete-btn{opacity:1}.property-delete-btn:hover{background:#fee2e2;color:#ef4444;box-shadow:0 2px 6px #ef444433;transform:scale(1.05)}.property-delete-btn:active{transform:scale(.95)}.property-card-actions{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:10;pointer-events:auto;opacity:1}.comparison-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.5rem;cursor:pointer;font-size:.8125rem;font-weight:600;color:var(--text-primary);transition:all .2s ease;border:2px solid rgba(108,95,252,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 8px #00000026;white-space:nowrap}.comparison-checkbox:hover{background:#fff;box-shadow:0 4px 12px #6c5ffc40;border-color:var(--primary-color);transform:translateY(-1px)}.comparison-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color);flex-shrink:0}.comparison-checkbox input[type=checkbox]:checked{accent-color:var(--primary-color)}.comparison-checkbox:has(input[type=checkbox]:checked){background:#6c5ffc1a;border-color:var(--primary-color);color:var(--primary-color)}.status-badge{position:absolute;top:.75rem;left:.75rem;padding:.25rem .625rem;border-radius:6px;font-size:.7rem;font-weight:500;background:#fffffff2;box-shadow:0 1px 3px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;line-height:1.2;z-index:5}.status-badge.enable{color:var(--success-color)}.status-badge.pending{color:var(--warning-color)}.status-badge.verified{color:var(--success-color)}.property-info{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;flex-grow:1}.property-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.property-title{font-size:1.05rem;font-weight:600;margin:0;color:#0f172a;flex:1;min-width:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.property-type-badge{font-size:.75rem;color:#6d5ffa;font-weight:600;white-space:nowrap;padding:.375rem .75rem;background:linear-gradient(135deg,#6d5ffa1a,#6d5ffa0d);border:1px solid rgba(109,95,250,.2);border-radius:8px;flex-shrink:0;text-transform:capitalize;letter-spacing:.025em}.property-main-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.property-location{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#64748b;flex:1;min-width:0}.property-location svg{flex-shrink:0;color:#64748b;opacity:.7}.property-location span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-price{display:flex;align-items:baseline;gap:.25rem;white-space:nowrap}.price-amount{font-size:.95rem;font-weight:600;color:#3b82f6}.price-unit{font-size:.7rem;color:#64748b;font-weight:400}.property-specs{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.75rem;color:#64748b;padding-top:.75rem;border-top:1px solid #e5e7eb}.spec-item{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.spec-item svg{flex-shrink:0;color:#64748b;opacity:.6;width:14px;height:14px}.spec-item{font-weight:400}.spec-divider{color:#cbd5e1;font-weight:300}.property-meta,.property-details,.property-stats,.property-footer{display:none}.property-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;opacity:0;transform:translateY(-10px);transition:all var(--transition-speed) ease}.property-card:hover .property-actions{opacity:1;transform:translateY(0)}.action-btn{background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) ease}.action-btn:hover{background:#fff;transform:scale(1.1)}.action-btn.edit{color:var(--primary-color)}.action-btn.delete{color:var(--danger-color)}.delete-confirm{position:absolute;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;z-index:10;animation:fadeIn .2s ease}.delete-confirm p{font-weight:600;font-size:1.1rem;margin:1rem 0}.confirm-buttons{display:flex;gap:1rem;margin-top:1rem}.btn.confirm-yes{background:var(--danger-color);color:#fff}.btn.confirm-no{background:var(--border-color);color:var(--text-primary)}.loading-message,.error-message{text-align:center;padding:2rem;font-size:1.1rem;color:var(--text-secondary);background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin:2rem auto;max-width:500px}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state .empty-icon{color:var(--text-secondary);opacity:.5;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{font-size:.95rem;color:var(--text-secondary);margin:0 0 1.5rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.skeleton-card{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.skeleton-image{height:200px;background:#e5e7eb}.skeleton-line{height:14px;background:#e5e7eb;border-radius:6px}.skeleton-line.lg{height:20px}.skeleton-content{padding:1rem;display:grid;gap:.5rem}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.summary-card:hover,.property-card:hover,.action-btn:hover{transform:none}.shimmer:after{animation:none}}@media(max-width:768px){.properties-container{padding:1rem;max-width:100vw;width:100%;box-sizing:border-box;overflow-x:hidden}.properties-grid{grid-template-columns:1fr;width:100%;max-width:100%;gap:1rem}.property-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.filter-bar{grid-template-columns:1fr;width:100%;max-width:100%;box-sizing:border-box;padding:1rem}.summary-cards{width:100%;max-width:100%;grid-template-columns:1fr;gap:1rem}.summary-card{width:100%;max-width:100%}}.header-actions{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.25rem;gap:.25rem}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{background:var(--background-color);color:var(--text-primary)}.view-toggle-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #6c5ffc33}.property-image-container{height:200px;width:100%;max-width:100%}.property-main-info{flex-direction:column;align-items:flex-start;width:100%;max-width:100%}.property-header{flex-direction:column;align-items:flex-start;width:100%;max-width:100%;gap:.5rem}.property-title{font-size:.6875rem;-webkit-line-clamp:2}.property-type-badge{align-self:flex-start}.property-specs{font-size:.8rem;width:100%;max-width:100%;flex-wrap:wrap}.property-info{width:100%;max-width:100%;box-sizing:border-box;padding:1rem}@media(max-width:480px){.page-header{text-align:center;flex-direction:column;width:100%;max-width:100%;gap:1rem}.summary-cards{grid-template-columns:1fr;width:100%;max-width:100%}.btn{width:100%;max-width:100%;box-sizing:border-box}.properties-grid{gap:.75rem}}.reservations-container{animation:fadeIn .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.summary-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #00000008;padding:1rem 1.25rem;display:flex;align-items:center;transition:all .2s ease;border:1px solid #e2e8f0}.summary-card .card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.summary-card .card-icon.bg-green-100{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.summary-card .card-icon.text-green-600{color:#059669}.summary-card .card-icon.bg-yellow-100{background:linear-gradient(135deg,#fef3c7,#fde68a)}.summary-card .card-icon.text-yellow-600{color:#d97706}.filter-section-minimal{background:#fff;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;display:flex;flex-direction:column}.filter-main-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;width:100%;min-height:40px}.search-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center;height:40px;flex-shrink:1}.search-wrapper .search-icon{position:absolute;left:.75rem;color:#64748b;z-index:1;pointer-events:none}.search-input-minimal{width:100%;height:40px;padding:.625rem 2.5rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#475569;background:#fff;transition:all .2s ease;box-sizing:border-box}.search-input-minimal:focus{outline:none;border-color:#6d5ffa;box-shadow:0 0 0 3px #6d5ffa1a}.search-input-minimal::-moz-placeholder{color:#94a3b8}.search-input-minimal::placeholder{color:#94a3b8}.clear-search-btn{position:absolute;right:.5rem;background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.clear-search-btn:hover{background:#f1f5f9;color:#1e293b}.filter-quick-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:0 0 auto;justify-content:flex-end;align-self:stretch;min-height:40px}.filter-quick-actions .searchable-dropdown-wrapper{width:200px;min-width:200px;max-width:200px;flex:0 0 200px;position:relative;display:flex;align-items:center;height:40px;flex-shrink:0;align-self:stretch}.filter-quick-actions .searchable-dropdown-wrapper .searchable-dropdown-input-wrapper{width:100%;height:100%;display:flex;align-items:center;position:relative}.filter-quick-actions .searchable-dropdown-wrapper .searchable-dropdown-input.filter-select-minimal{width:100%;height:40px;padding:.625rem 2.25rem .625rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#475569;background:#fff;background-image:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:flex;align-items:center;line-height:1.5}.filter-quick-actions .searchable-dropdown-wrapper .searchable-dropdown-menu{width:200px;min-width:200px;max-width:200px;left:0;right:auto}.filter-select-minimal{padding:.625rem 2.25rem .625rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#475569;background:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364758b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;min-width:140px;height:40px;box-sizing:border-box;display:flex;align-items:center}.filter-select-minimal:hover{border-color:#6d5ffa}.filter-select-minimal:focus{outline:none;border-color:#6d5ffa;box-shadow:0 0 0 3px #6d5ffa1a}.filter-toggle-btn{padding:0;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;width:40px;height:40px;flex-shrink:0}.filter-toggle-btn:hover{border-color:#6d5ffa;color:#6d5ffa;background:#f8f9ff}.filter-toggle-btn.active{border-color:#6d5ffa;background:#6d5ffa;color:#fff}.advanced-filters-minimal{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0;animation:slideDown .2s ease-out}.date-filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.date-filter-item{width:100%;display:flex;flex-direction:column}.date-filter-item .filter-select-minimal,.date-filter-item .react-datepicker-wrapper{width:100%}.date-filter-item .react-datepicker-wrapper .react-datepicker__input-container input{width:100%;height:40px;padding:.625rem 2.25rem .625rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#475569;background:#fff;box-sizing:border-box}.date-filter-item .react-datepicker-wrapper .react-datepicker__input-container input:focus{outline:none;border-color:#6d5ffa;box-shadow:0 0 0 3px #6d5ffa1a}.filter-bar select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--light-color);min-width:200px}.reservations-table-container{overflow-x:auto;overflow-y:visible;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.reservations-table-container::-webkit-scrollbar{height:8px}.reservations-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.reservations-table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.reservations-table-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.reservation-card{background:#fff;border:1.5px solid var(--border-color);border-radius:14px;padding:1.5rem;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;display:flex;flex-direction:column;min-height:auto;height:auto!important;max-height:none!important;width:100%}.reservation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:14px 14px 0 0;z-index:1}.reservation-card:hover{box-shadow:0 8px 24px #6c5ffc26;transform:translateY(-4px);border-color:var(--primary-color)}.reservation-card:hover:before{transform:scaleX(1)}.reservation-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.reservation-card-title{display:flex;align-items:center;gap:.5rem}.reservation-card-price{font-size:1.125rem;font-weight:600;color:var(--primary-color)}.reservation-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;flex-shrink:0}.reservation-card-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-color)}.reservation-card-row svg{flex-shrink:0;color:var(--text-light);margin-top:2px}.reservation-dates{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.date-separator{color:var(--text-light);font-weight:500}.reservation-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;padding-bottom:.25rem;border-top:1px solid var(--border-color);margin-top:auto;overflow:visible;width:100%;min-height:-moz-fit-content;min-height:fit-content}.reservation-card-actions .action-button{flex:1 1 calc(50% - .25rem);min-width:0;max-width:calc(50% - .25rem);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:500;border:1px solid var(--border-color);background:#fff;color:var(--text-color);cursor:pointer;transition:all .2s ease;box-sizing:border-box;overflow:visible;white-space:nowrap}.reservation-card-actions .action-button.view{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.reservation-card-actions .action-button.edit{background:#eef2ff;color:#6366f1;border-color:#c7d2fe}.reservation-card-actions .action-button.delete{background:#fee2e2;color:#dc2626;border-color:#fecaca}.reservation-card-actions .action-button.status-sent{background:#ffedd5;color:#f97316;border-color:#fed7aa}.reservation-card-actions .action-button.status-confirmed{background:#d1fae5;color:#10b981;border-color:#a7f3d0}.reservation-card-actions .action-button.status-cancelled{background:#fee2e2;color:#ef4444;border-color:#fecaca}.reservation-card-actions .action-button:active{transform:scale(.98)}.reservation-card-actions .action-button.generate-contract{background:#f0f9ff;color:#0284c7;border-color:#bae6fd}.reservation-card-actions .action-button.send-link{background:#fef3c7;color:#d97706;border-color:#fde68a}.reservation-card-actions .action-button.complete-contract{background:#d1fae5;color:#059669;border-color:#a7f3d0}.reservation-card-actions .action-button.cancel-reservation,.reservation-card-actions .action-button.cancel-contract{background:#fee2e2;color:#dc2626;border-color:#fecaca}.reservation-info{display:flex;flex-direction:column;gap:.75rem}.reservation-property{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-color)}.reservation-property svg{flex-shrink:0;color:var(--text-light)}.reservation-guest{display:flex;flex-direction:column;gap:.25rem}.reservation-guest .guest-name{font-weight:500;color:var(--text-color);font-size:.875rem}.reservation-guest .guest-email{font-size:.75rem;color:var(--text-light)}.reservation-price{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--primary-color)}.reservation-price svg{flex-shrink:0;color:var(--primary-color)}.reservation-hashid{margin-top:.5rem;padding:.5rem;background:#f3f4f6;border-radius:6px}.reservation-hashid code{font-size:.75rem;font-family:monospace;color:#6b7280}.contract-info-mobile{margin-top:.75rem;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.reservations-cards-container.desktop-only{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem;padding:0;align-items:start;overflow:visible!important}.reservations-cards-container.desktop-only .reservation-card{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:1.5rem!important}.reservations-cards-container.desktop-only .reservation-card-actions{display:flex!important;flex-wrap:wrap!important;gap:.5rem;overflow:visible!important;width:100%;min-height:-moz-fit-content;min-height:fit-content;max-height:none!important;height:auto!important}.reservations-cards-container.desktop-only .reservation-card-actions .action-button{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 calc(50% - .25rem)!important;min-width:0!important;max-width:calc(50% - .25rem)!important;height:auto!important;min-height:44px!important;position:relative!important;z-index:1!important}.reservations-cards-container.desktop-only .reservation-card-actions .action-button.view,.reservations-cards-container.desktop-only .reservation-card-actions .action-button.generate-contract,.reservations-cards-container.desktop-only .reservation-card-actions .action-button.copy-link,.reservations-cards-container.desktop-only .reservation-card-actions .action-button.status-cancelled,.reservations-cards-container.desktop-only .reservation-card-actions .action-button.delete,.reservations-cards-container.desktop-only .reservation-card-actions .action-button.status-confirmed,.reservations-cards-container.desktop-only .reservation-card-actions .action-button.extra{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 calc(50% - .25rem)!important;max-width:calc(50% - .25rem)!important}@media(max-width:768px){.filter-section-minimal{padding:.625rem}.filter-main-row{flex-direction:column;gap:.75rem;align-items:stretch}.search-wrapper{min-width:100%;width:100%}.filter-quick-actions{width:100%;justify-content:stretch;flex-direction:column;gap:.5rem}.filter-quick-actions .searchable-dropdown-wrapper{width:100%!important;min-width:100%!important;max-width:100%!important;flex:1 1 100%!important}.filter-quick-actions .searchable-dropdown-wrapper .searchable-dropdown-menu{width:100%!important;min-width:100%!important;max-width:100%!important;left:0!important;right:0!important}.filter-quick-actions .filter-select-minimal{width:100%;min-width:100%}.filter-toggle-btn{width:100%;justify-content:center}.date-filters-row{grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only{display:block}.reservations-container{padding:1rem;padding-top:calc(1rem + 56px);padding-bottom:calc(1rem + 64px);max-width:100vw;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible!important}.action-cards-container{grid-template-columns:1fr!important}.summary-cards{width:100%;max-width:100%;grid-template-columns:1fr;gap:1rem}.summary-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.filter-bar{width:100%;max-width:100%;box-sizing:border-box;padding:1rem}.reservations-table-container{width:100%;max-width:100vw;overflow-x:auto;-webkit-overflow-scrolling:touch}.page-header{width:100%;max-width:100%;flex-wrap:wrap;gap:1rem}.reservations-cards-container{display:flex;flex-direction:column;gap:1rem;padding:0}.reservation-card{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.reservation-card-actions{display:flex!important;flex-wrap:wrap!important;gap:.5rem;padding-top:.75rem;padding-bottom:.5rem;overflow:visible!important;width:100%;min-height:-moz-fit-content;min-height:fit-content}.reservation-card-actions .action-button{flex:1 1 auto!important;min-width:0!important;max-width:100%!important;width:calc(50% - .25rem)!important;display:flex!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:44px!important;position:relative!important;z-index:1!important;margin:0!important}.reservation-card-actions .action-button.delete{display:flex!important;visibility:visible!important;opacity:1!important;background:#fee2e2!important;color:#dc2626!important;border-color:#fecaca!important;position:relative!important;z-index:1!important;width:calc(50% - .25rem)!important;flex:1 1 auto!important}.reservation-card-actions .action-button.view,.reservation-card-actions .action-button.generate-contract,.reservation-card-actions .action-button.copy-link,.reservation-card-actions .action-button.status-cancelled,.reservation-card-actions .action-button.delete,.reservation-card-actions .action-button.status-confirmed,.reservation-card-actions .action-button.extra{display:flex!important;visibility:visible!important;opacity:1!important;width:calc(50% - .25rem)!important;flex:1 1 auto!important}.reservations-cards-container.mobile-only{overflow:visible!important;padding-bottom:2rem!important}.reservations-cards-container.mobile-only .reservation-card{margin-bottom:1rem;padding-bottom:1.5rem!important}.mobile-only .reservation-card-actions{max-height:none!important;height:auto!important;display:flex!important;flex-wrap:wrap!important}.mobile-only .reservation-card-actions .action-button{flex-shrink:0!important;display:flex!important;visibility:visible!important;opacity:1!important}.mobile-only .reservation-card-actions .action-button.delete{display:flex!important;visibility:visible!important;opacity:1!important;background:#fee2e2!important;color:#dc2626!important;border-color:#fecaca!important}}.reservations-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:100%}.reservations-table th,.reservations-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.reservations-table th{background-color:#f9fafb;font-size:.75rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.reservations-table tr:last-child td{border-bottom:none}.reservations-table th:nth-child(1),.reservations-table td:nth-child(1){width:18%;min-width:140px}.reservations-table th:nth-child(2),.reservations-table td:nth-child(2){width:22%;min-width:160px}.reservations-table th:nth-child(3),.reservations-table td:nth-child(3){width:15%;min-width:100px}.reservations-table th:nth-child(4),.reservations-table td:nth-child(4){width:15%;min-width:110px}.reservations-table th:nth-child(5),.reservations-table td:nth-child(5){width:30%;min-width:200px}.reservations-table td{max-width:0}.reservations-table td:last-child{max-width:none;overflow:visible}.date-range{display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-size:.875rem;white-space:normal;word-break:break-word}.date-range .date-icon{flex-shrink:0;color:var(--text-light)}.date-start,.date-end{font-size:.8125rem;line-height:1.4}.price-info{font-size:.875rem;font-weight:600;color:var(--text-color);white-space:normal}.action-buttons{display:flex!important;gap:.375rem;flex-wrap:wrap;justify-content:flex-start;visibility:visible!important;opacity:1!important}.action-button{background:none;border:none;cursor:pointer;color:var(--text-light);padding:.375rem;border-radius:6px;transition:all .2s;display:flex!important;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;visibility:visible!important;opacity:1!important}.action-button:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-color)}.action-button.generate-contract{color:#6366f1}.action-button.generate-contract:hover{background:#eef2ff;color:#4f46e5}.action-button.send-contract{color:#f97316}.action-button.send-contract:hover{background:#ffedd5;color:#ea580c}.action-button.copy-link{color:#3b82f6;transition:all .2s ease}.action-button.copy-link:hover{background:#eff6ff;color:#2563eb;transform:translateY(-1px)}.action-button.copy-link:active{transform:scale(.95)}.reservation-card-actions .action-button.copy-link{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.reservation-card-actions .action-button.copy-link:hover{background:#dbeafe;color:#1e3a8a;border-color:#93c5fd}.action-button.external-link{color:#10b981;text-decoration:none}.action-button.external-link:hover{background:#d1fae5;color:#059669}.action-button.complete-contract{color:#10b981}.action-button.complete-contract:hover{background:#d1fae5;color:#059669}.action-button.cancel-contract{color:#ef4444}.action-button.cancel-contract:hover{background:#fee2e2;color:#dc2626}.contract-status-cell{display:flex;align-items:center;gap:.5rem}.contract-status-cell.no-contract{color:var(--text-light);font-size:.875rem;font-style:italic}.status-badge.contract-status-draft{background:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.contract-status-sent{background:#ffedd5;color:#f97316;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.contract-status-signed{background:#d1fae5;color:#10b981;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.contract-status-completed{background:#dcfce7;color:#16a34a;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.contract-status-rejected{background:#fee2e2;color:#dc2626;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.guest-info{display:flex;flex-direction:column;gap:.25rem}.guest-name{font-weight:500;color:var(--text-color);font-size:.875rem}.guest-email{font-size:.75rem;color:var(--text-light)}.reservation-with-contract{display:flex;flex-direction:column;gap:.5rem}.contract-info-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.contract-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.no-contract-text{font-size:.75rem;color:#9ca3af;font-style:italic}.id-info{display:flex;align-items:center}.id-value{font-weight:600;color:var(--dark-color);font-size:.875rem}.hash-id-info{display:flex;align-items:center;gap:.5rem}.hash-icon{color:var(--text-light);flex-shrink:0}.hash-id-value{font-family:Monaco,Courier New,monospace;font-size:.75rem;color:var(--text-color);background-color:#f3f4f6;padding:2px 6px;border-radius:4px;word-break:break-all}.guest-info{font-weight:500;color:var(--dark-color)}.guest-email{font-size:.875rem;color:var(--text-light)}.page-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;pointer-events:auto}.page-header .btn,.page-header .btn-primary{pointer-events:auto;background:linear-gradient(135deg,#6c5ffc,#5a4ffb);color:#fff;box-shadow:0 4px 12px #6c5ffc4d;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;font-size:.95rem;text-decoration:none}.page-header .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.page-header .btn-primary:hover:before{left:100%}.page-header .btn-primary:hover{background:linear-gradient(135deg,#5a4ffb,#4a3ffa);transform:translateY(-2px);box-shadow:0 6px 16px #6c5ffc66}.page-header .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #6c5ffc4d}.page-header .btn-primary svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.status-draft{color:#92400e;background-color:#fef3c7}.status-sent{color:#9a3412;background-color:#ffedd5}.status-sent:before{background-color:#f97316}.status-signed{color:#1e40af;background-color:#dbeafe}.status-signed:before{background-color:#3b82f6}.status-confirmed{color:#047857;background-color:#d1fae5}.status-confirmed:before{background-color:#059669}.status-cancelled{color:#991b1b;background-color:#fee2e2}.status-cancelled:before{background-color:#ef4444}.action-button.view:hover{background-color:#eff6ff;color:#1e40af}.action-button.edit:hover{background-color:#eef2ff;color:#6366f1}.action-button.delete:hover{background-color:#fee2e2;color:#dc2626}.action-button.status-sent:hover{background-color:#ffedd5;color:#f97316}.action-button.status-signed:hover{background-color:#dbeafe;color:#3b82f6}.action-button.status-confirmed:hover{background-color:#d1fae5;color:#10b981}.action-button.status-cancelled:hover{background-color:#fee2e2;color:#ef4444}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-light)}.empty-state svg{margin:0 auto 1rem;color:var(--border-color)}.empty-state h3{color:var(--dark-color);font-size:1.25rem;margin-top:1rem}.empty-state p{max-width:350px;margin:.5rem auto 1.5rem}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.property-comparison-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.property-comparison-modal{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-width:95vw;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.property-comparison-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.property-comparison-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.property-comparison-header .close-button{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;color:#6b7280;transition:all .2s}.property-comparison-header .close-button:hover{background-color:#f3f4f6;color:#111827}.property-comparison-content{flex:1;overflow:auto;padding:1.5rem}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;min-width:800px}.comparison-table thead{background-color:#f9fafb}.comparison-table th{padding:1rem;text-align:left;font-weight:600;color:#111827;border-bottom:2px solid #e5e7eb}.comparison-label-header{width:200px;min-width:200px}.comparison-property-header{min-width:250px}.property-header-content{display:flex;align-items:center;gap:1rem}.property-thumbnail{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:.375rem;border:1px solid #e5e7eb}.property-header-content h3{margin:0;font-size:1rem;font-weight:600;color:#111827}.property-header-content .property-location{margin:.25rem 0 0;font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.25rem}.comparison-table tbody tr{border-bottom:1px solid #e5e7eb}.comparison-table tbody tr:hover{background-color:#f9fafb}.comparison-table tbody tr.difference-row{background-color:#fef3c7}.comparison-table td{padding:.75rem 1rem;vertical-align:top}.comparison-label{font-weight:500;color:#374151;background-color:#f9fafb;width:200px;min-width:200px}.comparison-value{color:#111827}.comparison-value.different{color:#dc2626;font-weight:600}.comparison-value.empty{color:#9ca3af;font-style:italic}.section-header{background-color:#f3f4f6!important}.section-title{font-weight:600;font-size:1rem;color:#111827;padding:1rem!important;text-transform:uppercase;letter-spacing:.05em}.property-comparison-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}@media(max-width:768px){.property-comparison-modal{max-width:100vw;max-height:100vh;border-radius:0}.comparison-table{font-size:.875rem}.comparison-label{width:150px;min-width:150px}.comparison-property-header{min-width:200px}}.sync-summary-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sync-summary-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.sync-summary-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.sync-summary-title-section{display:flex;align-items:center;gap:.75rem}.sync-summary-icon{flex-shrink:0}.sync-summary-icon.success{color:#10b981}.sync-summary-icon.error{color:#ef4444}.sync-summary-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.sync-summary-close{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.sync-summary-close:hover{background:#f1f5f9;color:#1e293b}.sync-summary-body{padding:1.5rem;flex:1;overflow-y:auto}.sync-summary-message{font-size:.9375rem;color:#475569;line-height:1.6;margin:0 0 1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border-left:3px solid #6d5ffa}.sync-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.sync-stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.sync-stat-item:hover{border-color:#6d5ffa;box-shadow:0 2px 8px #6d5ffa1a}.sync-stat-item.highlight{background:linear-gradient(135deg,#6d5ffa1a,#10b9811a);border-color:#6d5ffa}.sync-stat-icon{width:40px;height:40px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.sync-stat-icon.success{color:#10b981;background:#10b9811a}.sync-stat-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.sync-stat-label{font-size:.8125rem;color:#64748b;font-weight:500}.sync-stat-value{font-size:1.25rem;font-weight:600;color:#1e293b}.sync-stat-value.success{color:#10b981}.sync-summary-errors{margin-top:1.5rem;padding:1rem;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.sync-errors-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#dc2626;margin:0 0 .75rem}.sync-errors-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sync-error-item{font-size:.875rem;color:#991b1b;padding:.5rem;background:#fff;border-radius:6px;border-left:3px solid #dc2626}.sync-summary-footer{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.sync-summary-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6d5ffa,#5a4ffb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.sync-summary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6d5ffa4d}.sync-summary-btn:active{transform:translateY(0)}@media(max-width:768px){.sync-summary-modal{width:95%;max-height:85vh;margin:1rem}.sync-summary-stats{grid-template-columns:1fr}.sync-summary-header,.sync-summary-body,.sync-summary-footer{padding:1rem}}.extend-reservation-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.extend-reservation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;display:flex;flex-direction:column;border:1px solid #e5e7eb}.extend-reservation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.extend-reservation-modal-header h2{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.extend-reservation-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.375rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.extend-reservation-modal-close:hover{background:#f3f4f6;color:#1f2937}.extend-reservation-form{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.extend-reservation-form-group{display:flex;flex-direction:column;gap:.5rem}.extend-reservation-form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151}.extend-reservation-form-label svg{width:14px;height:14px;color:#6b7280;flex-shrink:0}.extend-reservation-required-badge{color:#ef4444;font-size:.875rem;margin-left:.25rem}.extend-reservation-form-input{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1f2937;transition:all .2s ease;box-sizing:border-box}.extend-reservation-form-input:focus{outline:none;border-color:#6d5ffa;box-shadow:0 0 0 3px #6d5ffa1a}.extend-reservation-form-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.extend-reservation-form-input.highlight{background:#fef3c7;border-color:#fbbf24;font-weight:600;color:#92400e}.extend-reservation-form-error{padding:.625rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;margin-top:.25rem}.extend-reservation-modal-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.extend-reservation-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;min-height:38px;display:flex;align-items:center;justify-content:center}.extend-reservation-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.extend-reservation-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.extend-reservation-btn-primary{background:#6d5ffa;color:#fff;border:1px solid #6d5ffa}.extend-reservation-btn-primary:hover:not(:disabled){background:#5b4ee8;border-color:#5b4ee8}.extend-reservation-btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.extend-reservation-modal{max-width:95%;border-radius:12px}.extend-reservation-modal-header{padding:.875rem 1rem}.extend-reservation-modal-header h2{font-size:1rem}.extend-reservation-form{padding:1rem;gap:.875rem}.extend-reservation-modal-footer{padding:.875rem 1rem;flex-direction:column-reverse}.extend-reservation-btn{width:100%}}.calendar-container{padding:1.5rem;max-width:1400px;margin:0 auto;position:relative;z-index:0}.page-header{position:relative;z-index:1}.calendar-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;position:relative;z-index:0}.calendar-stats-grid .stat-card{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;border:1px solid #e5e7eb;transition:all .2s}.calendar-stats-grid .stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.calendar-stats-grid .stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0}.calendar-stats-grid .stat-content{flex:1}.calendar-stats-grid .stat-title{font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 .5rem}.calendar-stats-grid .stat-value{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 .25rem}.calendar-stats-grid .stat-label{font-size:.7rem;font-weight:400;color:#6b7280;margin:0}.calendar-stats-grid .stat-icon.bg-blue-100{background:#dbeafe;color:#2563eb}.calendar-stats-grid .stat-icon.bg-red-100{background:#fee2e2;color:#dc2626}.calendar-stats-grid .stat-icon.bg-green-100{background:#dcfce7;color:#16a34a}.calendar-stats-grid .stat-icon.bg-purple-100{background:#f3e8ff;color:#9333ea}.calendar-stats-grid .stat-icon.bg-orange-100{background:#ffedd5;color:#ea580c}.calendar-controls-wrapper{margin-bottom:2rem;position:relative;z-index:1}.calendar-controls{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:visible;border:1px solid #e5e7eb;position:relative;z-index:1}.controls-header{padding:1.5rem 1.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;position:relative;z-index:1}.controls-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .35rem}.controls-subtitle{font-size:.8rem;color:#64748b;margin:0;font-weight:400}.controls-content{padding:1.75rem;position:relative;overflow:visible;z-index:1}.control-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr auto;gap:1.25rem;align-items:flex-end}.control-item{display:flex;align-items:flex-start;gap:.875rem;position:relative;z-index:2}.control-icon-wrapper{margin-top:1.85rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:10px;flex-shrink:0;border:1px solid #bfdbfe}.control-icon{color:#2563eb}.control-input-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}.control-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#475569;margin:0}.control-select,.control-input{width:100%;padding:.7rem .95rem;font-size:.9rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#1e293b;transition:all .2s;font-weight:400}.control-select:hover,.control-input:hover{border-color:#cbd5e1}.control-select:focus,.control-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:#fafbff}.control-select option{padding:.5rem;font-size:.9rem}.control-action{display:flex;align-items:flex-end;padding-bottom:.1rem}.btn-calendar-submit{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;border-radius:10px;white-space:nowrap;box-shadow:0 2px 8px #3b82f633;transition:all .2s}.btn-calendar-submit:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-calendar-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media(max-width:1024px){.control-row{grid-template-columns:1fr;gap:1rem}.control-action{width:100%;padding-bottom:0}.btn-calendar-submit{width:100%;justify-content:center}.control-icon-wrapper{margin-top:1.75rem}}.calendar-loading,.calendar-error{text-align:center;padding:2rem;font-size:.85rem;color:#6b7280}.calendar-error{color:#ef4444}.calendar-view{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:1.5rem;margin-top:1.5rem;position:relative;z-index:0}.calendar-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.calendar-header h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.date-range{font-size:.85rem;color:#6b7280}.calendar-legend{display:flex;gap:2rem;margin-bottom:2rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:10px;border:1px solid #e5e7eb}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.legend-color{width:20px;height:20px;border-radius:4px}.legend-color.available{background:#10b981}.legend-color.reserved{background:#ef4444}.calendar-months{display:flex;flex-direction:column;gap:1.5rem}.calendar-month{margin-bottom:1.5rem}.month-header{font-size:1.15rem;font-weight:600;margin:0 0 1rem;color:#374151;padding-bottom:.6rem;border-bottom:2px solid #e5e7eb}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day{padding:.6rem;border-radius:8px;border:2px solid #e5e7eb;background:#fff;min-height:70px;display:flex;flex-direction:column;cursor:pointer;transition:all .2s;position:relative}.calendar-day:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.calendar-day.available{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.calendar-day.reserved{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;border-width:2px}.calendar-day.reserved:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#dc2626;transform:scale(1.02)}.calendar-day.available:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#059669;transform:scale(1.02)}.day-number{font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.2rem}.day-weekday{font-size:.65rem;color:#6b7280;text-transform:uppercase;margin-bottom:.35rem}.day-info{margin-top:auto;display:flex;flex-direction:column;gap:.25rem;padding-top:.4rem;border-top:1px solid rgba(0,0,0,.05)}.reservation-badge{font-size:.65rem;font-weight:600;color:#dc2626;background:#fffc;padding:.25rem .5rem;border-radius:5px;text-align:center;border:1px solid #fee2e2}.source-badge{font-size:.6rem;color:#6b7280;background:#ffffffe6;padding:.2rem .4rem;border-radius:5px;text-align:center;border:1px solid #e5e7eb}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.property-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;border:1px solid #e5e7eb}.property-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-4px)}.property-name{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .75rem}@media(max-width:768px){.properties-grid{grid-template-columns:1fr}}.kanban-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;height:calc(100vh - 250px);min-height:500px}.kanban-column{flex:0 0 280px;background:#f8fafc;border-radius:.75rem;display:flex;flex-direction:column;border:1px solid #e2e8f0;max-height:100%}.kanban-column-header{padding:1rem;border-bottom:1px solid #e2e8f0;background:#fff;border-radius:.75rem .75rem 0 0;position:sticky;top:0;z-index:1}.column-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#475569;font-size:.95rem}.column-count{background:#f1f5f9;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;color:#64748b;margin-left:auto}.kanban-column-content{padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;flex:1}.column-gray .column-title{color:#64748b}.column-gray .kanban-column-header{border-top:3px solid #94a3b8}.column-blue .column-title{color:#2563eb}.column-blue .kanban-column-header{border-top:3px solid #3b82f6}.column-purple .column-title{color:#9333ea}.column-purple .kanban-column-header{border-top:3px solid #a855f7}.column-green .column-title{color:#16a34a}.column-green .kanban-column-header{border-top:3px solid #22c55e}.column-teal .column-title{color:#0d9488}.column-teal .kanban-column-header{border-top:3px solid #14b8a6}.column-red .column-title{color:#dc2626}.column-red .kanban-column-header{border-top:3px solid #ef4444}.kanban-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;border-color:#cbd5e0}.kanban-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.guest-name{font-weight:600;color:#1e293b;font-size:.9rem}.reservation-price{font-weight:600;color:#2563eb;font-size:.85rem}.kanban-card-body{display:flex;flex-direction:column;gap:.35rem}.card-info-row{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.8rem}.card-info-row svg{flex-shrink:0;opacity:.7}.property-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px 32px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.modal-title-section{flex:1}.modal-subtitle{margin-top:8px}.modal-actions-header{display:flex;align-items:center;gap:8px}.modal-title{font-size:24px;font-weight:600;color:#1f2937;margin:0}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:#f3f4f6;color:#1f2937}.action-btn-icon{background:none;border:none;cursor:pointer;color:#6b7280;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn-icon:hover{background-color:#f3f4f6;color:#3b82f6}.status-badge-large{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge-large svg{width:16px;height:16px}.modal-body{padding:32px;overflow-y:auto;flex:1}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.section-header svg{color:#3b82f6}.section-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:15px;color:#1f2937;font-weight:500}.hash-id-container{display:flex;align-items:center;gap:8px;background-color:#f9fafb;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb}.hash-id{font-family:Monaco,Courier New,monospace;background-color:transparent;padding:0;border-radius:0;font-size:13px!important;flex:1;word-break:break-all}.copy-btn-small{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.copy-btn-small:hover{background-color:#e5e7eb;color:#3b82f6}.property-name{display:flex;align-items:center;gap:8px;color:#3b82f6!important}.document-number{font-family:Monaco,Courier New,monospace;background-color:#f3f4f6;padding:4px 8px;border-radius:4px}.detail-item .status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:-moz-fit-content;width:fit-content}.status-draft{background-color:#f3f4f6;color:#6b7280}.status-sent{background-color:#dbeafe;color:#1e40af}.status-signed{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-completed{background-color:#dcfce7;color:#166534}.signature-container{display:flex;justify-content:center;padding:20px;background-color:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.signature-image{max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain}.modal-footer{padding:20px 32px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.modal-footer-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{background-color:#f3f4f6;color:#1f2937}.btn-secondary:hover{background-color:#e5e7eb}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}@media(max-width:768px){.modal-content{max-height:95vh;border-radius:12px 12px 0 0;margin-top:auto}.modal-header,.modal-body,.modal-footer{padding:20px}.modal-title{font-size:20px}.detail-grid{grid-template-columns:1fr;gap:16px}.detail-item.full-width{grid-column:1}.section-header h3{font-size:16px}}@media(max-width:480px){.modal-overlay{padding:0}.modal-content{border-radius:0;max-height:100vh}}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.contracts-container{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.header-info{display:flex;align-items:center}.info-text{font-size:14px;color:#6b7280;margin:0;font-style:italic}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #00000008;padding:1rem 1.25rem;display:flex;align-items:center;transition:all .2s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color, #6c5ffc);opacity:0;transition:opacity .3s ease}.summary-card .card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;transition:transform .2s ease}.summary-card h3{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0 0 .25rem}.summary-card p{font-size:.6875rem;font-weight:400;color:#718096;margin:0;text-transform:uppercase;letter-spacing:.5px}.filter-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-bar select{padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;min-width:200px;transition:border-color .2s ease}.filter-bar select:hover{border-color:#9ca3af}.filter-bar select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contracts-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow-x:auto;overflow-y:visible;border:1px solid #f1f5f9;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.contracts-table-container::-webkit-scrollbar{height:8px}.contracts-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.contracts-table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.contracts-table-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.contracts-table-container:hover{box-shadow:0 8px 16px #0000000f}.contracts-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:100%}.contracts-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.contracts-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10;background:#f8fafc;border-bottom:2px solid #e2e8f0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.contracts-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.contracts-table tbody tr:hover{background-color:#6d5ffa0d;transform:translate(4px)}.contracts-table td{padding:.75rem 1rem;font-size:.875rem;color:#1e293b;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;max-width:0}.contracts-table th:nth-child(1),.contracts-table td:nth-child(1){width:18%;min-width:140px}.contracts-table th:nth-child(2),.contracts-table td:nth-child(2){width:15%;min-width:120px}.contracts-table th:nth-child(3),.contracts-table td:nth-child(3){width:18%;min-width:140px}.contracts-table th:nth-child(4),.contracts-table td:nth-child(4){width:15%;min-width:120px}.contracts-table th:nth-child(5),.contracts-table td:nth-child(5){width:12%;min-width:100px}.contracts-table th:nth-child(6),.contracts-table td:nth-child(6){width:12%;min-width:120px}.contracts-table th:nth-child(7),.contracts-table td:nth-child(7){width:10%;min-width:80px}.guest-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;white-space:normal;word-break:break-word}.guest-info .guest-icon{opacity:.6;flex-shrink:0;color:var(--text-light)}.guest-name{font-weight:600;color:#1e293b;margin-bottom:.25rem;font-size:.875rem;line-height:1.4}.guest-email{font-size:.8125rem;color:#64748b;line-height:1.4}.date-range{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#1e293b;white-space:normal;word-break:break-word}.date-range .date-icon{opacity:.6;flex-shrink:0;color:var(--text-light)}.date-start{font-weight:500;color:#1e293b;margin-bottom:.25rem;font-size:.8125rem;line-height:1.4}.date-end{font-size:.8125rem;color:#64748b;line-height:1.4}.document-info{display:flex;flex-direction:column;gap:.25rem;white-space:normal;word-break:break-word}.document-type{font-size:.8125rem;font-weight:600;color:#1e293b;line-height:1.4}.document-number{font-size:.75rem;color:#64748b;font-family:Monaco,Courier New,monospace;background:#f8fafc;padding:.25rem .5rem;border-radius:4px;line-height:1.4;word-break:break-all}.text-muted{color:#9ca3af;font-style:italic}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-draft{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}.status-draft:before{background-color:#f59e0b}.status-sent{background-color:#e0e7ff;color:#3730a3;border:1px solid #818cf8}.status-sent:before{background-color:#6366f1}.status-signed{background-color:#d1fae5;color:#059669;border:1px solid #34d399}.status-signed:before{background-color:#10b981}.status-rejected{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.status-rejected:before{background-color:#ef4444}.status-completed{background-color:#d1fae5;color:#166534;border:1px solid #34d399}.status-completed:before{background-color:#10b981}.property-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;white-space:normal;word-break:break-word}.property-info .property-icon{flex-shrink:0;color:var(--text-light)}.date-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;white-space:normal;word-break:break-word}.date-info .date-icon{flex-shrink:0;color:var(--text-light)}.action-buttons{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:flex-start}.action-button{padding:.375rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:none;color:#64748b;width:32px;height:32px;flex-shrink:0}.action-button.view{background-color:#eff6ff;color:#1e40af}.action-button.view:hover{background-color:#dbeafe;color:#1e3a8a;transform:scale(1.1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#9ca3af}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;color:#6b7280;margin:0 0 8px}.empty-state p{font-size:14px;color:#9ca3af;margin:0}.loading-state{display:flex;align-items:center;justify-content:center;padding:48px;font-size:16px;color:#6b7280}.error-message{padding:16px;background-color:#fee2e2;color:#991b1b;border-radius:8px;text-align:center;font-size:14px;font-weight:500}.desktop-only{display:block}.mobile-only{display:none}.status-cell{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.status-text-wrapper{display:flex;align-items:center}.status-text{font-size:.8125rem;font-weight:500;padding:.25rem .625rem;border-radius:4px;text-transform:capitalize}.status-text.status-draft{color:#6b7280;background:#6b72801a}.status-text.status-sent{color:#3b82f6;background:#3b82f61a}.status-text.status-signed{color:#10b981;background:#10b9811a}.status-text.status-completed{color:#059669;background:#0596691a}.status-text.status-rejected{color:#ef4444;background:#ef44441a}.status-section{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.status-actions{display:flex;gap:.5rem;flex-wrap:wrap}.status-action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit;background:#fff}.status-action-btn svg{flex-shrink:0}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block}.contracts-container{padding:1rem;padding-top:calc(1rem + 56px);padding-bottom:calc(1rem + 64px);max-width:100vw;width:100%;box-sizing:border-box;overflow-x:hidden}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;width:100%;max-width:100%;flex-wrap:wrap}.summary-cards{grid-template-columns:1fr;width:100%;max-width:100%;gap:1rem}.summary-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.filter-bar{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box}.filter-bar select{width:100%;max-width:100%;box-sizing:border-box}.contracts-table-container{width:100%;max-width:100vw;overflow-x:auto;-webkit-overflow-scrolling:touch}.contracts-table{min-width:800px}.contracts-table th:nth-child(1),.contracts-table td:nth-child(1){min-width:120px}.contracts-table th:nth-child(2),.contracts-table td:nth-child(2){min-width:100px}.contracts-table th:nth-child(3),.contracts-table td:nth-child(3){min-width:120px}.contracts-table th:nth-child(4),.contracts-table td:nth-child(4){min-width:100px}.contracts-table th:nth-child(5),.contracts-table td:nth-child(5){min-width:80px}.contracts-table th:nth-child(6),.contracts-table td:nth-child(6){min-width:100px}.contracts-table th:nth-child(7),.contracts-table td:nth-child(7){min-width:60px}.contracts-cards-container{display:flex;flex-direction:column;gap:1rem;padding:0}.contract-card{background:#fff;border:1.5px solid var(--border-color);border-radius:14px;padding:1.5rem;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contract-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.contract-card:hover{box-shadow:0 8px 24px #6c5ffc26;transform:translateY(-4px);border-color:var(--primary-color)}.contract-card:hover:before{transform:scaleX(1)}.contract-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);gap:1rem}.contract-card-title{display:flex;align-items:center;gap:.75rem;flex:1}.contract-card-title .guest-name{font-weight:600;color:var(--text-color);font-size:.9375rem;margin-bottom:.25rem}.contract-card-title .guest-email{font-size:.8125rem;color:var(--text-light)}.contract-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.contract-card-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-color)}.contract-card-row svg{flex-shrink:0;color:var(--text-light);margin-top:2px}.contract-dates{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.date-separator{color:var(--text-light);font-weight:500}.contract-card-row .document-info{display:flex;flex-direction:column;gap:.25rem}.contract-card-row .document-type{font-size:.8125rem;font-weight:600;color:var(--text-color)}.contract-card-row .document-number{font-size:.75rem;color:var(--text-light)}.contract-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.contract-card-actions .action-button{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:500;border:1px solid var(--border-color);background:#fff;color:var(--text-color);cursor:pointer;transition:all .2s ease}.contract-card-actions .action-button.view{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.contract-card-actions .action-button:active{transform:scale(.98)}}.form-error{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box}.form-grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.tasks-page{animation:fadeIn .5s cubic-bezier(.4,0,.2,1);padding:0}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;width:100%;box-sizing:border-box}.summary-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 16px -4px #00000014,0 4px 8px -2px #0000000a;padding:2rem 1.75rem;display:flex;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.8);box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;position:relative}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6d5ffa,#8b5cf6,#a855f7);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}.summary-card:hover:before{transform:scaleX(1)}.summary-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -8px #6d5ffa40,0 8px 16px -4px #0000001a;border-color:#6d5ffa4d;background:linear-gradient(135deg,#fff,#f8fafcf2)}.summary-card .card-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-right:1.25rem;flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px -2px #00000026;position:relative;overflow:hidden}.summary-card .card-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.summary-card:hover .card-icon{transform:scale(1.15) rotate(5deg);box-shadow:0 8px 20px -4px #00000040}.summary-card:hover .card-icon:after{opacity:1}.summary-card .card-icon.bg-blue-100{background:linear-gradient(135deg,#dbeafe,#bfdbfe,#93c5fd)}.summary-card .card-icon.text-blue-600{color:#1e40af}.summary-card h3{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#1a202c,#4a5568,#6d5ffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;transition:all .3s ease;letter-spacing:-.5px}.summary-card:hover h3{background:linear-gradient(135deg,#6d5ffa,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-card p{font-size:.8125rem;font-weight:600;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.1em;transition:color .3s ease}.summary-card:hover p{color:#6d5ffa}.kanban-board{display:flex;gap:2rem;margin-top:2.5rem;height:-moz-max-content;height:max-content;width:100%;overflow-x:auto;padding-bottom:1.5rem;align-items:flex-start;scrollbar-width:thin;scrollbar-color:rgba(109,95,250,.3) transparent}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:transparent}.kanban-board::-webkit-scrollbar-thumb{background:#6d5ffa4d;border-radius:4px}.kanban-board::-webkit-scrollbar-thumb:hover{background:#6d5ffa80}.kanban-column{flex:1 0 360px;min-width:360px;background:linear-gradient(180deg,#ffffffe6,#f8fafccc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(226,232,240,.6);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);height:auto;max-height:none;box-shadow:0 8px 16px -4px #00000014;overflow:hidden;position:relative}.kanban-column:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6d5ffa,#8b5cf6,#a855f7);opacity:0;transition:opacity .3s ease}.kanban-column:hover:before{opacity:1}.kanban-column:hover{background:linear-gradient(180deg,#fff,#f8fafcf2);box-shadow:0 16px 32px -8px #6d5ffa33,0 8px 16px -4px #0000001a;border-color:#6d5ffa4d;transform:translateY(-4px)}.kanban-column.drag-over{background:linear-gradient(135deg,#6d5ffa26,#8b5cf614);border:3px dashed rgba(109,95,250,.5);transform:scale(1.03);box-shadow:0 20px 40px -8px #6d5ffa4d}.column-header{padding:1.5rem 1.75rem;border-bottom:2px solid rgba(226,232,240,.4);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fffffff2,#f8fafcd9);border-radius:24px 24px 0 0;position:relative;z-index:1}.column-header h2{margin:0;font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#1a202c,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:capitalize;letter-spacing:-.3px}.task-count{font-size:.8125rem;font-weight:700;background:linear-gradient(135deg,#6d5ffa26,#8b5cf61a);color:#6d5ffa;padding:.375rem .75rem;border-radius:12px;box-shadow:0 2px 8px #6d5ffa33;border:1px solid rgba(109,95,250,.2)}.task-list{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:1.25rem;min-height:120px;background:linear-gradient(180deg,transparent 0%,rgba(248,250,252,.3) 100%)}.task-card{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:2px solid rgba(226,232,240,.6);padding:1.5rem;cursor:grab;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px -2px #00000014,0 2px 4px -1px #0000000a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6d5ffa,#8b5cf6);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.task-card:hover:before{transform:scaleX(1)}.task-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 32px -8px #6d5ffa33,0 8px 16px -4px #0000001a;border-color:#6d5ffa66;background:linear-gradient(135deg,#fff,#f8fafc)}.task-card:active{cursor:grabbing}.task-card.dragging{opacity:.7;transform:rotate(4deg) scale(1.05);box-shadow:0 24px 48px -12px #6d5ffa66,0 12px 24px -6px #0003;z-index:1000;position:relative;border-color:#6d5ffa}@media(max-width:768px){.task-card.dragging{opacity:.6;transform:scale(1.02);box-shadow:0 12px 24px #00000040}}.task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:all .3s ease;border-radius:12px 0 0 12px}.task-card:hover{border-color:#cbd5e0;box-shadow:0 10px 15px #0000001a;transform:translateY(-2px)}.task-card.status-pending:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.task-card.status-in-progress:before{background:linear-gradient(180deg,#6366f1,#4f46e5)}.task-card.status-completed:before{background:linear-gradient(180deg,#10b981,#059669)}.task-card.status-pending:hover:before{width:5px;box-shadow:0 0 12px #f59e0b66}.task-card.status-in-progress:hover:before{width:5px;box-shadow:0 0 12px #6366f166}.task-card.status-completed:hover:before{width:5px;box-shadow:0 0 12px #10b98166}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding-left:.5rem}.task-card-title{font-weight:600;font-size:1rem;color:#1e293b;margin:0;line-height:1.5;flex:1;letter-spacing:-.02em;transition:color .2s ease}.task-card:hover .task-card-title{color:#0f172a}.task-actions{display:flex;gap:.25rem;opacity:1;transition:opacity .2s ease}.task-card:hover .task-actions{opacity:1}.action-button{background:#fff;border:1px solid #e2e8f0;padding:.6rem;border-radius:10px;cursor:pointer;color:#64748b;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 4px #0000000d}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-button.edit{color:#4f46e5;border-color:#c7d2fe;background:#eef2ff}.action-button.edit:hover{background:#4f46e5;color:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e54d}.action-button.delete{color:#dc2626;border-color:#fecaca;background:#fef2f2}.action-button.delete:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}.task-property{margin-bottom:.875rem;padding-left:.5rem}.property-name{font-size:.8125rem;font-weight:500;color:#6366f1;display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#6366f114,#6366f10d);border-radius:8px;border:1px solid rgba(99,102,241,.15);transition:all .2s ease}.task-card:hover .property-name{background:linear-gradient(135deg,#6366f11f,#6366f114);border-color:#6366f140;transform:translateY(-1px)}.task-card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-left:.5rem}.task-meta{display:flex;align-items:center;gap:1rem;flex:1;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#64748b;padding:.375rem .625rem;background:#f8fafc;border-radius:6px;transition:all .2s ease}.meta-item:hover{background:#f1f5f9;color:#475569}.meta-item svg{width:14px;height:14px;opacity:.7;color:#6366f1}.task-due-date{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#64748b}.priority-tag{padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:-.01em;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.priority-tag:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #ffffff80}.priority-high{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.priority-high:before{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 0 0 2px #dc262633}.priority-high:hover{transform:translateY(-1px);box-shadow:0 4px 8px #dc262626}.priority-medium{color:#f97316;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa}.priority-medium:before{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 0 0 2px #f9731633}.priority-medium:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f9731626}.priority-low{color:#16a34a;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.priority-low:before{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 0 2px #22c55e33}.priority-low:hover{transform:translateY(-1px);box-shadow:0 4px 8px #22c55e26}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem;background-color:var(--light-color);border:1px solid var(--border-color);border-radius:var(--border-radius)}.filter-group label{font-size:.875rem;font-weight:500;color:var(--text-light);margin:0;padding:0;line-height:1.2;height:18px;display:flex;align-items:center;flex-shrink:0}.filter-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--light-color);min-width:200px}.task-card-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9;animation:slideDown .3s ease-out;padding-left:.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.task-property-name{font-size:.8125rem;font-weight:500;color:#6366f1;margin-bottom:.5rem}.task-description{font-size:.875rem;color:#475569;line-height:1.6;margin:0 0 1rem;white-space:pre-wrap}.task-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;color:#475569;padding:.625rem .875rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.detail-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e0;transform:translate(4px)}.detail-item svg{width:16px;height:16px;color:#6366f1;flex-shrink:0;opacity:.8}.detail-item span{flex:1;font-weight:500}.edit-form{display:flex;flex-direction:column;gap:1rem}.form-group label{font-size:.8125rem;font-weight:500;color:#475569}.form-input,.form-textarea,.form-select{padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.save-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-button:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}@media(max-width:768px){.tasks-page{padding:1rem;max-width:100vw;width:100%;box-sizing:border-box;overflow-x:hidden}.summary-cards{grid-template-columns:1fr;width:100%;max-width:100%;gap:1rem}.summary-card{width:100%;max-width:100%}.kanban-board{flex-direction:column;gap:1rem;overflow-x:visible}.kanban-column{min-width:100%;width:100%;flex:1 1 auto}.task-card{touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.task-card.dragging{opacity:.6;transform:scale(1.02);z-index:1000;position:relative}.kanban-column.drag-over{background-color:#6366f114;border:2px dashed rgba(99,102,241,.4);transform:scale(1.01)}.task-list{min-height:200px}}.page-header{width:100%;max-width:100%;flex-wrap:wrap;gap:1rem}.task-detail-modal{max-width:900px;width:90vw;max-height:90vh;display:flex;flex-direction:column}.task-header-content{flex:1}.task-title-section{display:flex;flex-direction:column;gap:.75rem}.task-badges{display:flex;gap:.5rem;flex-wrap:wrap}.priority-badge,.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.task-detail-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;padding:0 1.5rem;margin-top:1rem}.task-detail-tabs button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-2px;transition:all .2s}.task-detail-tabs button:hover{color:#3b82f6}.task-detail-tabs button.active{color:#3b82f6;border-bottom-color:#3b82f6}.task-detail-body{flex:1;overflow-y:auto;padding:1.5rem}.detail-section{margin-bottom:2rem}.detail-section h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#111827}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#6b7280}.detail-item span{font-size:1rem;color:#111827}.notes-text{padding:1rem;background:#f9fafb;border-radius:.5rem;color:#374151;line-height:1.6}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:#e5e7eb}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-1.75rem;top:.25rem;width:1rem;height:1rem;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px}.timeline-marker.completed{background:#10b981;box-shadow:0 0 0 2px #10b981}.timeline-marker.pending{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b}.timeline-content h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#111827}.timeline-content p{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.timeline-duration{display:inline-block;padding:.25rem .5rem;background:#f3f4f6;border-radius:.25rem;font-size:.75rem;color:#6b7280;margin-right:.5rem}.progress-bar{width:100%;height:.75rem;background:#e5e7eb;border-radius:.375rem;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .3s ease}.progress-text{font-size:.875rem;color:#6b7280}.subtasks-list{display:flex;flex-direction:column;gap:1rem}.subtask-item{padding:1rem;background:#f9fafb;border-radius:.5rem;border-left:4px solid #3b82f6;transition:all .2s}.subtask-item.subtask-completed{background:#f0fdf4;border-left-color:#10b981}.subtask-item.subtask-completed:hover{background:#dcfce7}.subtask-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.subtask-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#3b82f6;color:#fff;border-radius:50%;font-weight:600;flex-shrink:0}.subtask-number.completed{background:#10b981}.subtask-info{flex:1}.subtask-info h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#111827}.subtask-info p{font-size:.875rem;color:#6b7280}.subtask-status{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.subtask-timeline{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.subtask-timeline-item{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.timeline-label{font-size:.75rem;color:#6b7280;font-weight:500}.timeline-value{font-size:.875rem;color:#111827;font-weight:500}.empty-subtasks{text-align:center;padding:2rem;color:#6b7280}.subtask-completion-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#dcfce7;border-radius:.5rem;margin-bottom:.75rem;border:1px solid #86efac}.subtask-completion-badge svg{color:#10b981;flex-shrink:0}.completion-label{font-size:.875rem;font-weight:600;color:#065f46}.completion-time{font-size:.875rem;font-weight:700;color:#047857}.completion-duration{font-size:.75rem;color:#059669;margin-left:.5rem}.subtask-timeline-item.completed-item{background:#f0fdf4;padding:.75rem;border-radius:.5rem;border-left:3px solid #10b981;margin-top:.5rem}.completed-label{display:flex;align-items:center;gap:.25rem;color:#065f46!important;font-weight:600!important}.completed-label svg{color:#10b981}.completed-value{color:#047857!important;font-weight:700!important}.completion-duration-badge{display:inline-block;padding:.25rem .5rem;background:#86efac;border-radius:.25rem;font-size:.75rem;color:#065f46;font-weight:600;margin-top:.25rem}.review-loading{text-align:center;padding:2rem;color:#6b7280}.review-rating{margin-bottom:2rem;padding:1.5rem;background:#fef3c7;border-radius:.75rem;border-left:4px solid #fbbf24}.stars{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.rating-value{margin-left:.5rem;font-size:1.25rem;font-weight:700;color:#111827}.review-text{margin-bottom:2rem}.review-text-content{padding:1.5rem;background:#f9fafb;border-radius:.75rem;color:#374151;line-height:1.8;border-left:4px solid #3b82f6;margin-top:.75rem}.review-text-content p{margin:0}.review-images{margin-bottom:2rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.image-item{position:relative;border-radius:.75rem;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000001a;transition:all .2s}.image-item:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.image-wrapper{position:relative;width:100%;height:250px;overflow:hidden}.image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s}.image-wrapper:hover img{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.image-wrapper:hover .image-overlay{opacity:1}.image-caption{padding:.75rem;font-size:.875rem;color:#111827;font-weight:500;border-top:1px solid #e5e7eb}.image-date{padding:.5rem .75rem;font-size:.75rem;color:#6b7280;border-top:1px solid #e5e7eb}.review-meta{padding-top:1.5rem;border-top:2px solid #e5e7eb;margin-top:2rem}.meta-item{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.meta-item strong{color:#6b7280;font-weight:600}.meta-item span{color:#111827;font-weight:500}.no-review{text-align:center;padding:4rem 2rem;color:#6b7280}.no-review svg{margin-bottom:1rem;opacity:.5}.no-review h3{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.5rem}.no-review p{font-size:1rem;line-height:1.6;max-width:500px;margin:0 auto}.review-section{margin-bottom:2rem}.no-content{padding:1rem;background:#f9fafb;border-radius:.5rem;color:#6b7280;text-align:center;font-style:italic}.review-summary{padding:1.5rem;background:#f0f9ff;border-radius:.75rem;border-left:4px solid #3b82f6}.summary-rating,.summary-text,.summary-images,.summary-meta{margin-bottom:1rem}.summary-rating:last-child,.summary-text:last-child,.summary-images:last-child,.summary-meta:last-child{margin-bottom:0}.summary-label{display:block;font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.summary-stars{display:flex;align-items:center;gap:.25rem}.summary-rating-value{margin-left:.5rem;font-size:1rem;font-weight:600;color:#111827}.summary-text-content{margin-top:.5rem;padding:.75rem;background:#fff;border-radius:.5rem;color:#374151;line-height:1.6;font-size:.875rem}.summary-images-count{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#111827}.summary-meta span:last-child{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background:#fff;border-radius:.375rem;font-size:.875rem;color:#111827}@media(max-width:768px){.task-detail-modal{width:95vw;max-height:95vh}.detail-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.task-detail-tabs{flex-wrap:wrap}}.tasks-page{padding:2rem;max-width:1400px;margin:0 auto}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.tasks-header h1{font-size:2rem;font-weight:700;color:#111827;margin:0}.add-task-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.add-task-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.summary-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem}.card-content h3{font-size:2rem;font-weight:700;margin:0;color:#111827}.card-content p{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.filter-section{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.advanced-filters{width:100%}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#374151}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.task-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s;border:1px solid #e5e7eb}.task-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px);border-color:#3b82f6}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.task-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0;flex:1}.task-priority{display:flex;align-items:center}.task-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.task-property{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#f3f4f6;border-radius:.375rem;font-size:.875rem;color:#374151}.task-assigned{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#dbeafe;border-radius:.375rem;font-size:.875rem;color:#1e40af}.task-notes{font-size:.875rem;color:#6b7280;margin:.75rem 0;line-height:1.5}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.task-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.task-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.empty-state svg{color:#9ca3af;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.5rem}.empty-state p{font-size:1rem;color:#6b7280}@media(max-width:768px){.tasks-page{padding:1rem}.tasks-header{flex-direction:column;align-items:flex-start;gap:1rem}.summary-cards,.tasks-grid,.filter-row{grid-template-columns:1fr}}.date-picker-wrapper{position:relative;width:100%}.date-picker-input{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:var(--text-primary, #1f2937);min-height:44px;box-sizing:border-box}.date-picker-input:hover:not(.disabled){border-color:var(--primary-color, #6d5ffa);box-shadow:0 0 0 3px #6d5ffa1a}.date-picker-input.open{border-color:var(--primary-color, #6d5ffa);box-shadow:0 0 0 3px #6d5ffa1a}.date-picker-input.disabled{background:var(--bg-secondary, #f9fafb);cursor:not-allowed;opacity:.6}.date-picker-icon{color:var(--text-secondary, #6b7280);flex-shrink:0}.date-picker-value{flex:1;text-align:left;min-width:0}.date-picker-value .placeholder{color:var(--text-secondary, #9ca3af)}.date-picker-clear{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:transparent;cursor:pointer;color:var(--text-secondary, #6b7280);border-radius:.25rem;transition:all .2s ease;flex-shrink:0}.date-picker-clear:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.date-picker-calendar{position:absolute;top:calc(100% + .5rem);left:0;z-index:1000;background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:.75rem;box-shadow:0 10px 25px #0000001a;padding:1rem;min-width:280px;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.date-picker-nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-secondary, #f9fafb);border-radius:.5rem;cursor:pointer;font-size:1.25rem;color:var(--text-primary, #1f2937);transition:all .2s ease}.date-picker-nav:hover{background:var(--primary-color, #6d5ffa);color:#fff}.date-picker-month-year{font-weight:600;font-size:1rem;color:var(--text-primary, #1f2937)}.date-picker-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.date-picker-day-name{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);padding:.5rem 0;text-transform:uppercase;letter-spacing:.05em}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.date-picker-day{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary, #1f2937);transition:all .2s ease;padding:0}.date-picker-day:hover:not(.disabled):not(.selected){background:var(--bg-hover, #f3f4f6)}.date-picker-day.today:not(.selected){background:var(--primary-light-color, #e0e7ff);color:var(--primary-color, #6d5ffa);font-weight:600}.date-picker-day.selected{background:var(--primary-color, #6d5ffa);color:#fff;font-weight:600}.date-picker-day.disabled{color:var(--text-disabled, #d1d5db);cursor:not-allowed;opacity:.5}.date-picker-day.empty{cursor:default}@media(max-width:768px){.date-picker-calendar{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:320px;z-index:2000}.date-picker-day{width:40px;height:40px;font-size:1rem}}:root{--primary-color: #6d5ffa;--secondary-color: #4a5568;--light-color: #f8fafc;--dark-color: #1a202c;--border-color: #e2e8f0;--border-radius: .75rem;--text-light: #4a5568;--positive-color: #10b981;--negative-color: #ef4444;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.revenues-container{font-family:Inter,sans-serif;padding:2rem;background-color:var(--light-color);min-height:100vh;animation:fadeIn .3s ease-out;width:100%;max-width:100%;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(90deg,#6d5ffa1a,#ffffff80);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);position:relative}.page-title{font-size:2rem;font-weight:800;color:var(--dark-color);margin:0}.section-title{font-size:1.5rem;font-weight:700;color:var(--dark-color);margin:0 0 1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#5a4ffb 100%);color:#fff;box-shadow:0 4px 12px #6c5ffc4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#5a4ffb,#4a3ffa);transform:translateY(-2px);box-shadow:0 6px 16px #6c5ffc66}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #6c5ffc4d}.btn-primary:disabled{filter:grayscale(.2);opacity:.8;cursor:not-allowed}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:#374151;transform:translateY(-2px)}.filter-bar{margin-bottom:2rem;padding:0;background:transparent;border:none;box-shadow:none;display:flex;flex-direction:column;gap:1.5rem}.filter-section{background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:1.5rem;display:flex;flex-direction:column}.filter-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.filter-section-title:before{content:"";width:3px;height:16px;background:var(--primary-color, #6d5ffa);border-radius:2px}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:start;width:100%;grid-auto-rows:min-content}.filter-group .searchable-dropdown-wrapper{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;position:relative!important;flex-shrink:0}.filter-group .searchable-dropdown-wrapper .searchable-dropdown-input-wrapper{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;position:relative!important}.filter-group .searchable-dropdown-wrapper .searchable-dropdown-input.filter-select{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:.625rem 2.25rem .625rem .875rem!important;border:1.5px solid var(--border-color, #e2e8f0)!important;border-radius:var(--border-radius, .75rem)!important;font-size:.875rem!important;color:var(--text-primary, #1e293b)!important;background:#fff!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;line-height:1.5!important;margin:0!important;background-image:none!important}.filter-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #6b7280);margin:0;padding:0;display:flex;align-items:center;gap:.25rem;line-height:1.2;height:18px;flex-shrink:0}.date-filter-group{display:flex;flex-direction:column;gap:.5rem;width:100%;min-height:64px;justify-content:flex-start;align-items:stretch}.date-filter-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #6b7280);margin:0;padding:0;display:flex;align-items:center;gap:.25rem;line-height:1.2;height:18px;flex-shrink:0}.date-filter-input{width:100%;height:40px}.date-filter-group .react-datepicker-wrapper{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;flex-shrink:0}.date-filter-group .react-datepicker-wrapper .react-datepicker__input-container{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important}.date-filter-group .react-datepicker-wrapper .react-datepicker__input-container input{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:.625rem 2.25rem .625rem .875rem!important;border:1.5px solid var(--border-color, #e2e8f0)!important;border-radius:var(--border-radius, .75rem)!important;font-size:.875rem!important;color:var(--text-primary, #1e293b)!important;background:#fff!important;box-sizing:border-box!important;margin:0!important;line-height:1.5!important}.quick-date-presets{display:flex;flex-direction:column;gap:.75rem}.preset-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.preset-btn{padding:.625rem 1.25rem;border:1.5px solid var(--border-color, #e2e8f0);border-radius:8px;background:#fff;color:var(--text-primary, #1f2937);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.preset-btn:hover{background:var(--primary-color, #6d5ffa);color:#fff;border-color:var(--primary-color, #6d5ffa);transform:translateY(-1px);box-shadow:0 2px 8px #6d5ffa33}.preset-btn:active{transform:translateY(0)}.filter-bar select{width:100%;max-width:250px;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.95rem;color:var(--dark-color);background:#fff;transition:border-color .3s ease,box-shadow .3s ease}.filter-bar select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6d5ffa33}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;padding:2rem;display:flex;align-items:flex-start;gap:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,var(--primary-color, #6d5ffa) 0%,rgba(109,95,250,.6) 100%);opacity:0;transition:opacity .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f,0 4px 8px #00000014;border-color:#6d5ffa4d}.summary-card:hover:before{opacity:1}.revenue-card-primary{background:linear-gradient(135deg,#eff6ff,#fff)}.revenue-card-primary .card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.revenue-card-secondary{background:linear-gradient(135deg,#f0fdf4,#fff)}.revenue-card-secondary .card-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.revenue-card-tertiary{background:linear-gradient(135deg,#faf5ff,#fff)}.revenue-card-tertiary .card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.revenue-card-quaternary{background:linear-gradient(135deg,#fffbeb,#fff)}.revenue-card-quaternary .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.summary-card .card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.summary-card:hover .card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #00000026}.summary-card:hover .card-icon{transform:scale(1.05)}.summary-card .card-content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.summary-card h3{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0;line-height:1.2;letter-spacing:-.02em}.summary-card p{font-size:.8125rem;font-weight:500;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.05em}.card-trend,.card-percentage,.card-meta{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;font-weight:500}.card-trend.positive{color:var(--positive-color)}.card-trend.negative{color:var(--negative-color)}.card-percentage,.card-meta{color:var(--text-secondary)}.chart-container{background:#fff;padding:2rem;border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 2px 8px #0000000a;height:400px;margin-bottom:2rem;transition:all .3s ease}.chart-container:hover{box-shadow:0 8px 16px #0000000f;border-color:#e2e8f0}.chart-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.analytics-section{margin-bottom:2rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.analytics-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 2px 8px #0000000a}.insights-card{grid-column:1 / -1}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.insight-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);border-radius:12px;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.insight-item:hover{background:linear-gradient(135deg,#fff,#f1f5f9);transform:translateY(-3px);box-shadow:0 6px 16px #00000014;border-color:#6d5ffa33}.insight-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.insight-item:hover .insight-icon{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.insight-content{flex:1;min-width:0}.insight-content h4{font-size:.875rem;font-weight:500;color:var(--text-light);margin:0 0 .5rem}.insight-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.insight-value.positive{color:var(--positive-color)}.insight-value.negative{color:var(--negative-color)}.insight-label{font-size:.75rem;color:var(--text-secondary);display:block;margin-top:.25rem}.properties-breakdown-card{max-height:500px;overflow-y:auto}.properties-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.property-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);border-radius:12px;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.property-item:hover{background:linear-gradient(135deg,#fff,#f1f5f9);transform:translate(4px);box-shadow:0 4px 12px #00000014;border-color:#6d5ffa33}.property-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.property-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.property-revenue{font-weight:600;color:var(--primary-color);font-size:1rem}.property-bookings{font-size:.75rem;color:var(--text-secondary)}.analytics-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric-card{background:#fff;border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-sm)}.metric-card h3{margin:0 0 .5rem;font-size:.95rem;color:var(--text-light)}.metric-value{font-size:1.25rem;font-weight:700}.metric-value.positive{color:var(--positive-color)}.metric-value.negative{color:var(--negative-color)}.chart-section{display:grid;grid-template-columns:1fr;gap:1.5rem}.transactions-section{background:#fff;padding:2rem;border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.transactions-section:hover{box-shadow:0 8px 16px #0000000f}.transactions-table-container{overflow-x:auto}.transactions-table{width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0}.transactions-table th,.transactions-table td{padding:1.25rem 1rem;text-align:left;font-size:.9375rem;color:#1e293b}.transactions-table th{font-weight:600;color:#64748b;background:#f8fafc;border-bottom:2px solid #e2e8f0;text-transform:uppercase;font-size:.8125rem;letter-spacing:.05em;position:sticky;top:0;z-index:10}.transactions-table td{border-bottom:1px solid #f1f5f9;vertical-align:middle}.transactions-table tr{transition:background-color .3s ease,transform .2s ease}.transactions-table tr:hover{background-color:#6d5ffa0d;transform:translate(4px)}.transaction-row{position:relative}.transaction-row.transaction-menage{border-left:3px solid #f59e0b}.transaction-row.transaction-concierge{border-left:3px solid #6366f1}.transaction-row.transaction-owner{border-left:3px solid #10b981}.transaction-date,.transaction-property,.transaction-period{display:flex;align-items:center;gap:.5rem}.transaction-property svg,.transaction-period svg{opacity:.6;flex-shrink:0}.transaction-notes{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.transaction-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;flex-shrink:0}.badge-menage{background:#fef3c7;color:#d97706;border:1px solid #fcd34d}.badge-concierge{background:#e0e7ff;color:#4f46e5;border:1px solid #818cf8}.badge-owner{background:#d1fae5;color:#059669;border:1px solid #34d399}.transaction-notes-text{flex:1;min-width:0;word-break:break-word}.amount{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.amount-positive{color:var(--positive-color)}.amount-negative{color:var(--negative-color)}.amount-icon{flex-shrink:0}.loading-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:var(--text-light)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--text-light);text-align:center}.empty-state svg{opacity:.6}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:var(--border-radius);width:100%;max-width:500px;box-shadow:var(--shadow-md);animation:slideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--dark-color);margin:0}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-light);transition:color .3s ease}.close-btn:hover{color:var(--dark-color)}.modal-body{padding:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--dark-color);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.95rem;color:var(--dark-color);transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6d5ffa33}.form-textarea{min-height:100px;resize:vertical}.radio-group{display:flex;gap:1.5rem}.radio-group label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--dark-color)}.form-grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.error-message{color:var(--negative-color);font-size:.875rem;margin-bottom:1rem;padding:.75rem;background:#ef44441a;border-radius:.5rem}@media(max-width:768px){.revenues-container{padding:1rem;max-width:100vw;width:100%;box-sizing:border-box;overflow-x:hidden}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;width:100%;max-width:100%;box-sizing:border-box}.page-title{font-size:1.5rem;word-wrap:break-word}.section-title{font-size:1.25rem;word-wrap:break-word}.summary-cards{grid-template-columns:1fr;width:100%;max-width:100%;gap:1rem}.summary-card,.revenue-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:1.5rem}.summary-card .card-icon{width:48px;height:48px}.summary-card h3{font-size:1.5rem}.chart-container{height:300px;width:100%;max-width:100%}.chart-section{grid-template-columns:1fr;width:100%;max-width:100%}.transactions-table th,.transactions-table td{padding:.75rem;font-size:.9rem}.modal-content{max-width:90%;width:100%;box-sizing:border-box}.form-grid-2-col{grid-template-columns:1fr;width:100%;max-width:100%}.filter-bar{width:100%;max-width:100%;box-sizing:border-box;gap:1rem}.filter-section{padding:1.25rem}.filter-row{grid-template-columns:1fr;gap:1rem}.preset-buttons{flex-direction:column}.preset-btn{width:100%;justify-content:center}.analytics-grid,.insights-grid{grid-template-columns:1fr}}.transaction-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:flex-end}.search-filter-group{flex:1;min-width:250px}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-light, #6b7280);pointer-events:none;z-index:1}.search-input{width:100%;padding:.75rem .75rem .75rem 2.75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:.5rem;font-size:.95rem;color:var(--dark-color);transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6d5ffa33}.clear-search-btn{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:var(--text-light, #6b7280);padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.clear-search-btn:hover{color:var(--dark-color)}.type-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.transaction-actions{display:flex;gap:.5rem;align-items:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background:transparent}.edit-btn{color:var(--primary-color, #6d5ffa)}.edit-btn:hover{background:#6d5ffa1a;color:#5a4ffb}.delete-btn{color:var(--negative-color, #ef4444)}.delete-btn:hover{background:#ef44441a;color:#dc2626}.header-actions{display:flex;gap:1rem;align-items:center}.btn-secondary{background:var(--secondary-color, #4a5568);color:#fff;box-shadow:0 2px 8px #4a556833}.btn-secondary:hover{background:#374151;transform:translateY(-2px);box-shadow:0 4px 12px #4a55684d}.static-data-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;color:#3b82f6;font-size:.875rem;font-weight:500}.static-data-indicator svg{flex-shrink:0}.spinning{animation:spin 1s linear infinite}@media(min-width:1024px){.transactions-table th,.transactions-table td{padding:1.25rem}}.analytics-container{padding:2rem;max-width:1400px;margin:0 auto}.analytics-header{margin-bottom:2rem}.analytics-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;background:linear-gradient(135deg,#6d5ffa,#8a7fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-subtitle{font-size:1rem;color:#64748b;margin:0}.analytics-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e2e8f0;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.analytics-tabs::-webkit-scrollbar{display:none}.analytics-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.9375rem;font-weight:500;color:#64748b;transition:all .3s ease;white-space:nowrap;position:relative;margin-bottom:-2px}.analytics-tab:hover{color:#6d5ffa;background-color:#6d5ffa0d}.analytics-tab.active{color:#6d5ffa;border-bottom-color:#6d5ffa;font-weight:600}.analytics-tab svg{flex-shrink:0}.analytics-content{min-height:400px}.analytics-overview{animation:fadeIn .3s ease}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease;cursor:pointer}.overview-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a;border-color:#6d5ffa}.overview-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.overview-card-icon{color:#6d5ffa;flex-shrink:0}.overview-card-header h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.overview-card-content{margin-top:.75rem}.overview-card-description{font-size:.875rem;color:#64748b;line-height:1.6;margin:0}.overview-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a;border-color:#6d5ffa}.metric-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.metric-icon{color:#6d5ffa;flex-shrink:0}.metric-label{font-size:.875rem;font-weight:500;color:#64748b}.metric-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.metric-subtext{font-size:.875rem;color:#64748b;display:flex;align-items:center;gap:.25rem}.metric-subtext.positive{color:#10b981}.metric-subtext.negative{color:#ef4444}.overview-quick-stats{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;margin-top:2rem}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.quick-stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.quick-stat-item svg{color:#6d5ffa;flex-shrink:0}.quick-stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.quick-stat-label{font-size:.875rem;color:#64748b}.section-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.section-description{font-size:.9375rem;color:#64748b;margin:0}.analytics-revenues{animation:fadeIn .3s ease}.analytics-revenues .revenues-container{padding:0}.analytics-revenues .page-header{margin-bottom:1.5rem}.analytics-performance{animation:fadeIn .3s ease}.performance-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.performance-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.performance-metric-header h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.performance-metric-value{font-size:2rem;font-weight:700;color:#6d5ffa;margin-bottom:.5rem}.performance-metric-desc{font-size:.875rem;color:#64748b}.performance-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:4rem 2rem;text-align:center}.placeholder-icon{color:#cbd5e1;margin-bottom:1.5rem}.performance-placeholder h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.performance-placeholder p{font-size:1rem;color:#64748b;margin:0 0 2rem}.performance-features{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem}.feature-item{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#475569;font-size:.875rem;font-weight:500}.feature-item svg{color:#6d5ffa;flex-shrink:0}.analytics-insights{animation:fadeIn .3s ease}.insights-header{margin-bottom:2rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.insight-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;display:flex;gap:1rem;transition:all .3s ease}.insight-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.insight-card.insight-success{border-left:4px solid #10b981}.insight-card.insight-warning{border-left:4px solid #f59e0b}.insight-card.insight-info{border-left:4px solid #6d5ffa}.insight-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#f8fafc}.insight-success .insight-icon{color:#10b981;background:#d1fae5}.insight-warning .insight-icon{color:#f59e0b;background:#fef3c7}.insight-info .insight-icon{color:#6d5ffa;background:#eef2ff}.insight-content{flex:1}.insight-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.insight-description{font-size:.875rem;color:#64748b;margin:0;line-height:1.6}.insights-empty{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:4rem 2rem;text-align:center}.recommendations-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;margin-top:2rem}.recommendations-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.recommendation-item{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.recommendation-item svg{color:#6d5ffa;flex-shrink:0;margin-top:.25rem}.recommendation-item strong{display:block;font-size:.9375rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.recommendation-item p{font-size:.875rem;color:#64748b;margin:0;line-height:1.6}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#6d5ffa;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.insights-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:4rem 2rem;text-align:center}.insights-placeholder h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.insights-placeholder p{font-size:1rem;color:#64748b;margin:0 0 2rem}.insights-features{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.analytics-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.date-range-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem}.date-range-selector svg{color:#64748b;flex-shrink:0}.date-range-select{border:none;background:none;font-size:.875rem;color:#1e293b;cursor:pointer;outline:none}.export-button,.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6d5ffa;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.export-button:hover,.refresh-button:hover{background:#5a4dd9;transform:translateY(-1px);box-shadow:0 4px 12px #6d5ffa4d}.refresh-button{padding:.5rem;min-width:auto}.analytics-business{animation:fadeIn .3s ease}.business-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;margin-bottom:2rem}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.financial-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.financial-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.financial-card.revenue-card{border-left:4px solid #10b981}.financial-card.expense-card{border-left:4px solid #ef4444}.financial-card.profit-card{border-left:4px solid #6d5ffa}.financial-card.avg-card{border-left:4px solid #f59e0b}.financial-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.financial-card-header svg{color:#6d5ffa;flex-shrink:0}.financial-card-header h3{font-size:.9375rem;font-weight:600;color:#64748b;margin:0}.financial-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.financial-subtext{font-size:.875rem;color:#64748b}.expense-chart-container{margin-top:1.5rem}.property-performance-table{margin-top:1.5rem;overflow-x:auto}.property-performance-table table{width:100%;border-collapse:collapse}.property-performance-table thead{background:#f8fafc}.property-performance-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0}.property-performance-table td{padding:1rem;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#1e293b}.property-name-cell{display:flex;align-items:center;gap:.5rem}.property-name-cell svg{color:#6d5ffa;flex-shrink:0}.performance-cell{display:flex;align-items:center;gap:.75rem}.performance-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.performance-fill{height:100%;background:linear-gradient(90deg,#6d5ffa,#8a7fff);border-radius:4px;transition:width .3s ease}.performance-text{font-size:.75rem;font-weight:600;color:#64748b;min-width:40px}.metrics-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.metric-comparison-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;text-align:center}.metric-comparison-label{font-size:.875rem;color:#64748b;margin-bottom:.75rem}.metric-comparison-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.metric-comparison-desc{font-size:.75rem;color:#94a3b8}.analytics-trends{animation:fadeIn .3s ease}.trends-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;margin-bottom:2rem}.trends-chart-container,.seasonal-chart-container{margin-top:1.5rem}.growth-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.growth-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;text-align:center}.growth-card-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:#64748b;font-weight:500}.growth-card-header svg{color:#6d5ffa}.growth-value{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.growth-value.positive{color:#10b981}.growth-value.negative{color:#ef4444}.growth-desc{font-size:.875rem;color:#64748b}.metric-info-icon{color:#94a3b8;cursor:help;margin-left:auto;opacity:.6;transition:opacity .2s ease}.metric-card:hover .metric-info-icon{opacity:1}.metric-description{font-size:.75rem;color:#94a3b8;margin-top:.5rem;line-height:1.4;font-style:italic}.financial-info-icon{color:#94a3b8;cursor:help;margin-left:auto;opacity:.6;transition:opacity .2s ease}.financial-card:hover .financial-info-icon{opacity:1}.financial-description{font-size:.75rem;color:#94a3b8;margin-top:.5rem;line-height:1.4;font-style:italic}.metric-comparison-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.metric-comparison-header .metric-info-icon{margin-left:auto}.overview-qa-section{margin-top:2rem;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:.75rem;padding:2rem}.qa-section{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0}.qa-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.qa-icon{color:#6d5ffa;opacity:.3;flex-shrink:0}.qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.qa-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.qa-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #6d5ffa26;border-color:#6d5ffa}.qa-question{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600;color:#1e293b;font-size:.9375rem}.qa-question svg{color:#6d5ffa;flex-shrink:0}.qa-answer{padding-top:1rem;border-top:1px solid #e2e8f0}.qa-answer-property{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.qa-answer-property svg{color:#6d5ffa;flex-shrink:0}.qa-answer-property strong{font-size:1.125rem;color:#1e293b}.qa-answer-value{font-size:1.75rem;font-weight:700;color:#6d5ffa;margin-bottom:.5rem;display:flex;align-items:baseline;gap:.5rem}.qa-answer-value.positive{color:#10b981}.qa-answer-value.negative{color:#ef4444}.qa-answer-label{font-size:.875rem;font-weight:500;color:#64748b}.qa-answer-details{font-size:.875rem;color:#64748b;line-height:1.6}.performance-overview-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;margin-bottom:2rem}.performance-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.performance-metric-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.performance-metric-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a;border-color:#6d5ffa}.performance-metric-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.performance-metric-header h3{font-size:.9375rem;font-weight:600;color:#64748b;margin:0;flex:1}.performance-metric-header svg{color:#6d5ffa;flex-shrink:0}.performance-metric-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.performance-metric-desc{font-size:.875rem;color:#94a3b8}.revenue-breakdown-chart{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-top:1rem}.top-performers-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.top-performer-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease}.top-performer-item:hover{transform:translate(4px);box-shadow:0 4px 12px #6d5ffa1a;border-color:#6d5ffa}.performer-rank{display:flex;align-items:center;gap:.5rem;min-width:60px}.performer-rank .gold{color:#fbbf24}.performer-rank .silver{color:#94a3b8}.performer-rank .bronze{color:#d97706}.rank-number{font-size:1.25rem;font-weight:700;color:#6d5ffa}.performer-info{flex:1}.performer-name{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:600;color:#1e293b}.performer-name svg{color:#6d5ffa}.performer-stats{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#64748b}.performer-stats span:first-child{font-weight:600;color:#6d5ffa}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#94a3b8}.empty-state svg{margin-bottom:1rem;opacity:.5}@media(max-width:768px){.analytics-container{padding:1rem}.analytics-title{font-size:1.5rem}.analytics-header{flex-direction:column}.analytics-header-actions{width:100%;justify-content:flex-start}.analytics-tabs{gap:.25rem;overflow-x:auto}.analytics-tab{padding:.75rem 1rem;font-size:.875rem;white-space:nowrap}.overview-grid{grid-template-columns:1fr;gap:1rem}.financial-grid,.growth-analysis-grid,.metrics-comparison-grid{grid-template-columns:1fr}.property-performance-table{font-size:.75rem}.property-performance-table th,.property-performance-table td{padding:.75rem .5rem}.performance-features,.insights-features{flex-direction:column;gap:1rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeInBackdrop .2s ease-out}.modal-content{background:var(--light-color);border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:slideInUp .3s ease-out}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem}.close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:var(--text-light)}.close-btn:hover{background-color:var(--background-color);color:var(--dark-color)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;background-color:#f9fafb}.form-help-text{display:block;margin-top:.25rem;font-size:.875rem;color:var(--text-light, #64748b)}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:2rem}.summary-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #00000008;padding:1.25rem 1.5rem;display:flex;align-items:center;transition:all .2s ease;border:1px solid #e2e8f0}.summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0000001a;border-color:#cbd5e0}.summary-card .card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0}.summary-card .card-content{flex:1;display:flex;flex-direction:column}.summary-card h3{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 .25rem}.summary-card p{font-size:.75rem;font-weight:400;color:#718096;margin:0;text-transform:uppercase;letter-spacing:.5px}.summary-card .card-icon.bg-blue-100{background:#dbeafe}.summary-card .card-icon.text-blue-600{color:#2563eb}.summary-card .card-icon.bg-purple-100{background:#e9d5ff}.summary-card .card-icon.text-purple-600{color:#9333ea}.summary-card .card-icon.bg-green-100{background:#dcfce7}.summary-card .card-icon.text-green-600{color:#16a34a}.summary-card .card-icon.bg-yellow-100{background:#fef9c3}.summary-card .card-icon.text-yellow-600{color:#ca8a04}.summary-card .card-icon.bg-indigo-100{background:#e0e7ff}.summary-card .card-icon.text-indigo-600{color:#4f46e5}.summary-card .card-icon.bg-red-100{background:#fee2e2}.summary-card .card-icon.text-red-600{color:#dc2626}.summary-card .card-icon.bg-teal-100{background:#ccfbf1}.summary-card .card-icon.text-teal-600{color:#0d9488}.summary-card .card-icon.bg-orange-100{background:#ffedd5}.summary-card .card-icon.text-orange-600{color:#ea580c}.summary-card .card-icon.bg-emerald-100{background:#d1fae5}.summary-card .card-icon.text-emerald-600{color:#10b981}.concierge-table{width:100%;border-collapse:collapse;margin-top:2rem;background-color:var(--light-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 1px 3px #0000000d}.concierge-table th,.concierge-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.concierge-table th{background-color:#f9fafb;font-size:.75rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.concierge-table tr:last-child td{border-bottom:none}.concierge-table tr:hover{background-color:#f9fafb}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-pending{color:#9a3412;background-color:#ffedd5}.status-pending:before{background-color:#f97316}.status-accepted{color:#166534;background-color:#dcfce7}.status-accepted:before{background-color:#22c55e}.status-expired{color:#4b5563;background-color:#e5e7eb}.status-expired:before{background-color:#9ca3af}.action-button{background:none;border:none;cursor:pointer;color:var(--text-light);padding:.5rem;border-radius:50%;transition:all .2s}.action-button:hover{background-color:#fee2e2;color:#dc2626}.action-button:disabled{opacity:.5;cursor:not-allowed}.page-header-actions{display:flex;gap:1rem;align-items:center}.section-container{margin-top:2rem}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}:root{--primary-color: #6d5ffa;--primary-light: #8a7fff;--primary-lighter: #e8e5ff;--secondary-color: #00c7ff;--secondary-light: #e0f7ff;--background-light: #f8faff;--background-white: #ffffff;--text-dark: #1a202c;--text-medium: #4a5568;--text-light: #718096;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12)}.learning-page-container{display:flex;max-width:1400px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-dark);line-height:1.6;background:linear-gradient(135deg,#f8faff,#f1f5f9);min-height:calc(100vh - 80px)}.learning-sidebar{flex:0 0 280px;margin-right:2rem;background:var(--background-white);border:1px solid var(--border-light);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md);position:sticky;top:2rem;height:-moz-fit-content;height:fit-content;transition:all .3s cubic-bezier(.4,0,.2,1)}.learning-sidebar:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.learning-sidebar h1{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin:0 0 2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.learning-nav{display:flex;flex-direction:column;gap:.5rem}.learning-nav button{display:flex;align-items:center;width:100%;padding:.875rem 1.25rem;border:none;background:transparent;color:var(--text-medium);font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.learning-nav button:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--primary-color);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 4px 4px 0}.learning-nav button:hover{background:var(--primary-lighter);color:var(--primary-color);transform:translate(4px);padding-left:1.5rem}.learning-nav button:hover:before{transform:scaleY(1)}.learning-nav button.active{background:linear-gradient(135deg,var(--primary-lighter) 0%,rgba(109,95,250,.1) 100%);color:var(--primary-color);font-weight:600;box-shadow:var(--shadow-sm)}.learning-nav button.active:before{transform:scaleY(1)}.learning-content{flex:1;background:var(--background-white);border:1px solid var(--border-light);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-md);animation:fadeIn .4s ease-out;transition:all .3s ease}.learning-content:hover{box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.academy-section h2,.faqs-section h2,.privacy-policy-section h2{font-size:2.25rem;font-weight:700;color:var(--text-dark);margin:0 0 2rem;letter-spacing:-.5px;position:relative;padding-bottom:1rem}.academy-section h2:after,.faqs-section h2:after,.privacy-policy-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-light) 100%);border-radius:2px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.video-item{background:var(--background-white);border:1px solid var(--border-light);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.video-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:left}.video-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-lighter)}.video-item:hover:before{transform:scaleX(1)}.video-item h3{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin:0 0 1rem;line-height:1.4;transition:color .3s ease}.video-item:hover h3{color:var(--primary-color)}.video-item iframe{width:100%;aspect-ratio:16/9;max-width:100%;border-radius:12px;border:none;box-shadow:var(--shadow-md);transition:all .3s ease;margin-bottom:1rem}.video-item:hover iframe{box-shadow:var(--shadow-lg);transform:scale(1.02)}.faq-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.faq-item{background:var(--background-white);border:1px solid var(--border-light);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.faq-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-color) 0%,var(--secondary-color) 100%);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:top}.faq-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-lighter);transform:translate(4px)}.faq-item:hover:before{transform:scaleY(1)}.faq-item h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0 0 1rem;display:flex;align-items:center;gap:.75rem}.faq-item h3:before{content:"";width:8px;height:8px;background:var(--primary-color);border-radius:50%;flex-shrink:0}.accordion{margin-top:.5rem}.accordion-item{border-top:1px solid var(--border-light);transition:all .3s ease}.accordion-item:first-child{border-top:none;padding:2px}.accordion-item.open{background:var(--background-light);border-radius:8px;margin:.5rem 0;padding:.5rem}.accordion-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;padding:1rem 0;font-size:1rem;font-weight:500;color:var(--text-dark);cursor:pointer;text-align:left;transition:all .3s ease;border-radius:8px;position:relative}.accordion-trigger:hover{background:var(--background-light);color:var(--primary-color);padding-left:.75rem}.accordion-trigger span:first-child{flex:1;line-height:1.5}.accordion-icon{font-weight:700;font-size:1.25rem;color:var(--primary-color);margin-left:1rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-lighter);border-radius:50%;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.accordion-item.open .accordion-icon{transform:rotate(180deg);background:var(--primary-color);color:#fff}.accordion-content{padding:0 0 1rem;color:var(--text-medium);line-height:1.7;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.accordion-content p{margin:0;border-left:3px solid var(--primary-lighter);padding-left:1rem}.privacy-policy-section h3{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:2rem 0 1rem;padding-left:1rem;border-left:4px solid var(--primary-color);transition:all .3s ease}.privacy-policy-section h3:hover{padding-left:1.25rem;color:var(--primary-color)}.privacy-policy-section p{margin-bottom:1.5rem;color:var(--text-medium);line-height:1.8;padding:1rem;background:var(--background-light);border-radius:8px;border:1px solid var(--border-light);transition:all .3s ease}.privacy-policy-section p:hover{background:var(--primary-lighter);border-color:var(--primary-lighter);transform:translate(4px)}@media(max-width:1024px){.learning-page-container{flex-direction:column;padding:1.5rem}.learning-sidebar{flex:none;width:100%;margin-right:0;margin-bottom:1.5rem;position:static}.learning-nav{flex-direction:row;flex-wrap:wrap;gap:.5rem}.learning-nav button{flex:1 1 auto;min-width:120px;text-align:center;justify-content:center}.learning-nav button:before{display:none}.learning-content{padding:1.5rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media(max-width:768px){.learning-page-container{padding:1rem}.learning-sidebar{padding:1.5rem}.learning-sidebar h1{font-size:1.5rem;text-align:center}.learning-content{padding:1.25rem}.academy-section h2,.faqs-section h2,.privacy-policy-section h2{font-size:1.75rem;text-align:center}.academy-section h2:after,.faqs-section h2:after,.privacy-policy-section h2:after{left:50%;transform:translate(-50%)}.video-grid{grid-template-columns:1fr}.video-item iframe{aspect-ratio:16/9}}@media(max-width:480px){.learning-page-container{padding:.75rem}.learning-sidebar{padding:1rem;border-radius:12px}.learning-sidebar h1{font-size:1.25rem;margin-bottom:1rem}.learning-nav button{padding:.75rem 1rem;font-size:.875rem;min-width:100px}.learning-content{padding:1rem;border-radius:12px}.academy-section h2,.faqs-section h2,.privacy-policy-section h2{font-size:1.5rem;margin-bottom:1.5rem}.video-item,.faq-item{padding:1rem}.faq-item h3{font-size:1.125rem}.accordion-trigger{padding:.75rem 0;font-size:.95rem}.privacy-policy-section h3{font-size:1.25rem}.privacy-policy-section p{padding:.75rem;font-size:.9rem}}html{scroll-behavior:smooth}::-moz-selection{background:var(--primary-lighter);color:var(--primary-color)}::selection{background:var(--primary-lighter);color:var(--primary-color)}.learning-nav button:focus,.accordion-trigger:focus{outline:2px solid var(--primary-color);outline-offset:2px}.profile-container{max-width:1400px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.profile-welcome-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6d5ffa1a,#6d5ffa08);border:1.5px solid rgba(109,95,250,.2);border-radius:20px;padding:2.5rem 3rem;margin-bottom:2.5rem;box-shadow:0 4px 20px #6d5ffa14;position:relative;overflow:hidden}.profile-welcome-banner:before{content:"";position:absolute;top:0;right:0;width:250px;height:250px;background:radial-gradient(circle,rgba(109,95,250,.15) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%);pointer-events:none}.profile-avatar-section{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;border:4px solid white;box-shadow:0 8px 24px #6d5ffa40;transition:transform .3s ease}.profile-avatar:hover{transform:scale(1.05)}.profile-header-info{display:flex;flex-direction:column;gap:.5rem}.profile-name{font-size:2rem;font-weight:700;color:var(--dark-color);margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-email{font-size:1rem;color:var(--text-light);margin:0;font-weight:400}.profile-header-actions{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.profile-role-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:1.5px solid var(--border-color);border-radius:12px;font-size:.875rem;font-weight:600;color:var(--primary-color);box-shadow:0 2px 8px #0000000d}.profile-edit-btn,.profile-save-btn,.profile-cancel-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;box-shadow:0 2px 8px #00000014}.profile-edit-btn{background:var(--primary-color);color:#fff}.profile-edit-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #6d5ffa4d}.profile-save-btn{background:#10b981;color:#fff}.profile-save-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-cancel-btn{background:#fff;color:var(--text-primary);border:1.5px solid var(--border-color)}.profile-cancel-btn:hover:not(:disabled){background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.profile-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.profile-edit-actions{display:flex;gap:.75rem}.profile-section{background:#fff;border-radius:20px;padding:2.5rem;margin-bottom:2rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 12px #0000000a;transition:all .3s ease}.profile-section:hover{box-shadow:0 8px 24px #00000014;border-color:#6d5ffa33}.profile-section-title{font-size:1.5rem;font-weight:700;color:var(--dark-color);margin:0 0 2rem;display:flex;align-items:center;gap:.75rem;padding-bottom:1.25rem;border-bottom:2px solid rgba(226,232,240,.5)}.profile-section-title svg{color:var(--primary-color)}.profile-section-description{font-size:.9375rem;color:var(--text-secondary);margin:-1.5rem 0 1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(226,232,240,.5)}.profile-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.profile-form-group{display:flex;flex-direction:column;gap:.75rem}.profile-form-group.full-width{grid-column:1 / -1}.profile-form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.profile-form-group label svg{color:var(--primary-color);width:18px;height:18px}.profile-input{padding:.875rem 1.25rem;border:1.5px solid var(--border-color);border-radius:12px;font-size:.9375rem;color:var(--text-primary);background:#fff;transition:all .2s ease;font-family:inherit}.profile-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6d5ffa1a}.profile-value{padding:.875rem 1.25rem;font-size:.9375rem;color:var(--text-primary);background:#f8fafc;border-radius:12px;min-height:48px;display:flex;align-items:center}.profile-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease}.profile-link:hover{color:var(--primary-dark);text-decoration:underline}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.profile-info-item{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:#f8fafc;border-radius:12px;border:1px solid rgba(226,232,240,.5);transition:all .2s ease}.profile-info-item:hover{background:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d}.profile-info-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-info-value{font-size:1rem;font-weight:600;color:var(--dark-color);display:flex;align-items:center;gap:.5rem}.verified-badge,.unverified-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:8px;font-size:.875rem;font-weight:600}.verified-badge{background:#d1fae5;color:#059669}.unverified-badge{background:#fee2e2;color:#dc2626}.profile-loading,.profile-error{text-align:center;padding:3rem;color:var(--text-light);background:#fff;border-radius:20px;margin:2rem 0}.profile-error{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}@media(max-width:768px){.profile-container{padding:1.25rem}.profile-welcome-banner{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2rem 1.5rem}.profile-header-actions{width:100%;flex-direction:column;align-items:stretch}.profile-edit-actions{width:100%}.profile-edit-btn,.profile-save-btn,.profile-cancel-btn{width:100%;justify-content:center}.profile-section{padding:1.5rem}.profile-form-grid{grid-template-columns:1fr;gap:1.25rem}.profile-info-grid{grid-template-columns:1fr}}.not-found-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;font-family:Inter,sans-serif}.not-found-content{text-align:center;padding:2rem;max-width:600px;margin:0 auto}.not-found-icon{color:#6d5ffa;margin-bottom:1.5rem;animation:pulse 2s infinite}.not-found-title{font-size:6rem;font-weight:900;color:#6d5ffa;margin:0;line-height:1}.not-found-subtitle{font-size:2rem;font-weight:600;color:#333;margin:1rem 0}.not-found-text{font-size:1.2rem;color:#666;margin-bottom:2rem}.btn-primary{display:inline-block;padding:.75rem 1.5rem;background-color:#6d5ffa;color:#fff;text-decoration:none;border-radius:.5rem;font-size:1.1rem;font-weight:500;transition:background-color .3s ease,transform .2s ease}.btn-primary:hover{background-color:#5a4cd8;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.5rem}.not-found-text{font-size:1rem}}.property-details-page{padding:2rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.property-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-md, 1rem)}.property-details-loading .spinner{width:48px;height:48px;animation:spin 1s linear infinite;color:var(--color-primary, #6d5ffa)}@keyframes spin{to{transform:rotate(360deg)}}.property-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-md, 1rem);text-align:center;padding:var(--spacing-xl, 2rem)}.property-details-error .error-icon{width:64px;height:64px;color:var(--color-error, #ef4444);margin-bottom:var(--spacing-md, 1rem)}.property-details-error h2{font-size:var(--font-size-2xl, 1.5rem);font-weight:600;color:var(--color-text-primary, #1a202c);margin:0}.property-details-error p{color:var(--color-text-secondary, #4a5568);margin:0}.property-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl, 2rem);gap:var(--spacing-md, 1rem);flex-wrap:wrap}.header-actions{display:flex;gap:var(--spacing-sm, .5rem);flex-wrap:wrap}.property-hero{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;overflow:hidden;margin-bottom:2.5rem;box-shadow:0 20px 40px -12px #00000026,0 8px 16px -4px #0000001a;border:2px solid rgba(255,255,255,.8);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.property-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6d5ffa,#8b5cf6,#a855f7);z-index:1}.property-hero:hover{box-shadow:0 24px 48px -12px #6d5ffa40,0 12px 24px -6px #00000026;transform:translateY(-4px)}.property-hero-image{position:relative;width:100%;height:500px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.property-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#fffffff2,#f8fafce6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.8);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 16px -4px #0003,0 4px 8px -2px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2;color:#6d5ffa}.carousel-nav:hover{background:linear-gradient(135deg,#6d5ffa,#8b5cf6);color:#fff;transform:translateY(-50%) scale(1.15);box-shadow:0 12px 24px -6px #6d5ffa66,0 6px 12px -3px #0003;border-color:#6d5ffa4d}.carousel-nav.prev{left:var(--spacing-md, 1rem)}.carousel-nav.next{right:var(--spacing-md, 1rem)}.carousel-indicators{position:absolute;bottom:var(--spacing-md, 1rem);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-xs, .25rem);z-index:2}.carousel-indicators button{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all var(--transition-base, .2s ease);padding:0}.carousel-indicators button.active{width:24px;border-radius:4px;background:var(--color-surface, #ffffff)}.property-hero-content{padding:2.5rem;background:linear-gradient(180deg,transparent 0%,rgba(248,250,252,.4) 100%)}.property-title-section{padding:2rem!important;background:linear-gradient(135deg,#fffffff2,#f8fafcd9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;margin:1.5rem;box-shadow:0 8px 16px -4px #0000001a;border:1.5px solid rgba(226,232,240,.6)}.property-title-section h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1a202c,#4a5568,#6d5ffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem;letter-spacing:-.5px;line-height:1.2}.property-location{display:flex;align-items:center;gap:.625rem;color:#64748b;font-size:1.125rem;font-weight:500;padding:.75rem 1rem;background:#f8fafccc;border-radius:12px;width:-moz-fit-content;width:fit-content;margin-top:.5rem}.property-stats{display:flex;gap:var(--spacing-lg, 1.5rem);margin-top:var(--spacing-lg, 1.5rem);flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);color:var(--color-text-secondary, #4a5568);font-size:var(--font-size-sm, .875rem)}.stat-item.price{color:var(--color-primary, #6d5ffa);font-weight:600}.card{background:linear-gradient(135deg,#fffffff2,#f8fafce6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(226,232,240,.6);border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 16px -4px #00000014,0 4px 8px -2px #0000000a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6d5ffa,#8b5cf6,#a855f7);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}.card:hover:before{transform:scaleX(1)}.card:hover{box-shadow:0 20px 40px -8px #6d5ffa33,0 12px 24px -6px #0000001a;border-color:#6d5ffa66;transform:translateY(-4px);background:linear-gradient(135deg,#fff,#f8fafcfa)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(226,232,240,.5)}.card-header h2{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#1a202c,#6d5ffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.3px}.card-body{color:var(--color-text-secondary, #4a5568);height:-moz-max-content;height:max-content}.property-description{height:-moz-max-content;height:max-content;font-size:var(--font-size-base, 1rem);color:var(--color-text-primary, #1a202c);margin-bottom:var(--spacing-lg, 1.5rem);white-space:pre-wrap}.property-description-container{display:block;width:100%}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md, 1rem);margin-top:var(--spacing-md, 1rem)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.info-label{font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-tertiary, #64748b);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:var(--font-size-base, 1rem);font-weight:500;color:var(--color-text-primary, #1a202c)}.address-info{margin-bottom:var(--spacing-lg, 1.5rem)}.address-line{font-size:var(--font-size-base, 1rem);color:var(--color-text-primary, #1a202c);margin:0 0 var(--spacing-xs, .25rem) 0;line-height:1.6}.address-line.place-name{display:flex;align-items:center;gap:var(--spacing-xs, .25rem);color:var(--color-text-secondary, #4a5568);font-style:italic;margin-top:var(--spacing-sm, .5rem)}.address-line.coordinates{display:flex;align-items:center;gap:var(--spacing-xs, .25rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-tertiary, #64748b);margin-top:var(--spacing-sm, .5rem)}.address-line.coordinates code{background:var(--color-background-light, #f8fafc);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:var(--font-size-xs, .75rem)}.map-container{margin-top:var(--spacing-md, 1rem);border-radius:var(--border-radius-md, .5rem);overflow:hidden;border:1px solid var(--color-border, #e2e8f0);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .03));position:relative}.map-container iframe{display:block;width:100%;height:400px}.map-overlay-link{position:absolute;right:var(--spacing-sm, .5rem);bottom:var(--spacing-sm, .5rem);background:#000000a6;color:#fff;padding:6px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:var(--spacing-xs, .25rem);text-decoration:none;font-size:var(--font-size-xs, .75rem);transition:opacity var(--transition-base, .2s ease)}.map-overlay-link:hover{opacity:.9}.static-map-link{display:block;position:relative;width:100%;height:400px;overflow:hidden;text-decoration:none}.static-map-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.map-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;padding:var(--spacing-md, 1rem);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, .25rem);font-size:var(--font-size-sm, .875rem);font-weight:500;opacity:0;transition:opacity var(--transition-base, .2s ease)}.static-map-link:hover .map-overlay{opacity:1}.map-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:var(--color-background-light, #f8fafc);color:var(--color-text-secondary, #4a5568);gap:var(--spacing-sm, .5rem);text-decoration:none;transition:all var(--transition-base, .2s ease)}.map-fallback:hover{background:var(--color-surface-hover, #f1f5f9);color:var(--color-primary, #6d5ffa)}.amenities-container{display:flex;flex-direction:column;gap:var(--spacing-xl, 2rem)}.amenity-group-title{font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-primary, #1a202c);margin:0 0 var(--spacing-md, 1rem) 0;padding-bottom:var(--spacing-sm, .5rem);border-bottom:2px solid var(--color-border, #e2e8f0)}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md, 1rem)}.amenity-item{padding:var(--spacing-lg, 1.5rem);background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--border-radius-lg, .75rem);transition:all var(--transition-base, .2s ease);display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.amenity-item:hover{border-color:var(--color-primary, #6d5ffa);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .05));transform:translateY(-2px)}.amenity-header{display:flex;align-items:flex-start;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-sm, .5rem)}.amenity-header-content{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem);flex:1}.amenity-category{font-size:var(--font-size-xs, .75rem);font-weight:500;color:var(--color-text-tertiary, #64748b);text-transform:uppercase;letter-spacing:.05em;background:var(--color-background-light, #f8fafc);padding:2px 6px;border-radius:4px;display:inline-block;width:-moz-fit-content;width:fit-content}.amenity-name{font-size:var(--font-size-base, 1rem);font-weight:600;color:var(--color-text-primary, #1a202c)}.amenity-image{width:100%;height:200px;border-radius:var(--border-radius-md, .5rem);overflow:hidden;margin-bottom:var(--spacing-md, 1rem);background:var(--color-background-light, #f8fafc)}.amenity-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.amenity-description{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #4a5568);margin:var(--spacing-xs, .25rem) 0;line-height:1.5;white-space:pre-wrap}.amenity-detail{display:flex;align-items:flex-start;gap:var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #4a5568);padding:var(--spacing-sm, .5rem);background:var(--color-background-light, #f8fafc);border-radius:var(--border-radius-md, .5rem);border-left:3px solid var(--color-primary, #6d5ffa)}.amenity-detail svg{flex-shrink:0;color:var(--color-primary, #6d5ffa);margin-top:2px}.wifi-info{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem);flex:1}.wifi-label{font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-tertiary, #64748b);text-transform:uppercase;letter-spacing:.05em}.wifi-name{font-family:Courier New,monospace;background:var(--color-background-light, #f8fafc);padding:4px 8px;border-radius:4px;font-weight:600;color:var(--color-text-primary, #1a202c);display:inline-block}.wifi-password{font-family:Courier New,monospace;background:var(--color-background-light, #f8fafc);padding:4px 8px;border-radius:4px;font-weight:600;color:var(--color-primary, #6d5ffa);display:inline-block}.amenity-notes{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem);flex:1}.notes-label{font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-tertiary, #64748b);text-transform:uppercase;letter-spacing:.05em}.notes-content{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #4a5568);line-height:1.6;white-space:pre-wrap;margin:0}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md, 1rem)}.worker-card{padding:var(--spacing-md, 1rem);background:var(--color-background-light, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--border-radius-md, .5rem);transition:all var(--transition-base, .2s ease)}.worker-card:hover{border-color:var(--color-border-dark, #cbd5e1);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .03))}.worker-header{display:flex;align-items:center;gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-md, 1rem);padding-bottom:var(--spacing-md, 1rem);border-bottom:1px solid var(--color-border, #e2e8f0)}.worker-header h3{font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-primary, #1a202c);margin:0}.worker-category{font-size:var(--font-size-xs, .75rem);font-weight:600;text-transform:uppercase;color:var(--color-text-tertiary, #64748b);background:var(--color-background-light, #f8fafc);padding:2px 8px;border-radius:4px}.worker-details{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem)}.worker-detail{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #4a5568)}.worker-detail a{color:var(--color-primary, #6d5ffa);text-decoration:none;transition:color var(--transition-base, .2s ease)}.worker-detail a:hover{color:var(--color-primary-dark, #5a4cd8);text-decoration:underline}.worker-notes{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #4a5568);margin:var(--spacing-xs, .25rem) 0 0 0;line-height:1.5}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md, 1rem)}.photo-item{position:relative;aspect-ratio:4 / 3;border-radius:var(--border-radius-md, .5rem);overflow:hidden;cursor:pointer;border:1px solid var(--color-border, #e2e8f0);transition:all var(--transition-base, .2s ease);background:var(--color-background-light, #f8fafc)}.photo-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));border-color:var(--color-border-dark, #cbd5e1)}.photo-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-modal{position:fixed;inset:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-modal img{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--border-radius-md, .5rem);cursor:default}.modal-close{position:absolute;top:var(--spacing-lg, 1.5rem);right:var(--spacing-lg, 1.5rem);background:#ffffff1a;border:none;border-radius:50%;width:48px;height:48px;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base, .2s ease);z-index:10001}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:56px;height:56px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base, .2s ease);z-index:10001}.modal-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.modal-nav.prev{left:var(--spacing-lg, 1.5rem)}.modal-nav.next{right:var(--spacing-lg, 1.5rem)}.info-section-item{margin-bottom:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border, #e2e8f0)}.info-section-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-section-label{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text-secondary, #4a5568);margin-bottom:var(--spacing-sm, .5rem);text-transform:uppercase;letter-spacing:.05em}.info-section-value{font-size:var(--font-size-base, 1rem);color:var(--color-text-primary, #1a202c);line-height:1.6}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);background:#6d5ffa1a;color:var(--color-primary, #6d5ffa);border-radius:var(--border-radius-md, .5rem);font-size:var(--font-size-sm, .875rem);font-weight:500}.checklist{list-style:none;padding:0;margin:0}.checklist li{position:relative;padding-left:var(--spacing-lg, 1.5rem);margin-bottom:var(--spacing-sm, .5rem);color:var(--color-text-primary, #1a202c);line-height:1.6}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--color-success, #10b981);font-weight:600}.external-links{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.external-link{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, 1rem);background:var(--color-background-light, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--border-radius-md, .5rem);text-decoration:none;color:var(--color-text-primary, #1a202c);transition:all var(--transition-base, .2s ease);font-weight:500}.external-link:hover{background:var(--color-surface-hover, #f1f5f9);border-color:var(--color-primary, #6d5ffa);color:var(--color-primary, #6d5ffa);transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .03))}.external-link span{flex:1}.ical-links{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.ical-link-item{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, 1rem);background:var(--color-background-light, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--border-radius-md, .5rem);word-break:break-all}.ical-url{flex:1;font-family:Courier New,monospace;font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary, #4a5568);background:var(--color-surface, #ffffff);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:4px;border:1px solid var(--color-border, #e2e8f0)}.link{color:var(--color-primary, #6d5ffa);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs, .25rem);transition:color var(--transition-base, .2s ease)}.link:hover{color:var(--color-primary-dark, #5a4cd8);text-decoration:underline}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:var(--font-size-xs, .75rem);font-weight:600;text-transform:uppercase}.status-badge.enable{background:#10b9811a;color:var(--color-success, #10b981)}.status-badge.pending{background:#f59e0b1a;color:var(--color-warning, #f59e0b)}.card-header h2{display:flex;align-items:center;gap:var(--spacing-sm, .5rem)}@media(max-width:768px){.property-details-page{padding:var(--spacing-md, 1rem)}.property-details-header{flex-direction:column;align-items:stretch}.header-actions{width:100%}.header-actions .btn{flex:1}.property-hero-image{height:300px}.property-hero-content{padding:var(--spacing-md, 1rem)}.property-title-section h1{font-size:var(--font-size-2xl, 1.5rem)}.property-stats{gap:var(--spacing-md, 1rem)}.info-grid,.amenities-grid,.workers-grid{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm, .5rem)}.carousel-nav,.modal-close,.modal-nav{width:40px;height:40px}.modal-nav.prev{left:var(--spacing-md, 1rem)}.modal-nav.next{right:var(--spacing-md, 1rem)}}.empty-section-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl, 2rem);text-align:center;color:var(--color-text-secondary, #4a5568);background:var(--color-background-light, #f8fafc);border-radius:var(--border-radius-md, .5rem);border:1px dashed var(--color-border, #e2e8f0);gap:var(--spacing-md, 1rem)}.empty-section-state h3{font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-primary, #1a202c);margin:0}.empty-section-state p{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #4a5568);margin:0}.empty-section-state p .info-value.status-badge{font-weight:500;padding:0;background:none;border-radius:0;display:inline}.empty-section-state p .info-value.status-badge.enable{color:var(--color-success, #10b981)}.empty-section-state p .info-value.status-badge.pending{color:var(--color-warning, #f59e0b)}.detail-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #e2e8f0;align-items:flex-start}.detail-row:last-child{border-bottom:none}.detail-label{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--color-text-secondary, #4a5568);min-width:180px;font-size:.9rem}.detail-label svg{color:var(--color-primary, #6d5ffa);width:18px;height:18px}.detail-value{font-weight:400;color:var(--color-text-primary, #1a202c);text-align:right;flex:1;font-size:.9rem}.list-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.list-items li{position:relative;padding-left:0;text-align:right;line-height:1.5;font-weight:400;font-size:.9rem}.section-list{display:flex;flex-direction:column;gap:.75rem}.section-list-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.section-list-item svg{color:var(--color-primary, #6d5ffa);flex-shrink:0;margin-top:.125rem}.section-list-item-text{font-size:.9rem;color:var(--color-text-primary, #334155);line-height:1.5}.character-counter{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important}.add-property-container{padding:var(--spacing-xl, 2rem) var(--spacing-lg, 1.5rem);max-width:1000px;margin:0 auto;width:100%;box-sizing:border-box}.add-property-header{margin-bottom:var(--spacing-2xl, 3rem);text-align:center}.add-property-title{font-size:var(--font-size-3xl, 2rem);font-weight:800;background:linear-gradient(135deg,#1a202c,#6d5ffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm, .5rem)}.add-property-subtitle{font-size:var(--font-size-lg, 1.125rem);color:var(--color-text-secondary, #64748b);max-width:600px;margin:0 auto}.property-form{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:16px;box-shadow:var(--shadow-xl);padding:var(--spacing-xl, 2rem);transition:all .3s ease}.form-section{margin-bottom:var(--spacing-xl, 2rem);border-bottom:1px solid var(--color-border, #e2e8f0);padding-bottom:var(--spacing-xl, 2rem)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1a202c);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.section-title svg{color:var(--color-primary, #6d5ffa)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary, #1a202c);margin-bottom:.5rem}.form-label .required{color:#ef4444;margin-left:.25rem}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:1rem;color:var(--color-text-tertiary, #94a3b8);pointer-events:none}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.95rem;font-family:inherit;color:var(--color-text-primary, #334155);background-color:#fff;transition:all .2s ease;box-sizing:border-box}.form-input.has-icon{padding-left:2.75rem}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary, #6d5ffa);box-shadow:0 0 0 4px #6d5ffa1a}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:.75rem;color:var(--color-text-tertiary, #64748b);margin-top:.4rem}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.checkbox-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.checkbox-card:hover{border-color:var(--color-primary, #6d5ffa);background:#f8fafc}.checkbox-card.selected{border-color:var(--color-primary, #6d5ffa);background:#6d5ffa0d}.checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-card.selected .checkbox-custom{background:var(--color-primary, #6d5ffa);border-color:var(--color-primary, #6d5ffa)}.checkbox-custom svg{color:#fff;width:14px;height:14px;opacity:0;transform:scale(.5);transition:all .2s ease}.checkbox-card.selected .checkbox-custom svg{opacity:1;transform:scale(1)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border, #e2e8f0)}.btn-back{background:transparent;color:var(--color-text-secondary, #64748b);border:none;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;gap:.5rem}.btn-back:hover{color:var(--color-text-primary, #1a202c)}.btn-next{background:linear-gradient(135deg,var(--color-primary, #6d5ffa) 0%,#5b4dd8 100%);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #6d5ffa4d;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #6d5ffa66}.btn-next:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-error{background:#fef2f2;border:1px solid #fee2e2;color:#ef4444;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.accept-invitation-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--background-color);padding:1rem}.accept-invitation-page .form-container{width:100%;max-width:480px;background:var(--light-color);padding:2.5rem;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.accept-invitation-page h2{text-align:center;margin-bottom:.5rem;color:var(--dark-color)}.accept-invitation-page p{text-align:center;margin-bottom:2rem;color:var(--text-light)}.success-message{color:#059669;background-color:#d1fae5;padding:1rem;border-radius:var(--border-radius);text-align:center;font-weight:500}.app-download-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.app-download-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;padding:3rem 2rem;text-align:center}.app-download-header{margin-bottom:2rem}.app-icon{color:var(--primary-color, #667eea);margin-bottom:1rem}.app-download-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.app-download-header p{color:#6b7280;font-size:1.1rem}.download-buttons{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.download-button{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.download-button.app-store{background:#000;color:#fff}.download-button.app-store:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.download-button.play-store{background:#01875f;color:#fff}.download-button.play-store:hover{background:#016b4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.download-button-text{display:flex;flex-direction:column;align-items:flex-start}.download-button-label{font-size:.75rem;opacity:.9}.download-button-store{font-size:1.25rem}.app-features{margin:2rem 0;text-align:left}.app-features h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem;text-align:center}.app-features ul{list-style:none;padding:0}.app-features li{padding:.75rem 0;color:#4b5563;border-bottom:1px solid #e5e7eb}.app-features li:last-child{border-bottom:none}.app-features li:before{content:"✓ ";color:var(--primary-color, #667eea);font-weight:700;margin-right:.5rem}.app-download-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.back-to-login{color:var(--primary-color, #667eea);text-decoration:none;font-weight:500;transition:color .2s}.back-to-login:hover{color:var(--primary-color-dark, #5568d3);text-decoration:underline}@media(max-width:640px){.app-download-container{padding:2rem 1.5rem}.app-download-header h1{font-size:1.5rem}.download-button{padding:.875rem 1.5rem}}.notifications-page{padding:2rem;max-width:1200px;margin:0 auto}.notifications-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.notifications-header-left{display:flex;align-items:flex-start;gap:1rem;flex:1}.back-button{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-light);transition:all .2s ease;margin-top:.25rem}.back-button:hover{background-color:var(--secondary-color);color:var(--text-color)}.notifications-title{font-size:2rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;line-height:1.2}.notifications-subtitle{font-size:.9375rem;color:var(--text-light);margin:0}.notifications-header-actions{display:flex;gap:1rem;align-items:center}.filter-btn{background:none;border:1px solid var(--border-color);cursor:pointer;padding:.75rem;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-light);transition:all .2s ease}.filter-btn:hover{background-color:var(--secondary-color);color:var(--text-color);border-color:var(--text-color)}.notifications-filters{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.filter-tab{background:none;border:none;cursor:pointer;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;color:var(--text-light);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;position:relative}.filter-tab:hover{color:var(--text-color)}.filter-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.filter-count{font-size:.875rem;font-weight:600;color:var(--text-light)}.filter-tab.active .filter-count{color:var(--primary-color)}.unread-count{color:#dc2626}.notifications-content{min-height:400px}.notifications-list{display:grid;gap:1rem}.notification-card{background-color:var(--light-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.notification-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:var(--primary-color)}.notification-card.unread{background:linear-gradient(135deg,#f0f7ff,#fff);border-color:var(--primary-color);border-width:2px}.notification-card-content{display:flex;flex-direction:column;gap:.75rem}.notification-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.notification-card-title{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0;flex:1}.notification-card-actions{display:flex;align-items:center;gap:.5rem}.notification-mark-read-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-light);transition:all .2s ease}.notification-mark-read-btn:hover{background-color:var(--secondary-color);color:var(--primary-color)}.notification-dot{width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);flex-shrink:0;box-shadow:0 0 0 2px #6d5ffa33}.notification-card-message{font-size:.9375rem;color:var(--text-light);margin:0;line-height:1.6}.notification-card-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.notification-card-time{font-size:.8125rem;color:var(--text-light)}.notification-card-type{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.notification-card-type.property_update{background-color:#dbeafe;color:#1e40af}.notification-card-type.task_update{background-color:#fef3c7;color:#92400e}.notification-card-type.revenue_update{background-color:#d1fae5;color:#065f46}.notifications-empty{text-align:center;padding:4rem 2rem;color:var(--text-light)}.notifications-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.notifications-empty h3{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.notifications-empty p{font-size:1rem;margin:0}.notifications-loading,.notifications-error{text-align:center;padding:4rem 2rem;font-size:1.125rem;color:var(--text-light)}.notifications-error{color:#dc2626}@media(max-width:768px){.notifications-page{padding:1rem}.notifications-header{flex-direction:column;gap:1rem}.notifications-header-actions{width:100%;justify-content:space-between}.notifications-filters{overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tab{padding:.75rem 1rem;white-space:nowrap}.notification-card{padding:1rem}.notification-card-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}:root{--primary-color: #6c5ffc;--primary-hover: #5a4ffb;--text-primary: #1e293b;--text-secondary: #64748b;--background-color: #f8fafc;--card-background: #ffffff;--border-color: #e2e8f0;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--success-bg: #ecfdf5;--warning-bg: #fffbeb;--danger-bg: #fef2f2;--border-radius: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-speed: .3s}.add-reservation-page{min-height:100vh;background:var(--background-color);padding:2rem}.reservation-container{max-width:900px;margin:0 auto;background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:2rem}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.back-button:hover{background:var(--background-color);border-color:var(--primary-color);color:var(--primary-color)}.page-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}.reservation-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color)}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.required-badge{font-size:.75rem;color:var(--danger-color);background:var(--danger-bg);padding:.125rem .5rem;border-radius:9999px;font-weight:500}.optional-badge{font-size:.75rem;color:var(--text-secondary);background:var(--background-color);padding:.125rem .5rem;border-radius:9999px;font-weight:500}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9375rem;color:var(--text-primary);transition:all var(--transition-speed) ease;background:#fff;font-family:inherit}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6c5ffc1a}.date-picker-icon{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none;z-index:1}.date-picker-input::-moz-placeholder{color:var(--text-secondary)}.date-picker-input::placeholder{color:var(--text-secondary)}.form-grid-2-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-hint{font-size:.75rem;color:var(--text-secondary);margin:0;margin-top:.25rem}.error-message{background:var(--danger-bg);color:var(--danger-color);padding:.875rem 1rem;border-radius:var(--border-radius);border:1px solid var(--danger-color);font-size:.875rem;font-weight:500}.date-warning{background:var(--warning-bg);color:var(--warning-color);padding:.875rem 1rem;border-radius:var(--border-radius);border:1px solid var(--warning-color);font-size:.875rem}.electronic-lock-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color)}.checkbox-label-large{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:background .2s ease}.checkbox-label-large:hover{background:var(--background-color)}.checkbox-input{width:20px;height:20px;margin-top:.25rem;cursor:pointer;accent-color:var(--primary-color);flex-shrink:0}.checkbox-header{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary);font-size:.9375rem}.checkbox-header svg{color:var(--primary-color)}.checkbox-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.lock-code-section{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.generate-code-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--primary-color);border-radius:var(--border-radius);color:var(--primary-color);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-speed) ease;white-space:nowrap}.generate-code-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6c5ffc4d}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-secondary:hover{background:var(--background-color);border-color:var(--primary-color);color:var(--primary-color)}.review-section{display:flex;flex-direction:column;gap:2rem}.review-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:1.5rem}.info-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.info-value{font-size:1rem;font-weight:500;color:var(--text-primary)}.review-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.edit-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color)}.edit-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.contract-success-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.contract-success-section h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.contract-success-section p{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}.contract-link-container{width:100%;max-width:600px;display:flex;gap:.75rem;align-items:stretch;background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem;transition:border-color .3s ease}.contract-link-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #6c5ffc1a}.contract-link-input{flex:1;border:none;outline:none;padding:.75rem;font-size:.875rem;color:var(--text-primary);background:transparent;font-family:monospace}.copy-link-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-speed) ease;white-space:nowrap}.copy-link-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6c5ffc4d}.contract-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}@media(max-width:768px){.add-reservation-page{padding:1rem}.reservation-container{padding:1.5rem}.page-header{flex-direction:column;align-items:flex-start}.form-grid-2-col,.info-grid{grid-template-columns:1fr}.lock-code-input-group{flex-direction:column}.generate-code-btn{width:100%;justify-content:center}.form-actions,.review-actions,.edit-actions{flex-direction:column}.btn{width:100%}.contract-link-container{flex-direction:column}.copy-link-btn{width:100%;justify-content:center}}:root{--primary-color: #6c5ffc;--primary-hover: #5a4ffb;--text-primary: #1e293b;--text-secondary: #64748b;--background-color: #f8fafc;--card-background: #ffffff;--border-color: #e2e8f0;--success-color: #10b981;--success-color-light: #d1fae5;--success-color-dark: #059669;--warning-color: #f59e0b;--warning-color-light: #fef3c7;--warning-color-dark: #d97706;--danger-color: #ef4444;--info-color: #3b82f6;--info-color-light: #dbeafe;--info-color-dark: #2563eb;--border-radius: .75rem;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-speed: .3s}.reservation-details-container{min-height:100vh;background:var(--background-color);padding:2rem;padding-top:calc(var(--header-height, 64px) + 2rem)}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:1.5px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .05))}.back-button:hover{background:var(--background-color);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 8px #6c5ffc26}.header-actions{display:flex;gap:1rem;position:relative}.details-content{max-width:1000px;margin:0 auto}.details-card{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:2rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:1rem}.card-title-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.card-header .status-badge{font-size:.8125rem;padding:.5rem 1rem;border-radius:9999px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000000d}.card-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.status-badge{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000000d}.status-confirmed{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.status-pending{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.status-draft{background:#f1f5f9;color:var(--text-secondary);border:1px solid var(--border-color)}.status-sent{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:var(--info-color);border:1px solid rgba(59,130,246,.2)}.status-signed,.status-completed{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.status-cancelled{background:#fee2e2;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.detail-item{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) ease}.detail-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #6c5ffc14;transform:translateY(-1px)}.detail-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border-radius:10px;flex-shrink:0;box-shadow:0 2px 6px #6c5ffc26;transition:all var(--transition-speed) ease}.detail-icon svg{color:#fff;stroke:#fff}.detail-item:hover .detail-icon{transform:scale(1.05);box-shadow:0 4px 12px #6c5ffc4d}.detail-item:hover .detail-icon svg{color:#fff;stroke:#fff}.detail-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.detail-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.detail-value{font-size:1.0625rem;font-weight:600;color:var(--text-primary);line-height:1.5}.detail-item.highlight-item{background:linear-gradient(135deg,#6d5ffa14,#6d5ffa08);border:2px solid rgba(109,95,250,.2);box-shadow:0 4px 12px #6d5ffa1a}.detail-value.code-value{font-family:Courier New,monospace;font-size:1.125rem;font-weight:600;color:var(--primary-color);background:#f3f4f6;padding:.5rem 1rem;border-radius:.5rem;display:inline-block}.revenue-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;font-size:.9375rem;font-weight:500;transition:all .2s ease}.revenue-breakdown-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.revenue-expense{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1.5px solid rgba(239,68,68,.2)}.revenue-total{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1.5px solid rgba(16,185,129,.2)}.revenue-concierge{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1.5px solid rgba(59,130,246,.2)}.revenue-owner{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1.5px solid rgba(16,185,129,.2)}.revenue-amount{font-weight:700;font-size:1.0625rem}.revenue-amount.positive{color:var(--success-color-dark)}.revenue-amount.negative{color:var(--danger-color)}.revenue-amount.info{color:var(--info-color-dark)}.loading-state,.error-state{text-align:center;padding:4rem 2rem;background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.loading-state p{font-size:1.125rem;color:var(--text-secondary)}.error-state h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.error-state p{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;font-size:.9375rem;border:none;cursor:pointer;transition:all var(--transition-speed) ease;font-family:inherit}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #6c5ffc4d}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6c5ffc66}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--background-color);border-color:var(--danger-color);color:var(--danger-color)}.contract-card{margin-top:2rem;border-left:4px solid var(--primary-color)}.contract-card .card-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem}.contract-status-signed,.contract-status-completed{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--success-color);border:1px solid rgba(16,185,129,.2);display:inline-flex;align-items:center;gap:.5rem}.contract-status-draft,.contract-status-sent{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.contract-status-rejected{background:#fee2e2;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.contract-send-card{margin-top:2rem;background:linear-gradient(135deg,#6d5ffa0d,#00c7ff0d);border:2px solid var(--primary-color)}.contract-send-card .card-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:var(--primary-color)}.contract-link-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color)}.contract-link-description{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}.contract-link-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,#5a4ffb 100%);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:600;font-size:1rem;transition:all var(--transition-speed) ease;box-shadow:0 4px 12px #6c5ffc4d;width:-moz-fit-content;width:fit-content}.contract-link-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c5ffc66;background:linear-gradient(135deg,var(--primary-hover) 0%,#4a3ffa 100%)}.contract-link-url{padding:1rem;background:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color)}.contract-link-url code{font-family:Courier New,monospace;font-size:.875rem;color:var(--primary-color);word-break:break-all}.contract-download-card{margin-top:2rem;background:linear-gradient(135deg,#10b9810d,#0a93960d);border:2px solid var(--success-color)}.contract-download-card .card-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:var(--success-color)}.contract-download-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color)}.contract-download-description{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}.contract-download-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--success-color) 0%,#059669 100%);color:#fff;text-decoration:none;border:none;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 4px 12px #10b9814d;width:-moz-fit-content;width:fit-content;font-family:inherit}.contract-download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.detail-link-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--primary-color);border-radius:var(--border-radius);color:var(--primary-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;font-family:inherit}.detail-link-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #6c5ffc33}@media(max-width:768px){.reservation-details-container{padding:1rem;padding-top:calc(56px + 1rem);padding-bottom:calc(64px + 1rem);min-height:auto;height:auto}.details-header{flex-direction:column;align-items:flex-start;gap:1rem}.details-card{padding:1.5rem}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.details-grid{grid-template-columns:1fr}.contract-link-button,.contract-download-button,.detail-link-button{width:100%;justify-content:center}}.error-message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1.5px solid var(--danger-color);border-radius:var(--border-radius);color:var(--danger-color);margin-bottom:1.5rem;animation:slideIn .3s ease;box-shadow:0 2px 8px #ef44441a}.error-message-banner svg{flex-shrink:0}.error-message-banner span{flex:1;font-weight:500}.error-close-btn{background:transparent;border:none;color:var(--danger-color);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.error-close-btn:hover{background:#ef44441a}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--card-background);border-radius:var(--border-radius);padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease;border:1px solid var(--border-color)}.modal-content h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-content p{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.6}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{animation:spin 1s linear infinite}.success-message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid var(--success-color);border-radius:var(--border-radius);color:var(--success-color);margin-bottom:1.5rem;animation:slideIn .3s ease;box-shadow:0 2px 8px #10b9811a}.success-message-banner svg{flex-shrink:0}.success-message-banner span{flex:1;font-weight:500}.success-close-btn{background:transparent;border:none;color:var(--success-color);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.success-close-btn:hover{background:#10b9811a}.quick-actions-group{display:flex;gap:.5rem;align-items:center}.btn-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fff;border:1.5px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;transition:all var(--transition-speed) ease;width:40px;height:40px;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .05))}.btn-icon:hover{background:var(--background-color);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 8px #6c5ffc26}.quick-actions-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:100;min-width:180px;animation:slideDown .2s ease;overflow:hidden}.quick-action-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:.9375rem;transition:background .2s ease;font-family:inherit}.quick-action-item:hover{background:var(--background-color)}.quick-action-item:first-child{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.quick-action-item:last-child{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.quick-action-item svg{flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-value-with-action{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.detail-value-with-action .detail-value{flex:1;min-width:0}.link-value{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.link-value:hover{color:var(--primary-hover);text-decoration:underline}.copy-btn,.contact-btn{display:flex;align-items:center;justify-content:center;padding:.375rem;background:#fff;border:1.5px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;width:32px;height:32px;flex-shrink:0;box-shadow:0 1px 3px #0000000d}.copy-btn:hover,.contact-btn:hover{background:var(--background-color);border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05);box-shadow:0 2px 6px #6c5ffc26}.copy-btn:active,.contact-btn:active{transform:scale(.95)}.copy-link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-speed) ease;margin-top:.5rem;font-family:inherit}.copy-link-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #6c5ffc4d}.contract-link-url{display:flex;flex-direction:column;gap:.5rem}.contract-link-url code{font-family:Courier New,monospace;font-size:.875rem;color:var(--primary-color);word-break:break-all;padding:.75rem;background:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color)}.guest-portal-card{margin-top:2rem}.guest-portal-content{padding:1.5rem 0}.guest-portal-description{color:var(--text-secondary);margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.guest-portal-actions{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.qr-code-section,.share-link-section{display:flex;flex-direction:column;gap:1rem}.qr-code-section h3,.share-link-section h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.qr-code-container{display:flex;justify-content:center;align-items:center;padding:1.5rem;background:#fff;border-radius:var(--border-radius);border:2px solid var(--border-color);box-shadow:var(--shadow-md)}.link-input-group{display:flex;gap:.5rem;align-items:center}.link-input{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;background:#fff;color:var(--text-primary)}.link-input:focus{outline:none;border-color:var(--primary-color)}.copy-button{padding:.75rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-speed)}.copy-button:hover{background:var(--primary-hover)}.share-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.preview-section{display:flex;justify-content:center;padding-top:1.5rem;border-top:2px solid var(--border-color)}.action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-speed)}.action-button.primary{background:var(--primary-color);color:#fff}.action-button.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-button.secondary{background:#fff;color:var(--text-primary);border:2px solid var(--border-color)}.action-button.secondary:hover{background:var(--background-color);border-color:var(--primary-color);color:var(--primary-color)}@media(max-width:768px){.guest-portal-actions{grid-template-columns:1fr;gap:1.5rem}.share-buttons{flex-direction:column}.action-button{width:100%;justify-content:center}}@media print{.reservation-details-container{padding:0;background:#fff}.details-header,.header-actions,.back-button,.btn,.contract-link-button,.contract-download-button,.copy-btn,.contact-btn,.copy-link-btn,.detail-link-button{display:none!important}.details-card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}.error-message-banner,.success-message-banner,.modal-overlay{display:none!important}.details-grid{grid-template-columns:repeat(2,1fr)}.contract-card,.contract-send-card,.contract-download-card{page-break-inside:avoid;margin-top:1rem}}.status-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.status-action-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit;background:#fff}.status-action-btn:disabled{opacity:.5;cursor:not-allowed}.status-action-btn.status-info{border-color:#3b82f6;color:#3b82f6}.status-action-btn.status-info svg{color:#3b82f6}.status-action-btn.status-info:hover:not(:disabled){background:#3b82f6;color:#fff}.status-action-btn.status-info:hover:not(:disabled) svg{color:#fff}.status-action-btn.status-success{border-color:#10b981;color:#10b981}.status-action-btn.status-success svg{color:#10b981}.status-action-btn.status-success:hover:not(:disabled){background:#10b981;color:#fff}.status-action-btn.status-success:hover:not(:disabled) svg{color:#fff}.status-action-btn.status-danger{border-color:#ef4444;color:#ef4444}.status-action-btn.status-danger svg{color:#ef4444}.status-action-btn.status-danger:hover:not(:disabled){background:#ef4444;color:#fff}.status-action-btn.status-danger:hover:not(:disabled) svg{color:#fff}.status-action-btn svg{flex-shrink:0;transition:color .2s ease}.status-action-btn .spinner{animation:spin 1s linear infinite}.detail-item.expense-item{background:linear-gradient(135deg,#ef44440d,#ef444405);border-color:#ef444433}.detail-icon.expense-icon{background:linear-gradient(135deg,#ef4444e6,#dc2626e6)}.detail-icon.expense-icon svg{color:#fff;stroke:#fff}.detail-value.expense-value{color:var(--danger-color);font-weight:600}@media(max-width:768px){.quick-actions-menu{right:0;left:auto}.detail-value-with-action{flex-direction:column;align-items:flex-start}.copy-btn,.contact-btn{margin-top:.5rem}.quick-actions-group{flex-wrap:wrap}.btn-icon{width:36px;height:36px}.card-header{flex-direction:column;align-items:flex-start}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out;overflow:hidden;position:relative}.reservation-modal{max-width:700px}.reservation-modal form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modal-header{padding:1.75rem 2rem;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:20px 20px 0 0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1e293b)}.close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:var(--text-secondary, #64748b);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:var(--background-color, #f8fafc);color:var(--text-primary, #1e293b)}.modal-body{padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.75rem;flex:1;min-height:0}.property-display-locked{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:2px solid #3b82f6;border-radius:12px;position:relative;overflow:hidden}.property-display-locked:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8)}.property-display-content{display:flex;align-items:center;gap:1rem}.property-display-icon{color:#3b82f6;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}.property-display-name{font-size:1.1rem;font-weight:700;color:#1e293b;letter-spacing:.2px;flex:1}.property-locked-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:#3b82f61a;color:#2563eb;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;border:1px solid rgba(59,130,246,.2)}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary, #334155);display:flex;align-items:center;gap:.5rem}.required-badge{font-size:.75rem;color:var(--danger-color, #dc2626);background:var(--danger-bg, #fee2e2);padding:.125rem .5rem;border-radius:9999px;font-weight:500}.optional-badge{font-size:.75rem;color:var(--text-secondary, #64748b);background:var(--background-color, #f1f5f9);padding:.125rem .5rem;border-radius:9999px;font-weight:500}.form-input,.form-select{width:100%;padding:.875rem 1.25rem;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;font-size:.9375rem;color:var(--text-primary, #1a202c);transition:all .3s ease;background:#fff;font-family:inherit}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color, #6c5ffc);box-shadow:0 0 0 4px #6c5ffc1a;transform:translateY(-1px)}.form-input:disabled{background:var(--background-color, #f8fafc);cursor:not-allowed;opacity:.6}.form-grid-2-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-hint{font-size:.75rem;color:var(--text-secondary, #64748b);margin:0;margin-top:.25rem}.calendar-selected-hint{background:linear-gradient(135deg,#eff6ff,#f0f9ff);padding:.625rem .875rem;border-radius:8px;border:1px solid #bfdbfe;color:#1e40af;font-weight:500;margin-top:.5rem!important}.calendar-selected-hint strong{color:#1e3a8a}.error-message{background:var(--danger-bg, #fee2e2);color:var(--danger-color, #dc2626);padding:.875rem 1rem;border-radius:var(--border-radius, .75rem);border:1px solid var(--danger-color, #fecaca);font-size:.875rem;font-weight:500}.date-warning{background:var(--warning-bg, #fffbeb);color:var(--warning-color, #f59e0b);padding:.875rem 1rem;border-radius:var(--border-radius, .75rem);border:1px solid var(--warning-color, #fde68a);font-size:.875rem}.date-warning p{margin:0}.form-section-divider{height:1px;background:var(--border-color, #e2e8f0);margin:.5rem 0}.electronic-lock-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--background-color, #f8fafc);border-radius:var(--border-radius, .75rem);border:1px solid var(--border-color, #e2e8f0)}.checkbox-label-large{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius, .75rem);transition:background .2s ease}.checkbox-label-large:hover{background:#ffffff80}.checkbox-input{width:20px;height:20px;margin-top:.25rem;cursor:pointer;accent-color:var(--primary-color, #6c5ffc);flex-shrink:0}.checkbox-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.checkbox-header{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary, #334155);font-size:.9375rem}.checkbox-header svg{color:var(--primary-color, #6c5ffc)}.checkbox-description{font-size:.875rem;color:var(--text-secondary, #64748b);margin:0;line-height:1.5}.lock-code-section{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #e2e8f0)}.lock-code-input-group{display:flex;gap:.75rem;align-items:stretch}.lock-code-input{flex:1}.generate-code-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--primary-color, #6c5ffc);border-radius:var(--border-radius, .75rem);color:var(--primary-color, #6c5ffc);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.generate-code-btn:hover{background:var(--primary-color, #6c5ffc);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6c5ffc4d}.generate-code-btn svg{transition:transform .3s ease}.generate-code-btn:hover svg{transform:rotate(180deg)}.contract-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--background-color, #f8fafc);border-radius:var(--border-radius, .75rem);border:1px solid var(--border-color, #e2e8f0)}.contract-success-section{padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.contract-success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #10b9814d;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.contract-success-section h3{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1e293b);margin:0}.contract-success-section p{font-size:1rem;color:var(--text-secondary, #64748b);margin:0;line-height:1.6}.contract-link-container{width:100%;display:flex;gap:.75rem;align-items:stretch;background:#fff;border:2px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius, .75rem);padding:.5rem;transition:border-color .3s ease}.contract-link-container:focus-within{border-color:var(--primary-color, #6c5ffc);box-shadow:0 0 0 3px #6c5ffc1a}.contract-link-input{flex:1;border:none;outline:none;padding:.75rem;font-size:.875rem;color:var(--text-primary, #334155);background:transparent;font-family:monospace}.copy-link-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-color, #6c5ffc);color:#fff;border:none;border-radius:var(--border-radius, .75rem);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-link-btn:hover{background:var(--primary-hover, #5a4ffb);transform:translateY(-1px);box-shadow:0 4px 12px #6c5ffc4d}.copy-link-btn:active{transform:translateY(0)}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;gap:1rem;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:0 0 20px 20px;flex-shrink:0;margin-top:auto;position:relative;z-index:10}.modal-footer .btn{min-width:120px;visibility:visible!important;opacity:1!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--border-radius, .75rem);font-weight:600;font-size:.9375rem;border:none;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-primary{background:var(--primary-color, #6c5ffc);color:#fff;box-shadow:0 4px 12px #6c5ffc4d}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #5a4ffb);transform:translateY(-1px);box-shadow:0 6px 20px #6c5ffc66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--text-primary, #475569);border:1px solid var(--border-color, #e2e8f0)}.btn-secondary:hover{background:var(--background-color, #f8fafc);border-color:var(--primary-color, #6c5ffc);color:var(--primary-color, #6c5ffc)}.date-picker-wrapper{position:relative;display:flex;align-items:center}.date-picker-icon{position:absolute;left:1rem;color:var(--text-secondary, #64748b);pointer-events:none;z-index:1}.date-picker-input{padding-left:3rem!important;cursor:pointer}.date-picker-input::-moz-placeholder{color:var(--text-secondary, #64748b)}.date-picker-input::placeholder{color:var(--text-secondary, #64748b)}.custom-calendar .react-datepicker{border:1px solid var(--border-color, #e2e8f0);border-radius:12px;box-shadow:0 10px 25px #0000001a;font-family:inherit}.custom-calendar .react-datepicker__header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid var(--border-color, #e2e8f0);border-radius:12px 12px 0 0;padding-top:1rem}.custom-calendar .react-datepicker__current-month{font-weight:700;color:var(--text-primary, #1e293b);font-size:.9375rem;margin-bottom:.5rem}.custom-calendar .react-datepicker__day-name{color:var(--text-secondary, #64748b);font-weight:600;font-size:.8125rem;width:2.5rem;line-height:2.5rem;margin:.2rem}.custom-calendar .react-datepicker__day{width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:8px;margin:.2rem;transition:all .2s ease;font-weight:500}.custom-calendar .react-datepicker__day:hover:not(.react-datepicker__day--disabled):not(.react-datepicker__day--selected){background-color:#eff6ff;color:#3b82f6;transform:scale(1.1)}.custom-calendar .react-datepicker__day--selected,.custom-calendar .react-datepicker__day--keyboard-selected{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;font-weight:600;box-shadow:0 2px 8px #3b82f64d}.custom-calendar .react-datepicker__day--disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f1f5f9;text-decoration:line-through;opacity:.5}.custom-calendar .react-datepicker__day--excluded{background-color:#fee2e2;color:#dc2626;cursor:not-allowed;opacity:.6}.custom-calendar .react-datepicker__day--excluded:hover{background-color:#fecaca;transform:none}.custom-calendar .react-datepicker__day--in-range{background-color:#dbeafe;color:#1e40af}.custom-calendar .react-datepicker__day--in-selecting-range{background-color:#bfdbfe;color:#1e3a8a}.custom-calendar .react-datepicker__navigation{top:1rem}.custom-calendar .react-datepicker__navigation-icon:before{border-color:var(--text-primary, #1e293b);border-width:2px 2px 0 0}.custom-calendar .react-datepicker__navigation:hover *:before{border-color:var(--primary-color, #6c5ffc)}@media(max-width:768px){.modal-content{width:95%;max-height:95vh}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1rem}.form-grid-2-col{grid-template-columns:1fr}.lock-code-input-group{flex-direction:column}.generate-code-btn{width:100%;justify-content:center}.contract-link-container{flex-direction:column}.copy-link-btn{width:100%;justify-content:center}.modal-footer{flex-direction:column-reverse}.btn{width:100%}}.unified-calendar-container{padding:1.5rem;max-width:100%;margin:0 auto;position:relative;font-family:Inter,sans-serif}.page-header{margin-bottom:2rem}.header-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.beta-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px;box-shadow:0 2px 4px #f59e0b4d;animation:pulse-beta 2s ease-in-out infinite}@keyframes pulse-beta{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.page-subtitle{font-size:.95rem;color:#64748b;margin:0}.calendar-controls-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:1.5rem;border:1px solid #e5e7eb;gap:1rem;flex-wrap:wrap}.controls-left{display:flex;align-items:center;gap:1rem;flex-shrink:0}.controls-center{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;min-width:250px;max-width:400px}.controls-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.search-container{position:relative;width:100%;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:#64748b;pointer-events:none;z-index:1}.search-input{width:100%;padding:.625rem 2.5rem;font-size:.9rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#1e293b;transition:all .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::-moz-placeholder{color:#94a3b8}.search-input::placeholder{color:#94a3b8}.search-clear{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;transition:all .2s;z-index:1}.search-clear:hover{background:#e2e8f0;color:#1e293b}.search-results-info{font-size:.75rem;color:#64748b;font-weight:500;white-space:nowrap}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#475569;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.date-range-display{font-size:1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.days-count{font-size:.85rem;font-weight:400;color:#64748b}.selection-hint{font-size:.85rem;color:#3b82f6;font-weight:500;padding:.5rem 1rem;background:#eff6ff;border-radius:8px}.unified-calendar-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e5e7eb;overflow-x:auto;position:relative}.calendar-grid-container{min-width:100%;display:flex;flex-direction:column}.calendar-header{display:flex;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e2e8f0}.header-property-col{min-width:250px;width:250px;padding:1rem;font-weight:600;color:#475569;background:#f8fafc;border-right:1px solid #e2e8f0;position:sticky;left:0;z-index:21;display:flex;align-items:center;box-shadow:2px 0 4px #00000005}.header-dates-row{display:grid;flex:1}.header-date-cell{padding:.75rem .5rem;text-align:center;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px}.header-date-cell.weekend{background-color:#f8fafc}.header-date-cell .weekday{font-size:.7rem;text-transform:uppercase;color:#94a3b8;font-weight:600;margin-bottom:.25rem}.header-date-cell .day-number{font-size:1.1rem;font-weight:600;color:#1e293b}.calendar-body{display:flex;flex-direction:column}.calendar-row{display:flex;border-bottom:1px solid #f1f5f9;min-height:80px}.calendar-row:hover{background-color:#fafafa}.row-property-col{min-width:250px;width:250px;padding:1rem;border-right:1px solid #e2e8f0;background:#fff;position:sticky;left:0;z-index:10;display:flex;align-items:center;box-shadow:2px 0 4px #00000005;transition:all .2s ease}.row-property-col.property-col-clickable{min-height:100px;padding:0;overflow:hidden;transition:all .3s ease}.row-property-col.property-col-clickable:hover{transform:scale(1.02);box-shadow:4px 0 12px #00000026;z-index:11}.property-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0006,#000000b3);z-index:1;transition:all .3s ease}.property-col-clickable:hover .property-image-overlay{background:linear-gradient(to bottom,#00000026,#00000059,#000000a6)}.property-info{display:flex;align-items:flex-end;position:relative;z-index:2;padding:1.25rem 1rem;width:100%;min-height:100px;justify-content:flex-start}.property-name-badge{background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.625rem 1rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;max-width:calc(100% - 2rem)}.property-col-clickable:hover .property-name-badge{background:#000000d9;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.property-name{font-weight:700;color:#fff;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;letter-spacing:.3px;line-height:1.4}.row-dates-grid{display:grid;flex:1;position:relative}.grid-cell{border-right:1px solid #f1f5f9;height:100%;min-width:60px;cursor:pointer;transition:all .2s ease;position:relative}.grid-cell:before{content:"";position:absolute;inset:0;background:transparent;transition:all .2s ease;z-index:1}.grid-cell:hover:before{background:#3b82f61a;border:2px solid rgba(59,130,246,.3)}.grid-cell.weekend{background-color:#fcfcfc}.grid-cell.weekend:hover:before{background:#3b82f61a;border:2px solid rgba(59,130,246,.3)}.grid-cell.reserved{background-color:#fee2e2;position:relative;background:repeating-linear-gradient(45deg,#fee2e2,#fee2e2 4px,#fecaca 4px 8px)}.grid-cell.reserved:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background-color:#ef4444;border-radius:50%;z-index:2;box-shadow:0 0 0 2px #ef444433}.grid-cell.reserved:hover:before{background:#ef44441a;border:2px solid rgba(239,68,68,.3)}.selection-overlay{background:linear-gradient(135deg,#3b82f640,#2563eb4d);border:2px solid #3b82f6;border-radius:8px;position:relative;z-index:5;pointer-events:none;margin:4px;box-shadow:0 2px 8px #3b82f633;animation:selectionPulse 1.5s ease-in-out infinite}@keyframes selectionPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.01)}}.reservation-bar{margin:8px 4px;height:calc(100% - 16px);border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;position:relative;z-index:6;transition:transform .1s,box-shadow .1s;overflow:hidden;display:flex;align-items:center;padding:0 .75rem;color:#fff}.reservation-bar:hover{transform:translateY(-1px);box-shadow:0 4px 6px #00000026;z-index:7}.res-content{display:flex;flex-direction:column;justify-content:center;line-height:1.2;overflow:hidden;white-space:nowrap}.res-name{font-weight:600;font-size:.85rem;text-overflow:ellipsis;overflow:hidden}.res-status{font-size:.7rem;opacity:.9;text-transform:capitalize}.calendar-loading,.calendar-error{padding:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b}.loading-spinner{animation:spin 1s linear infinite;margin-bottom:1rem;width:32px;height:32px;color:#3b82f6}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out;position:relative}.modal-container.property-modal{max-width:600px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background:#0000000d;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background:#0000001a;color:#1e293b;transform:rotate(90deg)}.modal-body{padding:2rem}.modal-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.modal-details{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.modal-detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1.25rem;border-bottom:1px solid #f1f5f9}.modal-detail-item:last-child{border-bottom:none;padding-bottom:0}.modal-detail-label{color:#64748b;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.modal-detail-value{color:#1e293b;font-weight:600;font-size:.95rem;text-align:right;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.modal-detail-value.modal-price{font-size:1.1rem;color:#059669;font-weight:700}.modal-badge{display:inline-block;padding:.25rem .75rem;background:#f1f5f9;color:#475569;border-radius:12px;font-size:.75rem;font-weight:600}.modal-status-badge{display:inline-block;padding:.375rem .875rem;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-action-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.modal-action-btn:active{transform:translateY(0)}.property-modal-header{position:relative;border-radius:20px 20px 0 0;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);min-height:220px;display:flex;flex-direction:column}.property-modal-image{width:100%;height:240px;position:relative;flex-shrink:0}.property-modal-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 100%)}.property-modal-header-content{position:absolute;bottom:0;left:0;right:0;padding:2rem 2rem 2.5rem;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 50%,transparent 100%)}.property-modal-header.no-image .property-modal-header-content{position:relative;padding:2rem}.property-modal-header-content .modal-title{color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.property-modal-location{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.property-modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;margin-bottom:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px;border:1px solid #e2e8f0}.property-info-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.property-info-card:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.property-info-card svg{color:#3b82f6;flex-shrink:0}.property-info-label{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.property-info-value{display:block;font-size:1rem;font-weight:700;color:#1e293b}.property-reservations-section{margin-bottom:2rem}.section-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.reservations-list{display:flex;flex-direction:column;gap:.75rem}.reservation-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.reservation-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(4px);box-shadow:0 2px 8px #0000000d}.reservation-item-content{flex:1}.reservation-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.reservation-guest{font-weight:600;color:#1e293b;font-size:.95rem}.reservation-status-badge{padding:.25rem .75rem;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.reservation-item-dates{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.reservation-nights{margin-left:.5rem;color:#94a3b8}.reservation-item-price{font-size:.875rem;font-weight:600;color:#059669}.reservation-view-icon{color:#64748b;transition:all .2s ease}.reservation-item:hover .reservation-view-icon{color:#3b82f6;transform:translate(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e2e8f0;color:#1e293b}.modal-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row .label{color:#64748b;font-size:.9rem}.detail-row .value{color:#1e293b;font-weight:500}.no-properties,.no-properties-found{padding:3rem;text-align:center;color:#64748b}.no-properties svg,.no-properties-found svg{margin-bottom:1rem;opacity:.5}.icon-gray{color:#94a3b8;opacity:.6}.no-properties-found{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:#f8fafc;border-radius:8px;border:2px dashed #e2e8f0;margin:2rem}.status-tag{padding:.25rem .75rem;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.duration-tag{margin-left:.5rem;font-size:.8rem;color:#64748b;background:#f1f5f9;padding:.1rem .4rem;border-radius:4px}.modal-footer{padding:1.25rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.checkins-container{padding:2rem;max-width:1400px;margin:0 auto}.checkins-summary{display:flex;gap:1.5rem}.checkins-content{display:flex;flex-direction:column;gap:2.5rem}.checkins-section{display:flex;flex-direction:column;gap:1.5rem}.checkins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.checkin-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.checkin-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6d5ffa26;border-color:#6d5ffa}.checkin-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.checkin-card-title-section{display:flex;align-items:flex-start;gap:.75rem;flex:1}.checkin-icon{color:#6d5ffa;flex-shrink:0;margin-top:.25rem}.checkin-property-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem;line-height:1.4}.checkin-status{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.checkin-status.status-draft{background:#f1f5f9;color:#64748b}.checkin-status.status-sent{background:#dbeafe;color:#1e40af}.checkin-status.status-signed{background:#fef3c7;color:#92400e}.checkin-status.status-confirmed{background:#d1fae5;color:#065f46}.checkin-status.status-cancelled{background:#fee2e2;color:#991b1b}.checkin-price{font-size:1.25rem;font-weight:700;color:#6d5ffa;white-space:nowrap}.checkin-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.checkin-info-row{display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.checkin-info-row svg{color:#64748b;flex-shrink:0;width:16px}.checkin-label{color:#64748b;font-weight:500;min-width:80px}.checkin-value{color:#1e293b;font-weight:500;flex:1}.checkin-card-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.checkin-action-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.9375rem;text-align:center;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.checkin-action-btn.view{background:linear-gradient(135deg,#6d5ffa,#5a4ffb);color:#fff}.checkin-action-btn.view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6d5ffa4d}@media(max-width:768px){.checkins-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.checkins-summary{width:100%;justify-content:space-between}.summary-item{flex:1;min-width:0}.checkins-grid{grid-template-columns:1fr}.checkin-card{padding:1.25rem}.section-title{font-size:1.25rem}}.checkouts-container{padding:2rem;max-width:1400px;margin:0 auto}.checkouts-summary{display:flex;gap:1.5rem}.summary-item{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2);border-radius:12px;min-width:120px}.summary-value{font-size:1.75rem;font-weight:700;color:#ef4444}.checkouts-content{display:flex;flex-direction:column;gap:2.5rem}.checkouts-section{display:flex;flex-direction:column;gap:1.5rem}.section-header svg{color:#ef4444}.checkouts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.checkout-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.checkout-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ef444426;border-color:#ef4444}.checkout-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.checkout-card-title-section{display:flex;align-items:flex-start;gap:.75rem;flex:1}.checkout-icon{color:#ef4444;flex-shrink:0;margin-top:.25rem}.checkout-property-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem;line-height:1.4}.checkout-status{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.checkout-status.status-draft{background:#f1f5f9;color:#64748b}.checkout-status.status-sent{background:#dbeafe;color:#1e40af}.checkout-status.status-signed{background:#fef3c7;color:#92400e}.checkout-status.status-confirmed{background:#d1fae5;color:#065f46}.checkout-status.status-cancelled{background:#fee2e2;color:#991b1b}.checkout-price{font-size:1.25rem;font-weight:700;color:#ef4444;white-space:nowrap}.checkout-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.checkout-info-row{display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.checkout-info-row svg{color:#64748b;flex-shrink:0;width:16px}.checkout-label{color:#64748b;font-weight:500;min-width:80px}.checkout-value{color:#1e293b;font-weight:500;flex:1}.checkout-card-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.checkout-action-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.9375rem;text-align:center;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.checkout-action-btn.view{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.checkout-action-btn.view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.error-message{padding:2rem;text-align:center;color:#ef4444;font-weight:500}@media(max-width:768px){.checkouts-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.checkouts-summary{width:100%;justify-content:space-between}.summary-item{flex:1;min-width:0}.checkouts-grid{grid-template-columns:1fr}.checkout-card{padding:1.25rem}.section-title{font-size:1.25rem}}.current-reservations-container{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0}.current-reservations-summary{display:flex;gap:1.5rem}.summary-item{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#6d5ffa1a,#6d5ffa0d);border:1px solid rgba(109,95,250,.2);border-radius:12px;min-width:120px}.summary-label{font-size:.875rem;color:#64748b;font-weight:500;margin-bottom:.5rem}.summary-value{font-size:1.75rem;font-weight:700;color:#6d5ffa}.current-reservations-content{display:flex;flex-direction:column;gap:2.5rem}.current-reservations-section{display:flex;flex-direction:column;gap:1.5rem}.section-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.section-header svg{color:#6d5ffa}.section-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.current-reservations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.current-reservation-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.current-reservation-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6d5ffa26;border-color:#6d5ffa}.current-reservation-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.current-reservation-card-title-section{display:flex;align-items:flex-start;gap:.75rem;flex:1}.current-reservation-icon{color:#6d5ffa;margin-top:.25rem;flex-shrink:0}.current-reservation-property-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.current-reservation-status{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.current-reservation-status.status-draft{background:#f1f5f9;color:#64748b}.current-reservation-status.status-sent,.current-reservation-status.status-signed{background:#dbeafe;color:#2563eb}.current-reservation-status.status-confirmed{background:#dcfce7;color:#16a34a}.current-reservation-status.status-cancelled{background:#fee2e2;color:#dc2626}.current-reservation-status.status-default{background:#f1f5f9;color:#64748b}.current-reservation-price{font-size:1.25rem;font-weight:700;color:#6d5ffa;white-space:nowrap}.current-reservation-card-body{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}.current-reservation-info-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.current-reservation-info-row svg{color:#64748b;flex-shrink:0}.current-reservation-label{color:#64748b;font-weight:500;min-width:100px}.current-reservation-value{color:#1e293b;font-weight:600}.current-reservation-value.days-remaining{color:#6d5ffa;font-weight:700}.current-reservation-card-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.current-reservation-action-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-align:center;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.current-reservation-action-btn.view{background:linear-gradient(135deg,#6d5ffa,#5a4fcf);color:#fff}.current-reservation-action-btn.view:hover{background:linear-gradient(135deg,#5a4fcf,#4a3fb8);transform:translateY(-2px);box-shadow:0 4px 12px #6d5ffa4d}.error-message{padding:1.5rem;background:#fee2e2;color:#dc2626;border-radius:8px;text-align:center;font-weight:500}@media(max-width:768px){.current-reservations-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.current-reservations-grid{grid-template-columns:1fr}.current-reservation-card-header{flex-direction:column;gap:1rem}.current-reservation-price{align-self:flex-start}}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #0f172a;--accent-color: #818cf8;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--background-color: #f8fafc;--card-background: #ffffff;--border-color: #e2e8f0;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15)}.public-available-properties-container{min-height:100vh;background-color:var(--background-color);font-family:Outfit,sans-serif;color:var(--text-primary);overflow-x:hidden}.public-header-simple{position:sticky;top:0;z-index:50;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.6);padding:1rem 0;transition:all .3s ease}.public-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.public-logo{height:40px;width:auto;transition:transform .3s ease}.public-logo:hover{transform:scale(1.02)}.welcome-section{position:relative;padding:6rem 2rem 4rem;text-align:center;background:radial-gradient(circle at top right,rgba(79,70,229,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(16,185,129,.05),transparent 40%);overflow:hidden}.welcome-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.2}.welcome-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.date-range-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#fff;border-radius:100px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease}.date-range-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.date-range-badge svg{color:var(--primary-color)}.date-text{font-weight:600;color:var(--text-primary);font-size:1.1rem}.welcome-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.properties-container{max-width:1400px;margin:0 auto;padding:0 2rem 4rem}.page-header{margin-bottom:3rem;text-align:center}.page-title{font-size:1.5rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.property-card{background:var(--card-background);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(226,232,240,.8);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;isolation:isolate}.property-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:#4f46e54d}.property-image-container{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}.property-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.property-card:hover .property-image{transform:scale(1.1)}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.property-card:hover .image-overlay{opacity:1}.property-price-badge{position:absolute;top:1rem;right:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5rem 1rem;border-radius:100px;font-weight:700;color:var(--primary-color);box-shadow:var(--shadow-md);z-index:2}.property-content{padding:1.5rem}.property-header{margin-bottom:1rem}.property-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}.property-location{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.property-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.property-features{display:flex;gap:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.feature-item{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;font-size:.95rem}.feature-item svg{color:var(--primary-color);width:18px;height:18px}.property-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}.property-modal{background:#fff;width:100%;max-width:1000px;height:90vh;max-height:900px;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:scaleUp .4s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(0,0,0,.05);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-md)}.modal-close:hover{transform:scale(1.1);background:#fff;box-shadow:var(--shadow-lg)}.modal-gallery-hero{position:relative;width:100%;height:45%;background:#0f172a;flex-shrink:0}.gallery-main-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent 30%,transparent 70%,rgba(0,0,0,.4));pointer-events:none}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.gallery-nav:hover{background:#fff;color:#000;transform:translateY(-50%) scale(1.1)}.gallery-prev{left:1.5rem}.gallery-next{right:1.5rem}.gallery-counter{position:absolute;bottom:1.5rem;right:1.5rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.35rem 1rem;border-radius:100px;color:#fff;font-weight:500;font-size:.85rem;letter-spacing:.02em}.modal-content-scroll{flex:1;overflow-y:auto;background:#fff;padding:3rem;display:flex;flex-direction:column;gap:3rem}.modal-header{border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:2rem;margin-bottom:1rem}.modal-title{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:.75rem;letter-spacing:-.02em}.modal-location{display:inline-flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--text-secondary);font-weight:500}.key-details-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-bottom:1rem}.detail-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:#f8fafc;border-radius:24px;text-align:center;transition:all .3s ease;border:1px solid transparent}.detail-card:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:#0000000d}.detail-icon-wrapper{width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:0 4px 12px #0000000a;color:var(--primary-color);transition:all .3s ease}.detail-card:hover .detail-icon-wrapper{background:var(--primary-color);color:#fff;transform:scale(1.1)}.detail-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.detail-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.modal-block{margin-bottom:0}.block-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;letter-spacing:-.01em}.block-title svg{color:var(--primary-color);width:28px;height:28px}.property-description{font-size:1.15rem;line-height:1.8;color:var(--text-secondary);white-space:pre-line;max-width:800px}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.amenity-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border-color);border-radius:100px;transition:all .2s ease;font-weight:500;color:var(--text-primary)}.amenity-card:hover{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.02);transform:translateY(-2px)}.amenity-card svg{color:var(--primary-color)}.modal-subsection{background:#f8fafc;padding:2rem;border-radius:24px}.access-list,.rules-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.access-item,.rule-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--text-secondary)}.access-item svg,.rule-item svg{color:var(--primary-color);flex-shrink:0}.modal-map-container{width:100%;border-radius:24px;overflow:hidden;border:1px solid var(--border-color);position:relative;height:400px}.modal-map-iframe{width:100%;height:100%;border:none}.modal-map-link{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:var(--text-primary);text-decoration:none;border-radius:100px;font-weight:600;font-size:.9375rem;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.modal-map-link:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 8px 20px #0003;color:var(--primary-color)}@media(max-width:1024px){.property-modal-overlay{padding:1rem}.property-modal{max-width:95%;width:100%}.modal-info{padding:1.75rem 1.5rem}.modal-section{padding:1.5rem 0}}@media(max-width:768px){.public-header-simple{padding:1rem 0}.public-header-content{flex-wrap:wrap;gap:1rem}.public-header-left{flex-direction:column;align-items:flex-start;gap:.75rem}.public-logo{height:24px}.public-header-greeting{font-size:.875rem}.welcome-section{padding:2rem 0}.welcome-title{font-size:1.75rem}.date-range{font-size:.875rem;padding:.5rem 1rem}.welcome-subtitle{font-size:1rem}.properties-container{padding:1rem}.properties-grid{grid-template-columns:1fr;gap:1.5rem}.property-modal-overlay{padding:0;align-items:flex-end}.property-modal{width:100%;max-height:95vh;border-radius:20px 20px 0 0;margin:0}.gallery-main{height:300px}.gallery-nav-button{width:40px;height:40px}.gallery-prev{left:.5rem}.gallery-next{right:.5rem}.gallery-counter{padding:auto;height:-moz-max-content;height:max-content;font-size:.8125rem}.gallery-thumbnails{padding:.5rem;gap:.375rem}.gallery-thumbnail{width:60px;height:60px}.modal-close{top:1rem;right:1rem;width:40px;height:40px}.modal-info{padding:1.5rem 1.25rem}.modal-title{font-size:1.75rem}.modal-header{padding-bottom:1rem;margin-bottom:1.5rem}.modal-location-section{margin-top:.75rem}.modal-section{padding:1.5rem 0}.modal-section h3{font-size:1.25rem;margin-bottom:1.25rem}.modal-details-grid{gap:1rem;margin:0}.modal-detail-item{padding:1rem}}@media(max-width:480px){.modal-info{padding:1.25rem 1rem}.modal-title{font-size:1.5rem}.modal-location{font-size:.9375rem;gap:.5rem}.modal-location svg{width:16px;height:16px}.modal-address{font-size:.8125rem;padding-left:1.25rem}.modal-section{padding:1.25rem 0}.modal-section h3{font-size:1.125rem;gap:.5rem}.modal-section h3 svg{width:18px;height:18px}.gallery-main{height:250px}.gallery-thumbnail{width:50px;height:50px}.modal-map-iframe{height:250px}.modal-map-link{padding:.625rem 1rem;font-size:.875rem}}.client-presentation-card{background:linear-gradient(135deg,#4f46e50d,#10b9810d);padding:3rem 2rem;margin:2rem auto;max-width:1400px;border-radius:24px;border:1px solid rgba(226,232,240,.6);box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.client-presentation-card:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(79,70,229,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%);pointer-events:none}.presentation-card-content{position:relative;z-index:1}.presentation-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid rgba(226,232,240,.5)}.presentation-avatar{width:80px;height:80px;border-radius:40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(79,70,229,.25);box-shadow:0 8px 24px #4f46e540;flex-shrink:0}.presentation-header-info{flex:1}.presentation-company-name{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.presentation-owner-name{font-size:1.125rem;color:var(--text-secondary);margin:0;font-weight:500}.presentation-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.presentation-contact-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;text-decoration:none;color:var(--text-primary);font-weight:500;transition:all .2s ease;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #0000000a}.presentation-contact-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--primary-color);color:var(--primary-color)}.presentation-contact-item svg{color:var(--primary-color);flex-shrink:0}.presentation-contact-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presentation-social-links{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid rgba(226,232,240,.5)}.social-link-presentation{width:48px;height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #0000000a}.social-link-presentation:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 16px #0000001f;border-color:var(--primary-color)}.social-link-presentation:hover svg{color:var(--primary-color)}.social-link-presentation:hover[aria-label=Facebook]{background:#1877f2;border-color:#1877f2;color:#fff}.social-link-presentation:hover[aria-label=Facebook] svg{color:#fff}.social-link-presentation:hover[aria-label=Instagram]{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#bc1888;color:#fff}.social-link-presentation:hover[aria-label=Instagram] svg{color:#fff}.social-link-presentation:hover[aria-label=Twitter]{background:#1da1f2;border-color:#1da1f2;color:#fff}.social-link-presentation:hover[aria-label=Twitter] svg{color:#fff}.social-link-presentation:hover[aria-label=LinkedIn]{background:#0077b5;border-color:#0077b5;color:#fff}.social-link-presentation:hover[aria-label=LinkedIn] svg{color:#fff}.social-link-presentation:hover[aria-label=TikTok]{background:#000;border-color:#000;color:#fff}.social-link-presentation:hover[aria-label=TikTok] svg{color:#fff}.property-booking-links{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.booking-link{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease;border:1.5px solid}.booking-link.airbnb-link{background:#ff385c;color:#fff;border-color:#ff385c}.booking-link.airbnb-link:hover{background:#e61e4d;border-color:#e61e4d;transform:translateY(-2px);box-shadow:0 4px 12px #ff385c4d}.booking-link.booking-link{background:#003580;color:#fff;border-color:#003580}.booking-link.booking-link:hover{background:#00224f;border-color:#00224f;transform:translateY(-2px);box-shadow:0 4px 12px #0035804d}.booking-links-modal{display:flex;flex-direction:column;gap:1rem}.booking-link-modal{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease;border:1.5px solid}.booking-link-modal.airbnb-link{background:#ff385c;color:#fff;border-color:#ff385c}.booking-link-modal.airbnb-link:hover{background:#e61e4d;border-color:#e61e4d;transform:translateY(-2px);box-shadow:0 4px 12px #ff385c4d}.booking-link-modal.booking-link{background:#003580;color:#fff;border-color:#003580}.booking-link-modal.booking-link:hover{background:#00224f;border-color:#00224f;transform:translateY(-2px);box-shadow:0 4px 12px #0035804d}.contact-section{background:#fff;padding:4rem 2rem;margin:4rem auto;max-width:1400px;border-radius:24px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 20px #0000000f}.contact-section-title{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2.5rem;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.contact-info-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f8fafc;border-radius:12px;border:1px solid rgba(226,232,240,.8);transition:all .2s ease}.contact-info-item:hover{background:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.contact-info-item svg{color:var(--primary-color);flex-shrink:0}.contact-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.contact-link:hover{color:var(--primary-color)}.social-media-links{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(226,232,240,.5)}.social-link{width:44px;height:44px;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;border:1px solid rgba(226,232,240,.8)}.social-link:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 16px #0000001f}.hostay-footer{background:linear-gradient(135deg,var(--secondary-color) 0%,#1e293b 100%);padding:2.5rem 2rem;margin-top:4rem;text-align:center;border-top:1px solid rgba(226,232,240,.1)}.hostay-footer-text{color:#fffc;font-size:.9375rem;margin:0;font-weight:500}.hostay-link{color:#fff;text-decoration:none;font-weight:700;transition:all .2s ease;border-bottom:2px solid transparent}.hostay-link:hover{color:var(--accent-color);border-bottom-color:var(--accent-color)}@media(max-width:768px){.client-presentation-card{padding:2rem 1.5rem;margin:1.5rem 1rem}.presentation-header{flex-direction:column;text-align:center;gap:1rem}.presentation-company-name{font-size:1.5rem}.presentation-contact-grid{grid-template-columns:1fr}.contact-section{padding:2.5rem 1.5rem;margin:2rem 1rem}.contact-section-title{font-size:1.5rem}.contact-info-grid{grid-template-columns:1fr}.property-booking-links{flex-direction:column}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.rich-text-editor-container{margin:1rem 0}.editor-toolbar-placeholders{margin-bottom:.5rem;display:flex;justify-content:flex-end}.placeholder-selector{position:relative}.placeholder-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.placeholder-trigger:hover{background:var(--primary-hover, #4f46e5)}.placeholder-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;overflow-y:auto;min-width:300px;display:none}.placeholder-dropdown.show{display:block}.placeholder-category{border-bottom:1px solid var(--border-color, #e5e7eb)}.placeholder-category:last-child{border-bottom:none}.category-header{padding:.75rem 1rem;background:#f9fafb;font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary, #6b7280);letter-spacing:.05em}.placeholder-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#fff;border:none;text-align:left;cursor:pointer;transition:background .2s;font-size:.875rem}.placeholder-item:hover{background:#f3f4f6}.placeholder-item code{background:#e0e7ff;color:#4338ca;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;min-width:120px}.placeholder-item span{color:var(--text-color, #374151);flex:1}.placeholder-key-display{font-weight:700!important;background:linear-gradient(135deg,#e0e7ff,#c7d2fe)!important;color:#4338ca!important}.placeholder-name-display{font-weight:500}.placeholder-description-hint{margin-left:auto;color:var(--text-secondary, #6b7280);opacity:.6;cursor:help;display:flex;align-items:center}.rich-text-editor-container .ql-container{font-family:inherit;font-size:.9375rem;min-height:200px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.rich-text-editor-container .ql-editor{min-height:200px;line-height:1.6}.rich-text-editor-container .ql-toolbar{border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:#f9fafb}.rich-text-editor-container .ql-container{border:1px solid var(--border-color, #e5e7eb);border-top:none}.rich-text-editor-container .ql-editor.ql-blank:before{font-style:normal;color:#9ca3af}.html-preview{margin-top:1rem;padding:1rem;background:#f9fafb;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;min-height:100px;line-height:1.6}.html-preview h3{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.html-preview-content{color:var(--text-color, #374151)}.html-preview-content p{margin:.5rem 0}.html-preview-content strong{font-weight:600}.html-preview-content em{font-style:italic}.html-preview-content ul,.html-preview-content ol{margin:.5rem 0;padding-left:1.5rem}.ql-placeholder-chip{display:inline-flex!important;align-items:center!important;padding:.5rem 1rem!important;margin:0 .25rem!important;background:linear-gradient(135deg,#6d5ffa,#5a4fcf)!important;color:#fff!important;border-radius:10px!important;font-size:.875rem!important;font-weight:600!important;cursor:default!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;vertical-align:middle!important;position:relative!important;border:2px solid rgba(255,255,255,.3)!important;transition:all .2s ease!important;white-space:nowrap!important;height:auto!important;min-height:2rem!important;line-height:1.2!important;box-shadow:0 2px 6px #6d5ffa40!important;font-family:inherit!important;text-transform:none!important;letter-spacing:.02em!important}.ql-placeholder-chip:hover{background:linear-gradient(135deg,#5a4fcf,#4a3fb8)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #6d5ffa4d!important;border-color:#fff6!important}.placeholder-chip-content{display:inline-block!important;white-space:nowrap!important;font-weight:600!important}.ql-placeholder-chip[contenteditable=false]{cursor:default!important;pointer-events:none!important}.ql-placeholder-chip[contenteditable=false] *{pointer-events:none!important;cursor:default!important}.ql-editor .ql-placeholder-chip{display:inline-flex!important;align-items:center!important;height:auto!important;min-height:2rem!important;line-height:1.2!important;padding:.5rem 1rem!important}.ql-editor .ql-placeholder-chip{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.html-preview-content .ql-placeholder-chip{display:inline-flex!important;align-items:center!important;padding:.375rem .875rem!important;margin:0 .25rem!important;background:linear-gradient(135deg,#6d5ffa,#5a4fcf)!important;color:#fff!important;border-radius:8px!important;font-size:.8125rem!important;font-weight:600!important;cursor:default!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;vertical-align:middle!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 2px 4px #6d5ffa33!important}.ql-editor .ql-placeholder-chip,.ql-container .ql-placeholder-chip,.rich-text-editor-container .ql-placeholder-chip{background:linear-gradient(135deg,#6d5ffa,#5a4fcf)!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;display:inline-flex!important;align-items:center!important}.ql-editor .placeholder-invalid{border:2px solid #ef4444!important;border-radius:4px!important;padding:2px 4px!important;background-color:#fef2f2!important;color:#dc2626!important;font-weight:600!important;display:inline-block!important}.ql-editor .placeholder-invalid:before{content:"⚠ "!important}.workflow-page{min-height:100vh;padding:2rem 1rem;background-color:var(--light-color, #f5f5f5);overflow-x:hidden;overflow-y:visible}.workflow-container{max-width:1400px;margin:0 auto;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(229,231,235,.5);overflow:visible;position:relative}.templates-content-wrapper{display:flex;gap:2rem;align-items:flex-start;margin-top:2rem;position:relative;overflow:visible}.placeholders-sidebar{width:280px;flex-shrink:0;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(229,231,235,.5);position:sticky;top:calc(var(--header-height, 64px) + 1rem);align-self:flex-start;max-height:calc(100vh - var(--header-height, 64px) - 2rem);overflow-y:auto;overflow-x:hidden;z-index:100;height:-moz-fit-content;height:fit-content;will-change:transform;margin-bottom:2rem}.sidebar-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.sidebar-header h3{font-size:1rem;margin:0 0 .25rem;color:var(--text-color, #1f2937);font-weight:600}.sidebar-description{font-size:.75rem;color:var(--text-secondary, #6b7280);margin:0;line-height:1.4}.placeholders-list{display:flex;flex-direction:column;gap:.5rem;flex-wrap:nowrap}.placeholder-draggable{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:10px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:-moz-fit-content;width:fit-content}.placeholder-draggable:hover{background:linear-gradient(135deg,#6d5ffa,#5a4fcf);border-color:#5a4fcf;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6d5ffa4d}.placeholder-draggable:active{cursor:grabbing;transform:translateY(0)}.placeholder-drag-handle{display:flex;align-items:center;color:var(--text-secondary, #6b7280);font-size:.875rem;line-height:1}.placeholder-draggable:hover .placeholder-drag-handle{color:#fff}.drag-icon{font-size:.75rem;letter-spacing:-.1em;opacity:.6}.placeholder-label{flex:1;font-weight:500;font-size:.8125rem;color:var(--text-color, #1f2937)}.placeholder-draggable:hover .placeholder-label{color:#fff}.templates-main-content{flex:1;min-width:0}.workflow-main-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.75rem;border-bottom:2px solid var(--border-color, #e5e7eb);gap:2rem}.workflow-main-header>div:first-child{flex:1;min-width:0}.workflow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.workflow-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.workflow-main-header h1{font-size:2.25rem;margin:0;color:var(--text-color, #1f2937);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-color, #1f2937) 0%,var(--primary-color, #6d5ffa) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.beta-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;box-shadow:0 2px 8px #f59e0b4d;animation:betaPulse 2s ease-in-out infinite}@keyframes betaPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.workflow-header h1{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color, #1f2937);font-weight:600}.workflow-subtitle{color:var(--text-secondary, #6b7280);font-size:1.0625rem;margin:0;line-height:1.5;font-weight:400}.workflow-actions{display:flex;gap:.875rem;width:100%;max-width:550px;align-items:stretch}.workflow-actions .btn{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:.9375rem;position:relative;overflow:hidden;flex:1;min-width:140px;box-shadow:0 3px 10px #0000001f;letter-spacing:.3px}.workflow-actions .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.workflow-actions .btn:hover:before{left:100%}.workflow-actions .btn-primary{background-color:#5a4ffb;color:#fff;box-shadow:0 4px 14px #6d5ffa59;order:2}.workflow-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a4ffb,#4a3ffa);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #6d5ffa73}.workflow-actions .btn-primary:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 3px 10px #6d5ffa4d}.workflow-actions .btn-secondary{background:linear-gradient(135deg,#fff,#f8f9fa);color:var(--text-color, #374151);border:2px solid var(--border-color, #e5e7eb);box-shadow:0 2px 8px #00000014;order:1}.workflow-actions .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border-color:var(--primary-color, #6d5ffa);color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 5px 15px #6d5ffa33}.workflow-actions .btn-secondary:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 2px 8px #0000001a}.workflow-actions .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98159;order:2}.workflow-actions .btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #10b98173}.workflow-actions .btn-success:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 3px 10px #10b9814d}.workflow-actions .btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0}.workflow-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:0 2px 4px #0000000d!important}.workflow-actions .btn:disabled:before{display:none}.workflow-info{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#6d5ffa14,#6d5ffa08);border-left:4px solid var(--primary-color, #6d5ffa);border-radius:12px;margin-bottom:2rem;color:var(--text-color, #374151);font-size:.9375rem;box-shadow:0 2px 8px #6d5ffa1a}.workflow-info svg{color:var(--primary-color, #6d5ffa);flex-shrink:0}.workflow-tabs{display:flex;gap:.75rem;margin-bottom:2.5rem;padding:.5rem;background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border-radius:14px;border:1px solid var(--border-color, #e5e7eb);box-shadow:inset 0 2px 4px #0000000d}.workflow-tab{padding:1rem 2.25rem;background:transparent;border:none;cursor:pointer;font-size:1.0625rem;font-weight:600;color:var(--text-secondary, #6b7280);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:10px;flex:1;display:flex;align-items:center;justify-content:center;letter-spacing:.3px;min-height:48px}.workflow-tab:before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,var(--primary-color, #6d5ffa) 0%,#5a4ffb 100%);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:0}.workflow-tab span,.workflow-tab{position:relative;z-index:1}.workflow-tab:hover{color:var(--primary-color, #6d5ffa)}.workflow-tab:hover:before{opacity:.1}.workflow-tab.active{color:#fff;background:linear-gradient(135deg,var(--primary-color, #6d5ffa) 0%,#5a4ffb 100%);box-shadow:0 4px 14px #6d5ffa66;transform:translateY(-1px)}.workflow-tab.active:before{opacity:1}.workflow-tab.active:hover{background:linear-gradient(135deg,#5a4ffb,#4a3ffa);box-shadow:0 6px 18px #6d5ffa80;transform:translateY(-2px)}.workflow-tab:active{transform:translateY(0) scale(.98)}.workflow-phases{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.workflow-phase{border:2px solid var(--border-color, #e5e7eb);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 2px 8px #0000000f}.workflow-phase.active{border-color:var(--primary-color, #6d5ffa);background:linear-gradient(135deg,#6d5ffa0d,#6d5ffa05);box-shadow:0 6px 20px #6d5ffa26;transform:translateY(-2px)}.workflow-phase:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.workflow-phase.inactive{border-color:#d1d5db;background:#f9fafb;opacity:.7}.phase-header{margin-bottom:1rem}.phase-title-row{display:flex;align-items:center;gap:1rem}.phase-toggle{cursor:pointer;display:flex;align-items:center;transition:transform .2s}.phase-toggle:hover{transform:scale(1.1)}.toggle-icon.active{color:#10b981}.toggle-icon.inactive{color:#9ca3af}.phase-info{flex:1}.phase-info h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--text-color, #1f2937);text-transform:capitalize}.phase-order{font-size:.75rem;color:var(--text-secondary, #6b7280);font-weight:500}.phase-content{margin-top:1rem}.phase-message-display{background:#fff;padding:1rem;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);white-space:pre-wrap;line-height:1.6;color:var(--text-color, #374151);font-size:.9375rem}.phase-message-display p{margin:.5rem 0}.phase-message-display .ql-placeholder-chip{display:inline-flex!important;align-items:center!important;padding:.5rem 1rem!important;margin:0 .25rem!important;background:linear-gradient(135deg,#6d5ffa,#5a4fcf)!important;color:#fff!important;border-radius:10px!important;font-size:.875rem!important;font-weight:600!important;cursor:default!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;vertical-align:middle!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 2px 6px #6d5ffa40!important;white-space:nowrap!important}.editor-wrapper{margin-top:1rem}.btn-preview{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fff,#f8f9fa);color:var(--text-color, #374151);border:2px solid var(--border-color, #e5e7eb);border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d;width:100%;max-width:200px}.btn-preview:hover{background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border-color:var(--primary-color, #6d5ffa);color:var(--primary-color, #6d5ffa);transform:translateY(-2px);box-shadow:0 4px 12px #6d5ffa26}.btn-preview:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.html-preview{margin-top:1rem;padding:1.5rem;background:#fff;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;min-height:100px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.preview-header h3{margin:0;font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.close-preview{background:none;border:none;cursor:pointer;color:var(--text-secondary, #6b7280);padding:.5rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.close-preview:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.close-preview:active{transform:scale(.95)}.html-preview-content{line-height:1.6;color:var(--text-color, #374151)}.html-preview-content .ql-placeholder-chip{display:inline-flex!important;align-items:center!important;padding:.5rem 1rem!important;margin:0 .25rem!important;background:linear-gradient(135deg,#6d5ffa,#5a4fcf)!important;color:#fff!important;border-radius:10px!important;font-size:.875rem!important;font-weight:600!important;cursor:default!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;vertical-align:middle!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 2px 6px #6d5ffa40!important;white-space:nowrap!important}.html-preview-content p{margin:.75rem 0}.html-preview-content ul,.html-preview-content ol{margin:.75rem 0;padding-left:1.5rem}.html-preview-content a{color:var(--primary-color, #6366f1);text-decoration:underline}.phase-placeholders{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.phase-placeholders strong{display:block;margin-bottom:.75rem;font-size:.875rem;color:var(--text-color, #374151)}.placeholder-tags{display:flex;flex-wrap:wrap;gap:.5rem}.placeholder-tag{background:#e0e7ff;color:#4338ca;padding:.25rem .75rem;border-radius:6px;font-family:Courier New,monospace;font-size:.8125rem;font-weight:500}.workflow-placeholders-info{margin-top:3rem;padding:1.5rem;background:#f9fafb;border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.placeholders-header{margin-bottom:1.5rem}.placeholders-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.workflow-placeholders-info h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color, #1f2937)}.btn-sync-placeholders{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color, #6d5ffa);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-sync-placeholders:hover:not(:disabled){background:var(--primary-dark, #5a4fcf);transform:translateY(-1px);box-shadow:0 2px 8px #6d5ffa4d}.btn-sync-placeholders:disabled{opacity:.6;cursor:not-allowed}.btn-sync-placeholders .spinning{animation:spin 1s linear infinite}.placeholder-intro{margin:0 0 1.5rem;color:var(--text-secondary, #6b7280);font-size:.875rem;line-height:1.5}.placeholders-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.placeholder-search-wrapper{position:relative;flex:1;min-width:250px}.placeholder-search-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary, #6b7280);pointer-events:none}.placeholder-search-input{width:100%;padding:.75rem 2.5rem .75rem 2.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.875rem;transition:all .2s ease}.placeholder-search-input:focus{outline:none;border-color:var(--primary-color, #6d5ffa);box-shadow:0 0 0 3px #6d5ffa1a}.clear-search{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary, #6b7280);padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search:hover{background:#0000000d;color:var(--text-color, #1f2937)}.placeholder-category-filter{display:flex;align-items:center;gap:.5rem}.placeholder-category-filter label{font-size:.875rem;font-weight:500;color:var(--text-color, #1f2937);white-space:nowrap}.category-select{padding:.75rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease;min-width:150px}.category-select:focus{outline:none;border-color:var(--primary-color, #6d5ffa);box-shadow:0 0 0 3px #6d5ffa1a}.phase-placeholders-status{margin-top:1rem;padding:1rem;background:#f0fdf4;border:1px solid #86efac;border-radius:8px}.phase-placeholders-status.has-issues{background:#fef2f2;border-color:#fca5a5}.placeholders-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.placeholders-status-header h4{margin:0;font-size:.875rem;font-weight:600;color:var(--text-color, #1f2937)}.validation-warning{display:flex;align-items:center;gap:.375rem;color:#dc2626;font-size:.75rem;font-weight:500}.used-placeholders-list,.missing-placeholders-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.missing-placeholders-label{display:flex;align-items:center;gap:.375rem;color:#dc2626;font-size:.75rem;font-weight:500;margin-bottom:.5rem;width:100%}.placeholder-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.placeholder-badge.valid{background:#dcfce7;color:#166534;border:1px solid #86efac}.placeholder-badge.invalid{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.placeholder-badge code{background:#0000001a;padding:.125rem .375rem;border-radius:4px;font-family:Courier New,monospace;font-size:.6875rem}.placeholder-category{font-size:.625rem;opacity:.7;text-transform:uppercase}.btn-show-suggestions{padding:.5rem 1rem;background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--primary-color, #6d5ffa);cursor:pointer;transition:all .2s ease}.btn-show-suggestions:hover{background:var(--primary-color, #6d5ffa);color:#fff;border-color:var(--primary-color, #6d5ffa)}.suggested-placeholders-section{margin-bottom:1.5rem;padding:1rem;background:#eff6ff;border:1px solid #93c5fd;border-radius:8px}.suggested-placeholders-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#1e40af}.suggested-placeholders-list{display:flex;flex-direction:column;gap:.5rem}.placeholder-item.suggested{background:#fff;border-color:#93c5fd}.placeholder-item.used{background:#f0fdf4;border-color:#86efac}.placeholder-item.used code{color:#166534}.used-indicator{display:flex;align-items:center;color:#16a34a;margin-left:auto}.placeholder-category-badge{display:inline-block;padding:.125rem .5rem;background:#e0e7ff;color:#4338ca;border-radius:4px;font-size:.625rem;font-weight:500;text-transform:uppercase;margin-left:auto}.no-placeholders-found{padding:2rem;text-align:center;color:var(--text-secondary, #6b7280);font-size:.875rem}.placeholder-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.placeholder-category-section{background:#fff;padding:1rem;border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.placeholder-category-section h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--primary-color, #6366f1);text-transform:uppercase;letter-spacing:.05em}.placeholder-list{display:flex;flex-direction:column;gap:.75rem}.placeholder-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid var(--border-color, #e5e7eb)}.placeholder-item code{background:#f3f4f6;padding:.375rem .625rem;border-radius:4px;font-family:Courier New,monospace;font-size:.8125rem;color:#6366f1;font-weight:600}.placeholder-item span{font-size:.875rem;color:var(--text-secondary, #6b7280)}.loading,.error{text-align:center;padding:3rem;font-size:1.125rem;color:var(--text-secondary, #6b7280)}.error{color:#ef4444}@media(max-width:768px){.workflow-page{padding:1rem .5rem}.workflow-container{padding:1.5rem}.templates-content-wrapper{flex-direction:column;gap:1.5rem;margin-top:1.5rem}.placeholders-sidebar{width:100%;position:relative;top:auto;left:auto;right:auto;max-height:none;padding:.75rem;z-index:10;box-sizing:border-box}.workflow-container{position:relative}.templates-content-wrapper:has(.placeholders-sidebar) .templates-main-content{margin-left:0}.placeholders-list{flex-direction:row;flex-wrap:wrap;gap:.5rem}.sidebar-header h3{font-size:.875rem}.sidebar-description{font-size:.6875rem}.placeholder-draggable{padding:.375rem .5rem;gap:.375rem;flex:0 1 auto;min-width:-moz-fit-content;min-width:fit-content}.placeholder-label{font-size:.75rem;white-space:nowrap}.drag-icon{font-size:.625rem}}.placeholder-float-button{position:fixed;top:50%;left:2rem;transform:translateY(-50%);z-index:1000}.placeholder-float-trigger{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6d5ffa,#5a4fcf);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6d5ffa66;transition:all .3s ease;z-index:1001}.placeholder-float-trigger:hover{transform:scale(1.1);box-shadow:0 6px 16px #6d5ffa80}.placeholder-float-trigger:active{transform:scale(.95)}.placeholder-float-menu{position:fixed;top:50%;left:calc(56px + 3rem);transform:translateY(-50%);width:-moz-fit-content;width:fit-content;min-width:200px;max-width:280px;max-height:70vh;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;border:1px solid rgba(229,231,235,.5);opacity:0;visibility:hidden;transition:all .3s ease;overflow:hidden;z-index:1000}.placeholder-float-menu.open{opacity:1;visibility:visible;transform:translateY(-50%)}.float-menu-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:2px solid var(--border-color, #e5e7eb);background:linear-gradient(135deg,#f8f9fa,#e9ecef);white-space:nowrap}.float-menu-header h4{font-size:.875rem;margin:0;color:var(--text-color, #1f2937);font-weight:600}.float-menu-close{background:transparent;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.float-menu-close:hover{background:#0000000d;color:var(--text-color, #1f2937)}.float-placeholders-list{padding:.75rem;overflow-y:auto;max-height:calc(70vh - 80px);display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.float-placeholders-list::-webkit-scrollbar{width:6px}.float-placeholders-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.float-placeholders-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.float-placeholders-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.placeholder-float-button{top:50%;left:1rem;transform:translateY(-50%)}.placeholder-float-trigger{width:48px;height:48px}.placeholder-float-menu{width:-moz-fit-content;width:fit-content;min-width:180px;max-width:calc(100vw - 4rem);top:50%;left:calc(48px + 1.5rem);transform:translateY(-50%);max-height:70vh}.placeholder-float-menu.open{transform:translateY(-50%)}.float-placeholders-list{flex-direction:row;flex-wrap:wrap;gap:.5rem}.float-placeholders-list .placeholder-draggable{padding:.375rem .5rem;gap:.375rem;flex:0 1 auto;min-width:-moz-fit-content;min-width:fit-content}.float-placeholders-list .placeholder-label{font-size:.75rem;white-space:nowrap}.float-placeholders-list .drag-icon{font-size:.625rem}.workflow-main-header{flex-direction:column;gap:1.5rem}.workflow-header{flex-direction:column;gap:1rem}.workflow-actions{width:100%;flex-direction:column;max-width:100%}.workflow-actions .btn{width:100%;min-width:unset}.workflow-tabs{flex-wrap:wrap;gap:.5rem;padding:.375rem}.workflow-tab{padding:.875rem 1.5rem;font-size:.9375rem;flex:1;min-width:140px;min-height:44px}.workflow-actions .btn{width:100%;justify-content:center}.placeholder-list{grid-template-columns:1fr}}.placeholder-validation-error{margin-top:1rem;padding:1rem;background:#fef2f2;border:2px solid #ef4444;border-radius:8px;display:flex;gap:.75rem;align-items:flex-start}.placeholder-validation-error .error-icon{font-size:1.5rem;color:#ef4444;flex-shrink:0}.placeholder-validation-error .error-content{flex:1}.placeholder-validation-error strong{display:block;margin-bottom:.5rem;color:#dc2626;font-size:.9375rem}.placeholder-validation-error ul{margin:.5rem 0;padding-left:1.5rem;list-style:disc}.placeholder-validation-error ul li{margin:.25rem 0;color:#991b1b}.placeholder-validation-error code{background:#fee2e2;padding:.125rem .375rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;color:#dc2626}.available-placeholders{margin-top:1rem;padding-top:1rem;border-top:1px solid #fecaca}.available-placeholders strong{display:block;margin-bottom:.5rem;color:#991b1b;font-size:.875rem}.placeholder-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.placeholder-tag{display:inline-block;padding:.375rem .75rem;background:linear-gradient(135deg,#6d5ffa,#5a4fcf);color:#fff;border-radius:6px;font-size:.8125rem;font-weight:500}.global-validation-error{margin-top:1rem;padding:1rem;background:#fef2f2;border:2px solid #ef4444;border-radius:8px;display:flex;gap:.75rem;align-items:flex-start}.global-validation-error .error-icon{font-size:1.5rem;color:#ef4444;flex-shrink:0}.global-validation-error .error-content{flex:1}.global-validation-error strong{display:block;margin-bottom:.5rem;color:#dc2626;font-size:.9375rem}.global-validation-error p{margin:0;color:#991b1b;font-size:.875rem}.workflow-messages-header{margin-bottom:2rem}.workflow-messages-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.workflow-messages-header p{color:var(--text-secondary, #6b7280);font-size:1rem}.workflow-messages-filters{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;align-items:flex-end}.workflow-messages-filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.workflow-messages-filters .filter-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280)}.filter-buttons{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border:1px solid var(--border-color, #e5e7eb);background:#fff;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--bg-hover, #f9fafb);border-color:var(--primary-color, #6d5ffa)}.reservation-filter-dropdown{min-width:300px}.workflow-messages-list{display:flex;flex-direction:column;gap:1.5rem}.messages-group-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem}@media(max-width:1200px){.messages-group-content{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.messages-group-content{grid-template-columns:1fr}}.workflow-message-card{background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.workflow-message-card:hover{box-shadow:0 4px 12px #00000014}.workflow-message-card.done{opacity:.8;background:var(--bg-secondary, #f9fafb)}.workflow-message-card.pending{border-left:4px solid var(--primary-color, #6d5ffa)}.workflow-message-card.minimal{background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:.875rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.workflow-message-card.minimal:hover{box-shadow:0 2px 8px #0000000f;border-color:var(--primary-color, #6d5ffa);transform:translateY(-1px)}.workflow-message-card.minimal.done{opacity:.7;background:var(--bg-secondary, #f9fafb)}.workflow-message-card.minimal.pending{border-left:3px solid var(--primary-color, #6d5ffa)}.workflow-message-card.minimal.phase-contract{background:#fffbeb;border-left-color:#fbbf24}.workflow-message-card.minimal.phase-confirmation{background:#eff6ff;border-left-color:#60a5fa}.workflow-message-card.minimal.phase-reminder-3{background:#f5f3ff;border-left-color:#a78bfa}.workflow-message-card.minimal.phase-reminder-1{background:#faf5ff;border-left-color:#c084fc}.workflow-message-card.minimal.phase-checkin{background:#f0fdf4;border-left-color:#4ade80}.workflow-message-card.minimal.phase-reminder-checkout{background:#fdf2f8;border-left-color:#f472b6}.workflow-message-card.minimal.phase-checkout{background:#fef2f2;border-left-color:#f87171}.workflow-message-card.minimal.phase-thankyou{background:#fffbeb;border-left-color:#fbbf24}.workflow-message-card.minimal.phase-review{background:#f0f9ff;border-left-color:#38bdf8}.workflow-message-card.minimal.phase-marketing{background:#f0fdf4;border-left-color:#4ade80}.workflow-message-card.minimal.phase-disable{background:#fff7ed;border-left-color:#fb923c}.workflow-message-card.minimal.done.phase-contract,.workflow-message-card.minimal.done.phase-confirmation,.workflow-message-card.minimal.done.phase-reminder-3,.workflow-message-card.minimal.done.phase-reminder-1,.workflow-message-card.minimal.done.phase-checkin,.workflow-message-card.minimal.done.phase-reminder-checkout,.workflow-message-card.minimal.done.phase-checkout,.workflow-message-card.minimal.done.phase-thankyou,.workflow-message-card.minimal.done.phase-review,.workflow-message-card.minimal.done.phase-marketing,.workflow-message-card.minimal.done.phase-disable{opacity:.6}.upcoming-preview-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color, #e5e7eb)}.upcoming-preview-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.upcoming-preview-group{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:1rem}.upcoming-preview-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.upcoming-preview-header h3{font-size:.9375rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0}.upcoming-preview-header svg{color:var(--primary-color, #6d5ffa)}.upcoming-preview-list{display:flex;flex-direction:column;gap:.5rem}.upcoming-preview-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px solid var(--border-color, #e5e7eb);transition:all .2s ease}.upcoming-preview-item:hover{border-color:var(--primary-color, #6d5ffa);box-shadow:0 1px 3px #0000000d}.upcoming-preview-title{font-size:.875rem;font-weight:500;color:var(--text-primary, #1f2937);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-preview-date{font-size:.8125rem;color:var(--text-secondary, #6b7280);margin-left:.75rem;flex-shrink:0}@media(max-width:768px){.upcoming-preview-container{grid-template-columns:1fr}}.message-header-minimal{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.message-status-minimal{display:flex;align-items:center;gap:.5rem;flex:1;flex-wrap:wrap}.message-type-name{font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937);padding:.25rem .5rem;background:#6d5ffa1a;border-radius:4px;margin-right:.25rem}.due-date-minimal{font-size:.875rem;color:var(--text-secondary, #6b7280);font-weight:500;margin-left:auto}.message-actions-minimal{display:flex;gap:.375rem;align-items:center}.action-btn-minimal{padding:.375rem;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);width:32px;height:32px}.action-btn-minimal:hover{background:var(--bg-hover, #f9fafb);color:var(--primary-color, #6d5ffa)}.action-btn-minimal.delete:hover{background:#ef44441a;color:var(--red-color, #ef4444)}.action-btn-minimal.save{color:var(--success-color, #10b981)}.action-btn-minimal.save:hover{background:#10b9811a;color:var(--success-color, #10b981)}.action-btn-minimal:disabled{opacity:.5;cursor:not-allowed}.message-content-minimal{margin-bottom:.75rem;max-height:150px;overflow-y:auto}.message-text-minimal{color:var(--text-primary, #1f2937);line-height:1.5;font-size:.875rem}.message-footer-minimal{display:flex;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color, #e5e7eb);font-size:.8125rem;color:var(--text-secondary, #6b7280)}.reservation-info-minimal{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.property-link-minimal{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary-color, #6d5ffa);text-decoration:none;font-weight:500;transition:color .2s ease}.property-link-minimal:hover{color:var(--primary-color-dark, #5a4dd9);text-decoration:underline}.property-link-minimal svg{opacity:.7}.reservation-link-minimal{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary-color, #6d5ffa);text-decoration:none;font-weight:500;transition:color .2s ease;margin-left:auto}.reservation-link-minimal:hover{color:var(--primary-color-dark, #5a4dd9);text-decoration:underline}.reservation-link-minimal svg{opacity:.7}.guest-name-minimal{color:var(--text-primary, #1f2937);font-weight:500}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.message-status{display:flex;align-items:center;gap:.5rem}.status-icon{color:var(--text-secondary, #6b7280)}.status-icon.done{color:var(--success-color, #10b981)}.status-icon.pending{color:var(--primary-color, #6d5ffa)}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.done{background:#10b9811a;color:var(--success-color, #10b981)}.status-badge.pending{background:#6d5ffa1a;color:var(--primary-color, #6d5ffa)}.message-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem;border:1px solid var(--border-color, #e5e7eb);background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280)}.action-btn:hover{background:var(--bg-hover, #f9fafb);border-color:var(--primary-color, #6d5ffa);color:var(--primary-color, #6d5ffa)}.action-btn.delete:hover{background:#ef44441a;border-color:var(--red-color, #ef4444);color:var(--red-color, #ef4444)}.action-btn.save{color:var(--success-color, #10b981)}.action-btn.save:hover{background:#10b9811a;border-color:var(--success-color, #10b981);color:var(--success-color, #10b981)}.message-editor{margin-top:1rem}.message-content{margin-bottom:1rem}.message-text{color:var(--text-primary, #1f2937);line-height:1.6}.message-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb);flex-wrap:wrap;gap:1rem}.message-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #6b7280)}.info-item .separator{margin:0 .25rem}.send-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color, #6d5ffa);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){background:var(--primary-hover, #5a4fcf)}.send-btn:disabled{opacity:.6;cursor:not-allowed}.send-btn .spinner{animation:spin 1s linear infinite}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin:1rem 0 .5rem}.empty-state p{color:var(--text-secondary, #6b7280);font-size:.875rem}.messages-group{margin-bottom:2rem}.messages-group-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.messages-group-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;cursor:pointer;width:100%;text-align:left;color:var(--text-primary, #1f2937);transition:color .2s ease}.messages-group-toggle:hover{color:var(--primary-color, #6d5ffa)}.messages-group-toggle .messages-group-title{margin-bottom:0}.messages-group-content{display:flex;flex-direction:column;gap:1.5rem}.messages-group.today-messages .messages-group-title{color:var(--primary-color, #6d5ffa)}.messages-group.past-messages .messages-group-title,.messages-group.done-messages .messages-group-title{color:var(--text-secondary, #6b7280);font-weight:500}.workflow-no-template{display:flex;align-items:center;justify-content:center;min-height:400px;padding:3rem}.no-template-content{text-align:center;max-width:600px}.no-template-content h2{font-size:1.75rem;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:1rem}.no-template-content p{font-size:1rem;color:var(--text-secondary, #6b7280);margin-bottom:2rem;line-height:1.6}.get-template-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:10px;transition:all .2s ease}.get-template-btn .spinner{animation:spin 1s linear infinite}@media(max-width:768px){.workflow-messages-filters{flex-direction:column;gap:1rem}.reservation-filter-dropdown{min-width:100%}.message-footer{flex-direction:column;align-items:flex-start}.send-btn{width:100%;justify-content:center}.workflow-no-template{padding:2rem 1rem}.no-template-content h2{font-size:1.5rem}}.demander-fonctionnalite-page{min-height:100vh;padding:2rem;background:var(--background-color, #f5f5f5);padding-top:calc(var(--header-height, 80px) + 2rem)}.demander-fonctionnalite-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(229,231,235,.5)}.section-description{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#6d5ffa0d,#6d5ffa05);border:1px solid rgba(109,95,250,.15);border-radius:12px;margin-bottom:2rem}.section-description-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#6d5ffa1a;border-radius:10px;color:var(--primary-color, #6d5ffa)}.section-description-content{flex:1}.section-description-title{font-size:1.125rem;font-weight:600;color:var(--text-color, #1f2937);margin:0 0 .5rem}.section-description-text{font-size:.9375rem;color:var(--text-secondary, #6b7280);line-height:1.6;margin:0}.support-contact-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#10b9810d,#10b98105);border:1px solid rgba(16,185,129,.15);border-radius:12px;margin-bottom:2rem;align-items:center;text-align:center}.support-contact-text{font-size:1rem;color:var(--text-color, #1f2937);line-height:1.6}.support-contact-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #10b98133;text-decoration:none}.support-contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d;background:#059669}.demander-fonctionnalite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.demander-fonctionnalite-title{font-size:2rem;font-weight:600;color:#1a202c;margin:0}.btn-new-request{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color, #6d5ffa);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6d5ffa33}.btn-new-request:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6d5ffa4d;background:var(--primary-dark, #5a4fcf)}.btn-new-request:disabled{opacity:.6;cursor:not-allowed}.request-form-container{margin-bottom:3rem;padding:2rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.request-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.95rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem}.required{color:#ef4444}.type-selector{display:flex;gap:1rem}.type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.type-option:hover{border-color:var(--primary-color, #6d5ffa);color:var(--primary-color, #6d5ffa);background:#6d5ffa0d}.type-option.active{background:var(--primary-color, #6d5ffa);color:#fff;border-color:var(--primary-color, #6d5ffa)}.type-option.active svg{color:#fff}.form-input,.form-textarea{padding:.75rem;border:1.5px solid #d1d5db;border-radius:6px;font-size:.95rem;font-family:inherit;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color, #6d5ffa);box-shadow:0 0 0 3px #6d5ffa1a}.form-textarea{resize:vertical;min-height:120px}.image-upload-section{display:flex;flex-direction:column;gap:1rem}.file-input{display:none}.file-input-label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:#6b7280}.file-input-label:hover{background:#f9fafb;border-color:var(--primary-color, #6d5ffa);color:var(--primary-color, #6d5ffa)}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:1rem}.image-preview-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:2px solid #e5e7eb}.image-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-submit{background:var(--primary-color, #6d5ffa);color:#fff;box-shadow:0 2px 8px #6d5ffa33}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6d5ffa4d;background:var(--primary-dark, #5a4fcf)}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}.requests-list{margin-top:2rem}.requests-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.requests-list-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--primary-color, #6d5ffa);color:var(--primary-color, #6d5ffa);background:#6d5ffa0d}.filter-btn.active{background:var(--primary-color, #6d5ffa);color:#fff;border-color:var(--primary-color, #6d5ffa)}.filter-btn.active svg{color:#fff}.loading-state,.empty-state{text-align:center;padding:3rem;color:#6b7280}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state svg{color:#d1d5db}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.request-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease}.request-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.request-card.answered{border-color:#10b981;background:#f0fdf4}.request-card.pending{border-color:#f59e0b;background:#fffbeb}.request-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.request-status{display:flex;align-items:center;gap:.5rem}.status-icon{width:18px;height:18px}.answered-icon{color:#10b981}.pending-icon{color:#f59e0b}.status-text{font-size:.875rem;font-weight:600}.answered-text{color:#10b981}.pending-text{color:#f59e0b}.request-actions{display:flex;gap:.5rem}.action-btn{background:transparent;border:1px solid #d1d5db;border-radius:4px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.edit-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.delete-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.request-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#6d5ffa1a;color:var(--primary-color, #6d5ffa);border-radius:6px;font-size:.8125rem;font-weight:500;margin-bottom:.75rem}.request-type-badge svg{width:14px;height:14px}.request-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:.75rem}.request-description{font-size:.95rem;color:#4b5563;line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.request-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-bottom:1rem}.request-image{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.admin-response{margin-top:1rem;padding:1rem;background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:6px}.admin-response-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#1e40af;margin-bottom:.5rem}.admin-response-text{font-size:.9rem;color:#1e3a8a;line-height:1.6;white-space:pre-wrap;margin:0}@media(max-width:768px){.demander-fonctionnalite-page{padding:1rem;padding-top:calc(56px + 1rem);padding-bottom:calc(64px + 1rem)}.demander-fonctionnalite-container{padding:1.5rem}.section-description{flex-direction:column;padding:1rem}.section-description-icon{width:40px;height:40px}.demander-fonctionnalite-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-new-request{width:100%;justify-content:center}.type-selector{flex-direction:column}.requests-list-header{flex-direction:column;align-items:flex-start}.filter-buttons{width:100%}.filter-btn{flex:1}.requests-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.contact-support-page{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-out}.support-header{margin-bottom:2rem}.support-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0 0 .5rem}.support-header p{font-size:1rem;color:var(--text-secondary, #6b7280);margin:0}.support-container{display:flex;gap:1.5rem;height:calc(100vh - 200px);min-height:600px}.conversations-sidebar{width:350px;min-width:350px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;overflow:hidden}.conversations-header{padding:1.25rem;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.conversations-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0}.new-conversation-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:#fff;color:var(--primary-color, #6366f1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.new-conversation-btn:hover{background:var(--primary-color, #6366f1);color:#fff;border-color:var(--primary-color, #6366f1)}.new-conversation-form{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--background-secondary, #f9fafb)}.new-conversation-form input{width:100%;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.875rem;margin-bottom:.75rem;box-sizing:border-box}.new-conversation-form input:focus{outline:none;border-color:var(--primary-color, #6366f1);box-shadow:0 0 0 3px #6366f11a}.form-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-cancel,.btn-create{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:var(--background-secondary, #f9fafb);color:var(--text-secondary, #6b7280)}.btn-cancel:hover{background:var(--border-color, #e5e7eb)}.btn-create{background:var(--primary-color, #6366f1);color:#fff}.btn-create:hover:not(:disabled){background:var(--primary-color-dark, #4f46e5)}.btn-create:disabled{opacity:.5;cursor:not-allowed}.conversations-list{flex:1;overflow-y:auto;padding:.5rem}.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-secondary, #6b7280)}.empty-conversations svg{margin-bottom:1rem;opacity:.5}.empty-conversations p{margin:0 0 1.5rem;font-size:.875rem}.btn-primary{padding:.75rem 1.5rem;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--primary-color-dark, #4f46e5)}.conversation-item{padding:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem;border:1px solid transparent}.conversation-item:hover{background:var(--background-secondary, #f9fafb);border-color:var(--border-color, #e5e7eb)}.conversation-item.active{background:#6366f11a;border-color:var(--primary-color, #6366f1)}.conversation-item.closed{opacity:.7}.conversation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.conversation-subject{font-size:.9375rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0;flex:1;line-height:1.4}.unread-badge{background:var(--primary-color, #6366f1);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center}.conversation-preview{font-size:.8125rem;color:var(--text-secondary, #6b7280);margin:0 0 .5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.conversation-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary, #6b7280)}.conversation-status{display:flex;align-items:center;gap:.25rem}.status-open{color:#10b981}.status-closed{color:#6b7280}.status-pending{color:#f59e0b}.conversation-date{font-size:.75rem}.conversation-view{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;overflow:hidden}.conversation-header-view{padding:1.25rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.conversation-header-view h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.conversation-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.conversation-status-badge.status-open{background:#10b9811a;color:#10b981}.conversation-status-badge.status-closed{background:#6b72801a;color:#6b7280}.conversation-status-badge.status-pending{background:#f59e0b1a;color:#f59e0b}.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, #6b7280);text-align:center;padding:2rem}.no-conversation-selected svg{margin-bottom:1rem;opacity:.5}.no-conversation-selected h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary, #1f2937)}.no-conversation-selected p{font-size:.875rem;margin:0}.messages-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, #6b7280);text-align:center}.no-messages svg{margin-bottom:1rem;opacity:.5}.no-messages p{font-size:.875rem;margin:0}.message{display:flex;margin-bottom:.5rem}.message.from-user{justify-content:flex-end}.message.from-support{justify-content:flex-start}.message-content{max-width:70%;padding:.875rem 1rem;border-radius:12px;position:relative}.message.from-user .message-content{background:var(--primary-color, #6366f1);color:#fff;border-bottom-right-radius:4px}.message.from-support .message-content{background:var(--background-secondary, #f9fafb);color:var(--text-primary, #1f2937);border-bottom-left-radius:4px}.message-content p{margin:0 0 .5rem;font-size:.9375rem;line-height:1.5;word-wrap:break-word}.message-time{font-size:.75rem;opacity:.7}.message-input-container{padding:1.25rem;border-top:1px solid var(--border-color, #e5e7eb);display:flex;gap:.75rem;align-items:flex-end}.message-input{flex:1;padding:.875rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.9375rem;font-family:inherit;resize:none;min-height:60px;max-height:120px;box-sizing:border-box}.message-input:focus{outline:none;border-color:var(--primary-color, #6366f1);box-shadow:0 0 0 3px #6366f11a}.send-button{padding:.875rem 1.5rem;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.send-button:hover:not(:disabled){background:var(--primary-color-dark, #4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.send-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.contact-support-page{padding:1rem}.support-container{flex-direction:column;height:auto;min-height:auto}.conversations-sidebar{width:100%;min-width:100%;max-height:300px;border-radius:12px 12px 0 0}.conversation-view{border-radius:0 0 12px 12px;min-height:500px}.message-content{max-width:85%}.message-input-container{flex-direction:column;align-items:stretch}.send-button{width:100%;justify-content:center}}.maintenance-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:1.75rem;font-weight:600;color:#333;display:flex;align-items:center}.filters-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:500;margin-bottom:6px;color:#495057}.filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:1rem;background-color:#fff}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.record-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;transition:box-shadow .15s ease-in-out}.record-card:hover{box-shadow:0 4px 8px #0000001a}.record-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.record-title{display:flex;align-items:center;gap:8px;flex:1}.record-title h3{font-size:1.1rem;font-weight:600;margin:0;color:#333}.status-icon{display:flex;align-items:center}.record-property{margin-bottom:12px}.property-name{font-weight:500;color:#6c757d}.record-description{color:#6c757d;margin-bottom:16px;line-height:1.5}.record-vendor{display:flex;gap:8px;margin-bottom:16px;font-size:.9rem}.vendor-label{font-weight:500;color:#495057}.record-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-top:12px;border-top:1px solid #e9ecef;font-size:.875rem;color:#6c757d}.meta-item{display:flex;align-items:center;gap:4px}.record-actions{display:flex;justify-content:flex-end}.priority-urgent,.priority-high{background-color:#f8d7da;color:#721c24}.priority-medium{background-color:#fff3cd;color:#856404}.priority-low{background-color:#d1ecf1;color:#0c5460}.loading-state,.error-state,.empty-state{text-align:center;padding:40px 20px}.empty-state h3{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:#333}.empty-state p{color:#6c757d;margin-bottom:24px}@media(max-width:768px){.maintenance-page{padding:16px}.page-title{font-size:1.5rem}.records-grid,.filter-row{grid-template-columns:1fr}}.available-properties-calendar{padding:2rem;max-width:1400px;margin:0 auto}.calendar-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-title-section{display:flex;align-items:center;gap:1rem}.header-icon{color:var(--primary-color, #6d5ffa)}.header-title-section h1{font-size:2rem;font-weight:700;color:var(--dark-color, #1a202c);margin:0}.header-subtitle{font-size:.95rem;color:var(--text-light, #4a5568);margin:.25rem 0 0}.calendar-filters{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));margin-bottom:2rem}.date-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.filter-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--dark-color, #1a202c);font-size:.875rem}.filter-actions{display:flex;gap:.75rem;align-items:flex-end}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary-color, #6d5ffa);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #5a4cd8);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.btn-primary:disabled{background:#a3bffa;cursor:not-allowed;transform:none}.btn-secondary{background:var(--light-color, #f8fafc);color:var(--secondary-color, #4a5568);border:1px solid var(--border-color, #e2e8f0)}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.calendar-results{margin-top:2rem}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.empty-state.initial-state{margin-top:4rem}.empty-icon{color:var(--text-light, #4a5568);margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--dark-color, #1a202c);margin:.5rem 0}.empty-state p{color:var(--text-light, #4a5568);margin:.5rem 0}.spinner{width:40px;height:40px;border:4px solid var(--border-color, #e2e8f0);border-top:4px solid var(--primary-color, #6d5ffa);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-header{margin-bottom:1.5rem}.results-header h2{font-size:1.5rem;font-weight:600;color:var(--dark-color, #1a202c);margin:0 0 .5rem}.results-period{color:var(--text-light, #4a5568);font-size:.95rem;margin:0}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.property-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:all .3s ease}.property-card:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));transform:translateY(-4px)}.property-card-link{text-decoration:none;color:inherit;display:block}.property-image-container{position:relative;width:100%;height:200px;overflow:hidden}.property-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.property-card:hover .property-image{transform:scale(1.05)}.property-status-badge{position:absolute;top:.75rem;right:.75rem}.status-badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.status-enable{background:#10b981;color:#fff}.status-badge.status-pending{background:#f59e0b;color:#fff}.property-card-content{padding:1.25rem}.property-name{font-size:1.25rem;font-weight:600;color:var(--dark-color, #1a202c);margin:0 0 .75rem}.property-location{display:flex;align-items:center;gap:.5rem;color:var(--text-light, #4a5568);font-size:.9rem;margin-bottom:1rem}.property-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.property-detail-item{display:flex;align-items:center;gap:.5rem;color:var(--text-light, #4a5568);font-size:.875rem}.property-type{margin-top:.75rem}.type-badge{display:inline-block;padding:.25rem .75rem;background:var(--light-color, #f8fafc);color:var(--secondary-color, #4a5568);border-radius:.5rem;font-size:.75rem;font-weight:500}.error-state{color:var(--error-color, #ef4444)}@media(max-width:768px){.available-properties-calendar{padding:1rem}.date-filters{flex-direction:column}.filter-group,.filter-actions{width:100%}.btn{flex:1;justify-content:center}.properties-grid{grid-template-columns:1fr}}.filter-section{background:var(--card-background, #ffffff);border-radius:var(--border-radius, .75rem);padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05));border:1px solid var(--border-color, #e2e8f0)}.filter-section .search-bar{position:relative;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;width:100%}.filter-section .search-bar .search-icon{color:var(--text-secondary, #64748b);flex-shrink:0}.filter-section .search-input{flex:1;padding:.625rem .875rem .625rem 2.5rem;border:1.5px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius, .75rem);font-size:.875rem;color:var(--text-primary, #1e293b);background:var(--card-background, #ffffff);transition:all .2s ease;height:40px;box-sizing:border-box;width:100%}.filter-section .search-input:focus{outline:none;border-color:var(--primary-color, #6c5ffc);box-shadow:0 0 0 3px #6c5ffc1a}.filter-section .search-input::-moz-placeholder{color:var(--text-secondary, #64748b)}.filter-section .search-input::placeholder{color:var(--text-secondary, #64748b)}.advanced-filters{display:flex;flex-direction:column;gap:.75rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:start;width:100%;grid-auto-rows:min-content}.filter-group .react-datepicker-wrapper{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;flex-shrink:0;margin:0!important;display:flex!important;align-items:center!important}.filter-group .react-datepicker-wrapper .react-datepicker__input-container{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;margin:0!important}.filter-group .react-datepicker-wrapper .react-datepicker__input-container input{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:.625rem 2.25rem .625rem .875rem!important;border:1.5px solid var(--border-color, #e2e8f0)!important;border-radius:var(--border-radius, .75rem)!important;font-size:.875rem!important;color:var(--text-primary, #1e293b)!important;background:var(--card-background, #ffffff)!important;box-sizing:border-box!important;margin:0!important;line-height:1.5!important;display:flex!important;align-items:center!important}.filter-group{display:flex;flex-direction:column;gap:.5rem;width:100%;min-height:64px;justify-content:flex-start;align-items:stretch}.filter-group label{font-size:.8125rem;font-weight:600;color:var(--text-primary, #1e293b);margin:0;padding:0;line-height:1.2;height:18px;display:flex;align-items:center;flex-shrink:0}.filter-group .searchable-dropdown-wrapper{width:100%!important;min-height:40px!important;height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;position:relative!important;flex-shrink:0;margin:0!important}.filter-group .searchable-dropdown-wrapper .searchable-dropdown-input-wrapper{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;position:relative!important;margin:0!important}.filter-group .searchable-dropdown-wrapper .searchable-dropdown-input.filter-select{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:.625rem 2.25rem .625rem .875rem!important;border:1.5px solid var(--border-color, #e2e8f0)!important;border-radius:var(--border-radius, .75rem)!important;font-size:.875rem!important;color:var(--text-primary, #1e293b)!important;background:var(--card-background, #ffffff)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;line-height:1.5!important;margin:0!important;background-image:none!important}.filter-group .searchable-dropdown-wrapper .searchable-dropdown-chevron{top:50%!important;transform:translateY(-50%)!important;right:.875rem!important}.filter-select{padding:.625rem 2.25rem .625rem .875rem!important;border:1.5px solid var(--border-color, #e2e8f0)!important;border-radius:var(--border-radius, .75rem)!important;font-size:.875rem!important;color:var(--text-primary, #1e293b)!important;background:var(--card-background, #ffffff)!important;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364758b' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .875rem center!important;height:40px!important;min-height:40px!important;max-height:40px!important;box-sizing:border-box!important;width:100%!important;margin:0!important;line-height:1.5!important}.filter-select:hover{border-color:var(--primary-color, #6c5ffc)}.filter-select:focus{outline:none;border-color:var(--primary-color, #6c5ffc);box-shadow:0 0 0 3px #6c5ffc1a}.filter-select option{padding:.5rem}.filter-actions{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem}.btn-reset{background:transparent;color:var(--text-secondary, #64748b);border:1.5px solid var(--border-color, #e2e8f0);padding:.625rem 1.25rem;font-size:.875rem;font-weight:500}.btn-reset:hover{background:var(--background-color, #f8fafc);border-color:var(--text-secondary, #64748b);color:var(--text-primary, #1e293b)}.filters-section{background:var(--card-background, #ffffff);border-radius:var(--border-radius, .75rem);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05));border:1px solid var(--border-color, #e2e8f0)}.filters-section .filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.filters-section .filter-group{display:flex;flex-direction:column;gap:.5rem}.filters-section .filter-group label{font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b)}.filters-section .filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1.5px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius, .75rem);font-size:.95rem;color:var(--text-primary, #1e293b);background:var(--card-background, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364758b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.filters-section .filter-select:hover{border-color:var(--primary-color, #6c5ffc)}.filters-section .filter-select:focus{outline:none;border-color:var(--primary-color, #6c5ffc);box-shadow:0 0 0 3px #6c5ffc1a}.filter-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.filter-bar .filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-bar .filter-group label{font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b)}.filter-bar select{padding:.75rem 2.5rem .75rem 1rem;border:1.5px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius, .75rem);font-size:.95rem;color:var(--text-primary, #1e293b);background:var(--card-background, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364758b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.filter-bar select:hover{border-color:var(--primary-color, #6c5ffc)}.filter-bar select:focus{outline:none;border-color:var(--primary-color, #6c5ffc);box-shadow:0 0 0 3px #6c5ffc1a}@media(max-width:768px){.filter-row,.filters-section .filter-row{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .filter-group{min-width:100%}.filter-actions{margin-top:1rem}}