@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";html,body,#root{width:100%;height:100%;position:relative;overflow:hidden}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--glass-bg:#18181ba6;--glass-bg-hover:#27272acc;--glass-border:#ffffff0f;--glass-border-active:#ffffff26;--accent-cyan:#3b82f6;--accent-purple:#8b5cf6;--accent-blue:#2563eb;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--accent-glow:0 0 20px #3b82f633;--bg-gradient-1:#3b82f614;--bg-gradient-2:#8b5cf614;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-sans:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--shadow-premium:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--shadow-hover:0 20px 25px -5px #0006, 0 8px 10px -6px #0006;--transition-smooth:all .25s cubic-bezier(.16, 1, .3, 1);--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-tertiary:#f3f4f6;--glass-bg:#ffffffbf;--glass-bg-hover:#fffffff2;--glass-border:#0000001f;--glass-border-active:#00000038;--accent-cyan:#2563eb;--accent-purple:#7c3aed;--accent-blue:#1d4ed8;--accent-glow:0 4px 20px #2563eb40;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--bg-gradient-1:#2563eb0d;--bg-gradient-2:#7c3aed0d;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--shadow-premium:0 10px 30px #0000000a, 0 4px 10px #00000005;--shadow-hover:0 20px 40px #0000000f, 0 8px 15px #00000008}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;width:100%;height:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body.is-native-app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior-y:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.loading-text{text-align:center;padding:0 20px;font-size:1.2rem}@media (width<=480px){.brand-name{font-size:16px}}@media (width>=1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)!important}.dashboard-lists-container{grid-template-columns:repeat(2,1fr)!important}.properties-grid{grid-template-columns:repeat(3,1fr)!important}.responsive-grid-2col{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.loading-text{font-size:1rem}.hidden-on-mobile{display:none!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes ambientGlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.app-container{box-sizing:border-box;width:100vw;height:100dvh;padding-bottom:var(--keyboard-offset,0px);background-color:var(--bg-primary);background-image:radial-gradient(circle at top left, var(--bg-gradient-1), transparent 40%), radial-gradient(circle at bottom right, var(--bg-gradient-2), transparent 40%);background-size:200% 200%;animation:15s ease-in-out infinite ambientGlow;display:flex;position:relative}@keyframes staggeredFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.card,.stat-pill,.chat-item,.res-list-item{animation:.5s cubic-bezier(.16,1,.3,1) both staggeredFadeIn}.card:first-child,.stat-pill:first-child,.chat-item:first-child{animation-delay:50ms}.card:nth-child(2),.stat-pill:nth-child(2),.chat-item:nth-child(2){animation-delay:.1s}.card:nth-child(3),.stat-pill:nth-child(3),.chat-item:nth-child(3){animation-delay:.15s}.card:nth-child(4),.stat-pill:nth-child(4),.chat-item:nth-child(4){animation-delay:.2s}.card:nth-child(5),.stat-pill:nth-child(5),.chat-item:nth-child(5){animation-delay:.25s}.card:nth-child(6),.stat-pill:nth-child(6),.chat-item:nth-child(6){animation-delay:.3s}.sidebar{white-space:nowrap;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--glass-border);width:240px;padding:calc(24px + env(safe-area-inset-top,0px)) 16px 24px 16px;z-index:10;flex-direction:column;flex-shrink:0;display:flex;overflow-x:hidden}.brand{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:0 4px 24px;display:flex}.brand-name,.brand span:last-child{opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.brand-icon{border-radius:var(--border-radius-sm);background:var(--accent-gradient);color:#fff;width:36px;height:36px;font-weight:800;font-family:var(--font-heading);box-shadow:var(--accent-glow);justify-content:center;align-items:center;font-size:20px;display:flex}.brand-name{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.nav-menu{flex-direction:column;flex-grow:1;gap:8px;margin-top:24px;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item span:not(.nav-icon):not(.unread-badge){opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:var(--glass-border-active);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.nav-item.active{background:var(--glass-bg-hover);color:var(--accent-cyan);border-color:var(--glass-border-active);box-shadow:inset 0 1px 1px #ffffff0d}.nav-icon{justify-content:center;align-items:center;font-size:20px;display:flex}.sidebar-footer{border-top:1px solid var(--glass-border);flex-direction:column;gap:8px;padding-top:16px;display:flex}.workspace{flex-direction:column;flex-grow:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.workspace-header{height:calc(70px + env(safe-area-inset-top,0px));background:var(--glass-bg);border-bottom:1px solid var(--glass-border);padding:env(safe-area-inset-top,0px) 32px 0 32px;-webkit-backdrop-filter:blur(24px);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.header-title h2{color:var(--text-primary);font-size:24px}.header-actions{align-items:center;gap:16px;display:flex}.btn{border-radius:var(--border-radius-md);font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 25px #3b82f666}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--glass-border)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-active);box-shadow:var(--shadow-hover);transform:translateY(-2px)scale(1.02)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)scale(1.02)}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-premium), inset 0 1px 1px #ffffff0d;transition:var(--transition-smooth);padding:24px}.card:hover{border-color:var(--glass-border-active);box-shadow:var(--shadow-hover), inset 0 1px 1px #ffffff1a;transform:translateY(-2px)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-height:calc(100% - 70px);padding:24px;display:grid;overflow-y:auto}.stats-row-container{grid-column:1/-1;gap:16px;margin-bottom:8px;display:flex}.stat-pill{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);min-width:180px;transition:var(--transition-smooth);flex:0 240px;align-items:center;gap:12px;padding:12px 16px;display:flex}.stat-pill:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-active);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-pill.alert{background:#f59e0b0d;border-color:#f59e0b33}.stat-pill-icon{font-size:24px}.stat-pill-content{flex-direction:column;display:flex}.stat-pill-val{font-size:20px;font-weight:700;font-family:var(--font-heading);color:var(--text-primary);line-height:1.1}.stat-pill-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.date-selector-wrapper{grid-column:1/-1;justify-content:flex-start;align-items:center;gap:8px;width:100%;display:flex}.dashboard-lists-container{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px 20px;margin-top:4px;display:grid}.res-list-item{border:1px solid var(--glass-border);border-radius:var(--border-radius-md);transition:var(--transition-smooth);cursor:pointer;background:#ffffff03;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.res-list-item:last-child{margin-bottom:0}.res-list-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-active);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.res-list-info{flex-direction:column;gap:4px;display:flex}.res-list-name{color:var(--text-primary);font-size:14px;font-weight:600}.res-list-room{color:var(--text-secondary);font-size:12px}.res-status-badge{text-transform:uppercase;white-space:nowrap;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600}.res-status-badge.completed{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.res-status-badge.pending{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.inbox-layout{flex-grow:1;height:calc(100% - 70px);display:flex;position:relative;overflow:hidden}.chat-list-panel{border-right:1px solid var(--glass-border);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;width:360px;min-width:360px;max-width:360px;display:flex}.panel-search{border-bottom:1px solid var(--glass-border);padding:16px}.search-input{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);width:100%;color:var(--text-primary);transition:var(--transition-smooth);outline:none;padding:10px 16px;font-size:14px}.search-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #3b82f633}.chat-items{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.chat-item{cursor:pointer;transition:var(--transition-smooth);border-bottom:1px solid #ffffff05;flex-direction:column;gap:6px;padding:16px;display:flex}.chat-item:hover{background:var(--glass-bg-hover)}.chat-item.active{background:var(--bg-tertiary);border-left:3px solid var(--accent-cyan);box-shadow:inset 20px 0 20px -20px #3b82f61a}.chat-item-header{justify-content:space-between;align-items:center;display:flex}.chat-guest-name{font-weight:600;font-family:var(--font-heading);color:var(--text-primary);font-size:15px}.chat-time{color:var(--text-muted);font-size:11px}.chat-snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-meta{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.badge-channel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--glass-border)}.badge-channel.whatsapp{color:#10b981;background:#10b9811a;border-color:#10b98133}.badge-channel.sms{color:#3b82f6;background:#3b82f61a;border-color:#3b82f633}.badge-channel.ota{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.badge-mode{font-weight:700}.badge-mode.ai{color:var(--accent-cyan);background:linear-gradient(135deg,#00f2fe26,#9d4edd26);border:1px solid #00f2fe33}.badge-mode.manual{color:var(--error);background:#ef44441a;border:1px solid #ef444433}.unread-badge{background:var(--accent-purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.chat-window{background:var(--bg-primary);flex-direction:column;flex-grow:1;min-height:0;display:flex;position:relative}.btn-scroll-bottom{background:var(--accent-cyan);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-premium);cursor:pointer;z-index:100;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:absolute;bottom:24px;right:24px}.btn-scroll-bottom:hover{background:var(--accent-blue);transform:scale(1.05)}@media (width<=768px){.btn-scroll-bottom{width:38px;height:38px;bottom:16px;right:16px}}.chat-window-header{border-bottom:1px solid var(--glass-border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.active-chat-info{flex-direction:column;gap:4px;display:flex}.active-chat-title{font-size:18px;font-weight:600;font-family:var(--font-heading)}.active-chat-subtitle{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.chat-messages{flex-direction:column-reverse;flex-grow:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.msg-wrapper{flex-direction:column;max-width:min(80%,600px);display:flex}.msg-wrapper.guest{align-self:flex-start}.msg-wrapper.ai,.msg-wrapper.agent{align-self:flex-end}.msg-bubble{border-radius:var(--border-radius-md);word-break:break-word;overflow-wrap:break-word;padding:12px 16px;font-size:14.5px;line-height:1.5;position:relative}.msg-wrapper.guest .msg-bubble{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #ffffff08;border-bottom-left-radius:2px}.msg-wrapper.ai .msg-bubble{color:var(--text-primary);background:linear-gradient(135deg,#00f2fe1a 0%,#9d4edd1a 100%);border:1px solid #00f2fe33;border-bottom-right-radius:2px}.msg-wrapper.agent .msg-bubble{background:var(--accent-blue);color:#fff;border-bottom-right-radius:2px}.msg-info{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:10px;display:flex}.msg-sender-tag{text-transform:uppercase;letter-spacing:.02em;font-weight:600}.msg-sender-tag.ai{color:var(--accent-cyan)}.msg-sender-tag.agent{color:var(--accent-blue)}.chat-input-panel{border-top:1px solid var(--glass-border);background:var(--bg-secondary);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.input-container{gap:12px;display:flex}.chat-textarea{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);color:var(--text-primary);resize:none;height:40px;font-size:14.5px;font-family:var(--font-sans);transition:var(--transition-smooth);-ms-overflow-style:none;scrollbar-width:none;outline:none;flex-grow:1;padding:12px 16px}.chat-textarea::-webkit-scrollbar{display:none}.chat-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f2fe0d}.guest-details-sidebar{border-left:1px solid var(--glass-border);background:var(--bg-secondary);z-index:250;flex-direction:column;flex-shrink:0;gap:24px;width:300px;min-width:300px;max-width:300px;height:100%;padding:24px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-5px 0 25px #00000080}.guest-details-sidebar.desktop-show{transform:translate(0)}.section-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;border-bottom:1px solid #ffffff0d;margin-bottom:12px;padding-bottom:6px;font-size:14px}.detail-row{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;font-size:11px}.detail-value{color:var(--text-primary);font-size:14px;font-weight:500}.reservation-card{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.reservation-row-hover:hover{background:var(--glass-bg-hover)}.properties-layout{height:100%;padding:32px;overflow-y:auto}.properties-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px;display:grid}.property-card{flex-direction:column;justify-content:space-between;display:flex}.property-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.property-card-title{font-size:20px;font-weight:700;font-family:var(--font-heading)}.property-card-meta{color:var(--text-secondary);flex-direction:column;gap:6px;margin-bottom:20px;font-size:13px;display:flex}.property-card-actions{gap:12px;display:flex}.responsive-grid-2col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-control{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);transition:var(--transition-smooth);outline:none;padding:12px 16px}.text-center{text-align:center!important;padding-left:8px!important;padding-right:8px!important}.dashboard-date-picker{width:105px!important;padding:8px 4px!important;font-size:13.5px!important}.form-control:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f2fe0d}textarea.form-control{resize:vertical;min-height:120px}select.form-control{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}select.form-control option{background-color:var(--bg-secondary);color:var(--text-primary)}.custom-datepicker-wrapper{width:100%}.react-datepicker.custom-calendar{background-color:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);font-family:var(--font-sans);color:var(--text-primary);box-shadow:var(--shadow-premium);padding:8px}.react-datepicker__header{border-bottom:1px solid var(--glass-border)!important;border-top-left-radius:var(--border-radius-md)!important;border-top-right-radius:var(--border-radius-md)!important;background-color:#0000!important}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{font-weight:600;color:var(--text-primary)!important;font-family:var(--font-heading)!important}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:var(--text-secondary)!important}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:var(--glass-bg-hover)!important;border-radius:var(--border-radius-sm)!important;color:var(--text-primary)!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{font-weight:700;background-color:var(--accent-cyan)!important;color:#080c10!important;border-radius:var(--border-radius-sm)!important}.react-datepicker__navigation-icon:before{border-color:var(--text-secondary)!important}.react-datepicker__navigation:hover :before{border-color:var(--accent-cyan)!important}.toggle-switch-container{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:30px;width:fit-content;padding:4px;display:flex}.toggle-switch-btn{cursor:pointer;transition:var(--transition-smooth);color:var(--text-secondary);background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:700;display:flex}.toggle-switch-btn.active.ai{background:var(--accent-cyan);color:var(--bg-primary)}.toggle-switch-btn.active.manual{background:var(--error);color:#fff}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalSlideUp!important}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideDownOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.98)}}.modal-overlay.closing{animation:.2s ease-in forwards modalFadeOut!important}.modal-overlay.closing .modal-content{animation:.2s cubic-bezier(.4,0,1,1) forwards modalSlideDownOut!important}.empty-state{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.empty-state-icon{opacity:.5;font-size:48px}.mobile-back-btn,.details-header-mobile{display:none}.mobile-only,.mobile-block{display:none!important}.sidebar-wrapper{display:contents}.sidebar-overlay{display:none}.sidebar-content{flex-shrink:0;height:100%;display:flex}.desktop-only-title{display:block}@media (width<=767px){.desktop-only{display:none!important}.mobile-only{justify-content:center;align-items:center;display:flex!important}.mobile-block{display:block!important}.app-container{flex-direction:column;width:100%;height:100%;overflow:hidden}.sidebar-wrapper{z-index:9999;pointer-events:none;width:100%;height:100%;display:block;position:fixed;top:0;left:0}.sidebar-overlay{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.sidebar-content{background:var(--bg-secondary);width:280px;height:100%;transition:left .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-320px;box-shadow:5px 0 25px #00000080}.sidebar-wrapper.mobile-open{pointer-events:auto}.sidebar-wrapper.mobile-open .sidebar-overlay{opacity:1}.sidebar-wrapper.mobile-open .sidebar-content{left:0}.sidebar{border-right:none;width:100%!important}.workspace{width:100%;height:100%}.workspace-header{flex-wrap:wrap;gap:12px;height:auto;min-height:60px;padding:12px 16px}.workspace-header h2{font-size:18px}.workspace-header .btn-secondary{padding:6px 10px;font-size:12px}.header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.global-property-selector{justify-content:space-between;width:100%;margin-left:0}.inbox-layout{width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.chat-list-panel{transition:var(--transition-smooth);flex-shrink:0;display:flex;width:100%!important;max-width:100%!important}.chat-window{transition:var(--transition-smooth);background:var(--bg-primary);flex-shrink:0;display:none;width:100%!important}.guest-details-sidebar{z-index:200;border-left:none;flex-direction:column;height:100%;padding:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:auto;right:0;transform:translate(100%);background:var(--bg-secondary)!important;width:100%!important;min-width:100%!important;max-width:100%!important;animation:none!important}.inbox-layout.has-active-chat .chat-list-panel{display:none}.inbox-layout.has-active-chat .chat-window{display:flex}.guest-details-sidebar.mobile-show{transform:translate(0)}.mobile-back-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:24px;display:flex!important}.details-header-mobile{border-bottom:1px solid var(--glass-border);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:12px;display:flex!important}.desktop-only-title{display:none!important}.chat-item{padding:14px 16px}.chat-guest-name{font-size:16px}.chat-snippet{font-size:13.5px}.chat-window-header{height:56px;padding:10px 16px}.active-chat-title{font-size:15.5px}.active-chat-subtitle{font-size:11px}.toggle-switch-btn{padding:4px 10px;font-size:11px}.chat-messages{gap:12px;padding:16px}.msg-bubble{padding:10px 14px;font-size:14.5px}.msg-wrapper{max-width:90%}.chat-input-panel{padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:var(--bg-secondary)}.chat-textarea{border-radius:20px;min-height:40px;padding:10px 16px;font-size:14px}.dashboard-grid{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));grid-template-columns:1fr;height:100%;overflow-y:auto}.stats-row-container{flex-direction:row;gap:8px;margin-bottom:12px;display:flex}.stat-pill{border-radius:20px;flex:1;justify-content:center;gap:6px;min-width:0;padding:8px 12px}.stat-pill-icon{font-size:16px}.stat-pill-content{flex-direction:row;align-items:center;gap:6px}.stat-pill-val{font-size:16px}.stat-pill-label{white-space:nowrap;font-size:12px}.date-selector-wrapper{justify-content:center}.properties-layout{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));height:100%;overflow-y:auto}.properties-grid{grid-template-columns:1fr;gap:16px}.card{padding:16px}.simulator-overlay{background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;top:0;left:0}.simulator-card{max-height:85vh;margin-top:0;overflow-y:auto;width:90vw!important;position:relative!important;top:0!important;right:0!important}table{white-space:nowrap;display:block;overflow-x:auto}.hide-mobile{display:none!important}.guest-language-badge{font-size:11px!important}.loading-text{font-size:.95rem}}.global-property-selector{background:0 0;border:1px solid #0000;align-items:center;gap:12px;margin-left:10px;padding:4px;display:flex}.global-property-selector:hover{background:0 0;border-color:#0000}.property-select-header{cursor:pointer;font-family:var(--font-heading);outline:none;min-width:150px;color:var(--accent-cyan)!important;background:0 0!important;border:none!important;height:auto!important;padding:0 24px 0 0!important;font-size:14.5px!important;font-weight:700!important}.btn-add-property-header{transition:var(--transition-smooth);border:1px dashed var(--glass-border)!important;color:var(--text-secondary)!important;background:0 0!important;font-weight:500!important}.btn-add-property-header:hover{border-color:var(--accent-cyan)!important;color:var(--accent-cyan)!important}.btn:disabled{opacity:.6;cursor:not-allowed}.action-menu-item{border-radius:var(--border-radius-sm);transition:var(--transition-smooth)}.action-menu-item:hover{background:var(--glass-bg-hover)!important}.ptr--ptr{z-index:9999!important}.ptr--box{background:var(--bg-secondary)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--shadow-premium)!important;color:var(--accent-cyan)!important;border-radius:30px!important;padding:10px 20px!important}.ptr--text{color:var(--text-primary)!important;font-family:var(--font-sans)!important;font-size:14px!important;font-weight:500!important}.property-select-header .custom-select-trigger{background:var(--glass-bg)!important;border-color:var(--glass-border)!important;transition:var(--transition-smooth)!important;border-radius:20px!important;padding:6px 16px!important;box-shadow:0 4px 12px #0000000d!important}.property-select-header .custom-select-trigger:hover{transform:translateY(-2px);background:var(--glass-bg-hover)!important}body.is-android .workspace-header{padding-top:env(safe-area-inset-top,24px)!important;height:calc(70px + env(safe-area-inset-top,24px))!important}@media (width<=768px){body.is-android .workspace-header{height:calc(60px + env(safe-area-inset-top,24px))!important}}body.is-android .sidebar{padding-top:calc(24px + env(safe-area-inset-top,24px))!important}body.is-android .guest-portal-root{padding-top:env(safe-area-inset-top,24px)!important}.sidebar{transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:80px;padding:calc(24px + env(safe-area-inset-top,0px)) 16px 24px 16px}.sidebar.collapsed .brand-name,.sidebar.collapsed .brand span:last-child,.sidebar.collapsed .nav-item span:not(.nav-icon):not(.unread-badge){opacity:0;pointer-events:none}.sidebar.collapsed .nav-item{position:relative}.sidebar.collapsed .unread-badge{justify-content:center;align-items:center;min-width:16px;height:16px;display:flex;position:absolute;top:4px;right:4px;padding:0 4px!important;font-size:9px!important}.sidebar.collapsed .nav-item .nav-icon{margin:0}.sidebar.collapsed .sidebar-footer{align-items:stretch}.sidebar.collapsed .mobile-only span,.sidebar.collapsed .mobile-only .custom-select-trigger span{display:none}.sidebar.collapsed .mobile-only .custom-select-trigger svg{margin-left:0}.sidebar.collapsed .mobile-only>div:last-child>div:last-child{display:none}.sidebar.collapsed .mobile-only>div:last-child{justify-content:center;padding:8px 0}.sidebar.collapsed .mobile-only>div:last-child button{display:none}@media (width<=767px){.reservations-header{flex-direction:column;gap:16px;align-items:flex-start!important}.header-actions{flex-wrap:wrap;justify-content:stretch;width:100%}.header-actions .btn{flex:1;justify-content:center;font-size:13px;padding:8px!important}.header-actions .btn:first-child{flex:none}.reservations-table-container table,.reservations-table-container thead,.reservations-table-container tbody,.reservations-table-container th,.reservations-table-container td,.reservations-table-container tr{width:100%;display:block;min-width:0!important}.reservations-table-container thead tr{display:none}.reservations-table-container tr{background:#ffffff05;border-radius:12px;margin-bottom:16px;padding:12px;position:relative;border:1px solid var(--glass-border)!important}.reservations-table-container td{border:none;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;display:flex;position:relative;text-align:right!important;padding:8px 0!important}.reservations-table-container td:last-child{border-bottom:none}.reservations-table-container td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-right:16px;font-size:11px;font-weight:600}.reservations-table-container td:last-child{justify-content:flex-end}.reservations-table-container td:last-child:before{display:none}}.settings-tabs-container{border-bottom:1px solid var(--glass-border);white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;align-items:center;gap:12px;padding:24px;display:flex;overflow-x:auto}.settings-tabs-container::-webkit-scrollbar{display:none}.settings-tabs-container button{border-radius:50px;flex-shrink:0;padding:10px 20px;font-size:14px}.switch,.toggle-switch{flex-shrink:0;width:44px;height:24px;margin:0;display:inline-block;position:relative}.switch input,.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--glass-border-active);border:1px solid var(--glass-border);transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-primary);width:18px;height:18px;box-shadow:var(--shadow-premium);transition:all .3s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--accent-cyan);border-color:var(--accent-cyan)}input:checked+.slider:before{background-color:#fff;transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}@keyframes pulseHighlight{0%{box-shadow:0 0 0 0 var(--accent-purple)}50%{transform:scale(1.05);box-shadow:0 0 0 10px #8b5cf600}to{transform:scale(1);box-shadow:0 0 #8b5cf600}}.highlight-pulse{animation:1s ease-out pulseHighlight;border:1px solid var(--accent-purple)!important}