@keyframes spin{to{transform:rotate(360deg)}}:root{--color-accent: #2563eb;--color-accent-subtle: rgba(37, 99, 235, 0.10);--color-accent-border: rgba(37, 99, 235, 0.25);--color-bg: #f6f8fa;--color-surface: #ffffff;--color-surface-hover: #f3f4f6;--color-surface-2: #e9ecef;--color-surface-3: #d1d5db;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-info: #2563eb;--color-info-bg: #eff6ff;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-danger: #ef4444;--color-danger-bg: #fee2e2;--color-locked-bg: #dbeafe;--color-unlocked-bg: #fee2e2;--color-disabled-bg: #f1f5f9;--color-nav-hover-bg: rgba(0, 0, 0, 0.05);--overlay-bg: rgba(0, 0, 0, 0.40);--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif}[data-theme=dark]{--color-accent: #10b981;--color-accent-subtle: rgba(16, 185, 129, 0.12);--color-accent-border: rgba(16, 185, 129, 0.25);--color-bg: #0d1117;--color-surface: #161b22;--color-surface-hover: #1c2128;--color-surface-2: #21262d;--color-surface-3: #30363d;--color-border: #21262d;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-text-subtle: #6e7681;--color-info: #60a5fa;--color-info-bg: #1a2a3a;--color-success: #10b981;--color-success-bg: #0d2818;--color-danger: #f87171;--color-danger-bg: #2a1a1a;--color-locked-bg: #0d2818;--color-unlocked-bg: #2a1a1a;--color-disabled-bg: #1a1f28;--color-nav-hover-bg: rgba(255, 255, 255, 0.04);--overlay-bg: rgba(0, 0, 0, 0.55)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:var(--color-border) rgba(0,0,0,0)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.listing-badge{font-size:.68rem;font-weight:600;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-inactive{background:var(--color-surface-2);color:var(--color-text-muted)}.badge-occupied{background:var(--color-warning-bg);color:var(--color-warning)}.badge-vacant{background:var(--color-success-bg);color:var(--color-success)}.lock-status{font-size:.68rem;font-weight:600;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.lock-status.locked{background:var(--color-info-bg);color:var(--color-info)}.lock-status.unlocked{background:var(--color-success-bg);color:var(--color-success)}.lock-status.unknown{background:var(--color-surface-2);color:var(--color-text-muted)}.lock-type-badges{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.lock-type-badge{font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.type-guest{background:var(--color-info-bg);color:var(--color-info)}.type-private{background:var(--color-purple-bg);color:var(--color-purple)}.type-cleaning{background:var(--color-success-bg);color:var(--color-success)}.stay-badge{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.stay-active{background:var(--color-success-bg);color:var(--color-success)}.stay-upcoming{background:var(--color-info-bg);color:var(--color-info)}.stay-past{background:var(--color-surface-2);color:var(--color-text-subtle)}.passcode-type{font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.type-permanent{background:var(--color-purple-bg);color:var(--color-purple)}.type-timed{background:var(--color-info-bg);color:var(--color-info)}.type-onetime{background:var(--color-danger-bg);color:var(--color-danger)}.type-cyclic{background:var(--color-success-bg);color:var(--color-success)}.type-unknown{background:var(--color-surface-2);color:var(--color-text-muted)}#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:11px 18px;font-size:.88rem;transition:transform .25s ease,opacity .25s ease;z-index:700;white-space:nowrap;pointer-events:none;opacity:0}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}#toast.success{border-color:var(--color-success);color:var(--color-success)}#toast.error{border-color:var(--color-danger);color:var(--color-danger)}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);height:100dvh;overflow:hidden;display:flex;flex-direction:column}.view{display:none;flex-direction:column;flex:1;overflow:hidden}.view.active{display:flex}#view-login{align-items:center;justify-content:center;padding:32px 24px;gap:40px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:12px}.login-brand svg{color:var(--color-accent)}.login-brand h1{font-size:1.4rem;font-weight:700;letter-spacing:-0.02em}.login-brand p{font-size:.88rem;color:var(--color-text-muted);text-align:center}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:28px 24px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.login-card input[type=tel],.login-card input[type=text]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);padding:14px 16px;font-size:1.4rem;font-family:monospace;letter-spacing:.2em;text-align:center;outline:none;width:100%;transition:border-color .15s ease}.login-card input[type=tel]:focus,.login-card input[type=text]:focus{border-color:var(--color-accent)}.btn-login{background:var(--color-accent);color:#fff;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:opacity .15s ease,transform .1s ease;width:100%}.btn-login:hover:not(:disabled){opacity:.88}.btn-login:active{transform:scale(0.98)}.btn-login:disabled{opacity:.45;cursor:not-allowed}.login-error{font-size:.82rem;color:var(--color-danger);text-align:center;min-height:18px}#view-app{flex:1;overflow:hidden}.panel{position:absolute;inset:0;bottom:64px;display:none;flex-direction:column;overflow:hidden}.panel.active{display:flex}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:16px 20px;display:flex;align-items:center;gap:10px;flex-shrink:0}.app-header h1{flex:1;font-size:1rem;font-weight:600}.btn-logout{background:rgba(0,0,0,0);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:7px;padding:6px 10px;font-size:.78rem;font-family:var(--font-family);cursor:pointer;transition:border-color .15s ease,color .15s ease}.btn-logout:hover{border-color:var(--color-danger);color:var(--color-danger)}.panel-body{padding:20px 16px;max-width:560px;width:100%;margin:0 auto;flex:1;overflow-y:auto}.res-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px;margin-bottom:14px}.res-card-title{font-size:.68rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.res-row{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border);gap:12px}.res-row:last-child{border-bottom:none}.res-label{font-size:.78rem;color:var(--color-text-muted);flex-shrink:0}.res-value{font-size:.82rem;font-weight:500;text-align:right}.res-row--block{flex-direction:column;align-items:flex-start;gap:8px}.res-preformat{white-space:pre-wrap;line-height:1.65;font-size:.82rem;color:var(--color-text-muted)}.res-wifi-value{font-family:"Courier New",Consolas,monospace;letter-spacing:.05em;font-size:.82rem}.status-badge{display:inline-block;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.status-upcoming{background:var(--color-info-bg);color:var(--color-info)}.status-active{background:var(--color-success-bg);color:var(--color-success)}.status-past{background:var(--color-danger-bg);color:var(--color-danger)}.maps-link{color:var(--color-accent);text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition:text-decoration-color .15s ease;word-break:break-all}.maps-link:hover{text-decoration-color:var(--color-accent)}#panel-lock .panel-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;min-height:100%}.lock-refresh-row{display:flex;align-items:center;gap:8px;align-self:flex-end}.btn-refresh{background:rgba(0,0,0,0);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:7px;padding:6px 12px;font-size:.78rem;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;gap:5px;transition:border-color .15s ease,color .15s ease}.btn-refresh:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-refresh:disabled{opacity:.4;cursor:not-allowed}.locks-container{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.lock-unit{display:flex;flex-direction:column;align-items:center;gap:16px}.lock-circle-wrap{position:relative;width:220px;height:220px;border-radius:9999px;touch-action:none;user-select:none;-webkit-user-select:none}@media(min-width: 480px){.lock-circle-wrap{width:260px;height:260px}}.lock-circle-wrap svg.progress-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);border-radius:9999px;overflow:visible}.ring-track{fill:none;stroke:var(--color-border);stroke-width:5}.ring-fill{fill:none;stroke:var(--color-accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:659.7;stroke-dashoffset:659.7}.ring-fill.filling{animation:fill-ring 2s linear forwards}@keyframes fill-ring{to{stroke-dashoffset:0}}.lock-inner{position:absolute;inset:14px;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:background .32s ease}@media(min-width: 480px){.lock-inner{inset:16px}}.lock-inner.state-locked{background:var(--color-locked-bg);cursor:pointer}.lock-inner.state-unlocked{background:var(--color-unlocked-bg);cursor:pointer}.lock-inner.state-disabled{background:var(--color-disabled-bg);cursor:default;opacity:.5}.lock-inner.state-unknown{background:var(--color-disabled-bg);cursor:default;opacity:.6}.lock-inner svg{color:var(--color-accent);transition:color .25s ease}.lock-inner.state-locked svg{color:var(--color-accent)}.lock-inner.state-unlocked svg{color:var(--color-danger)}.lock-inner.state-disabled svg,.lock-inner.state-unknown svg{color:var(--color-text-muted)}.lock-name{font-size:.88rem;font-weight:600;color:var(--color-text)}.lock-message{font-size:.82rem;color:var(--color-text-muted);text-align:center;max-width:200px;line-height:1.4}.spinning{animation:spin .7s linear infinite;display:inline-block}#guest-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:stretch;z-index:100}.gnav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(0,0,0,0);border:none;border-radius:0;color:var(--color-text-muted);font-size:.6rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-family:var(--font-family);transition:color .15s ease;position:relative}.gnav-btn:hover{color:var(--color-text)}.gnav-btn.active{color:var(--color-accent)}.gnav-btn svg{flex-shrink:0}.gnav-badge{position:absolute;top:6px;right:calc(50% - 22px);min-width:16px;height:16px;padding:0 4px;background:var(--color-danger, #d33);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border-radius:8px;pointer-events:none;text-transform:none}.gnav-badge.hidden{display:none}.guest-typing-indicator{font-size:.68rem;color:var(--color-text-subtle);font-style:italic;padding:4px 12px}.guest-typing-indicator.hidden{display:none}#g-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:11px 18px;font-size:.88rem;z-index:700;white-space:nowrap;pointer-events:none;opacity:0;transition:transform .25s ease,opacity .25s ease}#g-toast.show{transform:translateX(-50%) translateY(0);opacity:1}#g-toast.success{border-color:var(--color-success);color:var(--color-success)}#g-toast.error{border-color:var(--color-danger);color:var(--color-danger)}.state-message{text-align:center;padding:48px 20px;color:var(--color-text-muted);font-size:.88rem;display:flex;flex-direction:column;align-items:center;gap:10px}#guest-side-nav{position:fixed;top:0;left:0;bottom:0;width:270px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:500;transform:translateX(-100%);transition:transform .32s cubic-bezier(0.4, 0, 0.2, 1)}#guest-side-nav.open{transform:translateX(0)}#guest-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:499;opacity:0;pointer-events:none;transition:opacity .32s ease}#guest-nav-overlay.open{opacity:1;pointer-events:all}#guest-nav-overlay{background:var(--overlay-bg)}#guest-side-nav-header{padding:20px 20px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--color-border);flex-shrink:0}#gnav-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.gnav-listing-name{font-size:1rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gnav-guest-name{font-size:.78rem;color:var(--color-accent)}#guest-side-nav-links{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.guest-nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:9px;background:rgba(0,0,0,0);border:none;color:var(--color-text-muted);font-size:.88rem;font-weight:500;font-family:var(--font-family);text-align:left;width:100%;cursor:pointer;transition:background .15s ease,color .15s ease}.guest-nav-link svg{flex-shrink:0}.guest-nav-link:hover{background:var(--color-nav-hover-bg);color:var(--color-text)}.guest-nav-link.active{background:var(--color-accent-subtle);color:var(--color-accent)}#guest-side-nav-footer{padding:16px 20px;border-top:1px solid var(--color-border);flex-shrink:0}#guest-side-nav-footer .btn-logout{width:100%;text-align:center}.btn-panel-menu{background:rgba(0,0,0,0);border:none;color:var(--color-text-muted);padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color .15s ease}.btn-panel-menu:hover{color:var(--color-text)}#guest-nav.nav-hidden{display:none}#panel-about.active,#panel-places.active,#panel-guides.active{bottom:0}.place-res-img{width:100%;height:180px;object-fit:cover;border-radius:10px;display:block;margin-bottom:12px;background:var(--color-surface-2)}.place-cat-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}.place-cat-tile{aspect-ratio:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 8px;cursor:pointer;transition:border-color .1s ease,background .1s ease}.place-cat-tile:active{border-color:var(--color-accent-border);background:var(--color-accent-subtle)}.place-cat-icon{color:var(--color-accent)}.place-cat-label{font-size:.65rem;font-weight:600;color:var(--color-text);text-align:center;line-height:1.3}.places-cat-back{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-accent);font-size:.78rem;font-weight:600;cursor:pointer;padding:0 0 16px;margin-bottom:4px}.places-section-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-subtle);padding-bottom:8px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.guest-profile-header{display:flex;align-items:center;gap:16px;padding:16px 20px}.guest-profile-avatar{width:56px;height:56px;border-radius:9999px;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;flex-shrink:0;letter-spacing:.02em}.guest-profile-header-info{display:flex;flex-direction:column;gap:3px;min-width:0}.guest-profile-name{font-size:1rem;font-weight:600;color:var(--color-text)}.guest-profile-languages{font-size:.78rem;color:var(--color-text-muted)}.guest-profile-about{font-size:.88rem;color:var(--color-text-muted);line-height:1.65;margin:0;white-space:pre-wrap}.guest-profile-link{color:var(--color-accent);text-decoration:none;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%;transition:opacity .15s ease}.guest-profile-link:hover{opacity:.8}.theme-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:12px;border-bottom:1px solid var(--color-border)}.theme-toggle-label{font-size:.78rem;color:var(--color-text-muted);user-select:none}.toggle-switch{position:relative;display:inline-block;width:42px;height:24px;cursor:pointer;flex-shrink:0}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:var(--color-surface-2);border-radius:9999px;transition:background .15s ease}.toggle-track .toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:9999px;transition:transform .15s ease;box-shadow:0 1px 3px rgba(0,0,0,.25)}.toggle-switch input:checked+.toggle-track{background:var(--color-accent)}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translateX(18px)}.agreement-text{white-space:pre-wrap;word-wrap:break-word;background:var(--color-surface);padding:24px;border-radius:12px;border:1px solid var(--color-border);font-family:monospace;font-size:.9rem;line-height:1.5;color:var(--color-text)}#agreement-form{display:flex;flex-direction:column;gap:24px}#agreement-form label{font-weight:600;color:var(--color-text);display:block;margin-bottom:8px}#agreement-form .signature-section{display:flex;flex-direction:column;gap:12px}#agreement-form .signature-section canvas{border:2px solid var(--color-border);border-radius:12px;background:#fff;cursor:crosshair;max-width:100%;height:auto;aspect-ratio:600/200;touch-action:none}#agreement-form .name-section{display:flex;flex-direction:column;gap:8px}#agreement-form .name-section input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:12px;font-size:.88rem;color:var(--color-text);outline:none}#agreement-form .name-section input:focus{border-color:var(--color-accent)}#agreement-form .agreement-checkbox{display:flex;align-items:center}#agreement-form .agreement-checkbox label{display:flex;align-items:center;gap:8px;margin-bottom:0;font-weight:normal;cursor:pointer}#agreement-form .agreement-checkbox label input{width:18px;height:18px;cursor:pointer}#agreement-form .btn-primary,#agreement-form .btn-secondary{padding:12px 24px;border:none;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}#agreement-form .btn-primary:disabled,#agreement-form .btn-secondary:disabled{opacity:.6;cursor:not-allowed}#agreement-form .btn-primary{background:var(--color-accent);color:#fff}#agreement-form .btn-primary:hover:not(:disabled){opacity:.9}#agreement-form .btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}#agreement-form .btn-secondary:hover:not(:disabled){background:var(--color-bg)}.btn-panel-back{background:none;border:none;color:var(--color-text);cursor:pointer;padding:8px;margin-right:8px;display:flex;align-items:center;border-radius:8px;flex-shrink:0}.btn-panel-back:hover{background:var(--color-surface)}.agreement-gate-intro{padding:16px 0 8px}.agreement-gate-intro p{font-size:.78rem;color:var(--color-text-muted);margin:0}.agreement-gate-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.agreement-gate-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.agreement-gate-item.is-signed{opacity:.6}.agreement-gate-icon{flex-shrink:0;line-height:0}.agreement-gate-name{flex:1;font-size:.88rem;font-weight:500;color:var(--color-text)}.agreement-gate-signed{font-size:.68rem;font-weight:600;color:#22c55e;white-space:nowrap}#guest-side-nav.agreement-gate,#guest-nav.agreement-gate{display:none !important}#panel-my-agreements.active,#panel-agreement-view.active{bottom:0}.listing-hero{display:flex;gap:16px;align-items:flex-start}.listing-hero-photo-wrap{width:120px;height:120px;flex-shrink:0;border-radius:10px;overflow:hidden}.listing-hero-photo-placeholder{width:100%;height:100%;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;color:var(--color-text-subtle)}.listing-hero-photo{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:opacity .15s ease}.listing-hero-photo:hover{opacity:.85}.listing-hero-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.listing-hero-name{font-size:1rem;font-weight:700;color:var(--color-text);line-height:1.2}.listing-hero-address{display:flex;gap:8px;align-items:flex-start;font-size:.68rem;color:var(--color-text-muted);line-height:1.5}.listing-hero-address svg{flex-shrink:0;margin-top:1px}.listing-map-link{display:inline-block;margin-top:3px;font-size:.68rem}.listing-stat-chips{display:flex;gap:8px;margin-top:4px}.listing-stat-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:8px 4px;text-align:center;min-width:0}.listing-stat-chip svg{color:var(--color-accent)}.chip-value{font-size:.78rem;font-weight:600;color:var(--color-text)}.chip-label{font-size:.58rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.09em}.reservation-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reservation-bar-dates{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.reservation-bar-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.09em}.reservation-bar-date{font-size:.78rem;font-weight:500;color:var(--color-text)}.reservation-bar-sep{color:var(--color-text-subtle);font-size:1rem;flex-shrink:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;align-items:start}.detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.detail-card.detail-card--full{grid-column:1/-1}.detail-card-header{display:flex;align-items:center;gap:8px}.detail-card-header svg{color:var(--color-accent);flex-shrink:0}.detail-card-header span{font-size:.78rem;font-weight:600;color:var(--color-text);flex:1}.detail-card-section{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--color-border);padding-top:12px}.detail-card-label{font-size:.62rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.09em}.detail-card-text{font-size:.78rem;color:var(--color-text);line-height:1.55;white-space:pre-wrap}.detail-card-rule{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--color-border);padding-top:8px}.detail-card-rule:first-of-type{border-top:none;padding-top:0}.detail-card-rule-name{font-size:.78rem;font-weight:500;color:var(--color-text)}.detail-card-rule-value{font-size:.72rem;color:var(--color-text-muted);white-space:pre-wrap}.wifi-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--color-border);padding-top:12px}.wifi-row:first-of-type{border-top:none;padding-top:0}.wifi-value{font-family:"Courier New",Consolas,monospace;font-size:.78rem;color:var(--color-text);word-break:break-all}.btn-copy-wifi{background:var(--color-surface-2, var(--color-bg));border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);padding:5px 7px;display:flex;align-items:center;cursor:pointer;flex-shrink:0;transition:color .15s ease}.btn-copy-wifi:hover{color:var(--color-accent)}.photo-modal{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:2000;display:none;flex-direction:column}.photo-modal.open{display:flex}.photo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-shrink:0}.photo-modal-counter{color:hsla(0,0%,100%,.6);font-size:.78rem}.photo-modal-close{background:hsla(0,0%,100%,.12);border:none;color:#fff;width:36px;height:36px;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.photo-modal-close:hover{background:hsla(0,0%,100%,.22)}.photo-modal-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0 52px}.photo-modal-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;user-select:none}.photo-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.14);border:none;color:#fff;width:40px;height:40px;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease;flex-shrink:0}.photo-nav-btn:hover{background:hsla(0,0%,100%,.28)}.photo-nav-btn:disabled{opacity:.25;cursor:default}.photo-nav-btn.prev{left:12px}.photo-nav-btn.next{right:12px}.photo-modal-thumbs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;flex-shrink:0}.photo-modal-thumbs::-webkit-scrollbar{height:4px}.photo-modal-thumbs::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.photo-modal-thumbs::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.photo-modal-thumb{width:54px;height:54px;border-radius:6px;object-fit:cover;cursor:pointer;opacity:.45;border:2px solid rgba(0,0,0,0);flex-shrink:0;transition:opacity .15s ease,border-color .15s ease}.photo-modal-thumb.active{opacity:1;border-color:#fff}.photo-modal-thumb:hover{opacity:.75}.chat-panel .panel-body.chat-panel-body{display:flex;flex-direction:column;padding:0;overflow:hidden}#guest-chat-thread{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.guest-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--color-text-muted);text-align:center;padding:32px}.guest-chat-empty p{font-size:.88rem;line-height:1.5}.guest-chat-row{display:flex;align-items:flex-end;gap:8px}.guest-chat-row--me{justify-content:flex-end}.guest-chat-row--host{justify-content:flex-start}.guest-chat-col{display:flex;flex-direction:column;max-width:76%}.guest-host-icon{width:28px;height:28px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;align-self:flex-end}.guest-bubble{padding:10px 14px;border-radius:16px;font-size:.88rem;line-height:1.5;word-break:break-word;white-space:pre-wrap}.guest-bubble--me{background:var(--color-accent);color:#fff;border-bottom-right-radius:4px}.guest-bubble--host{background:var(--color-surface-2);color:var(--color-text);border-bottom-left-radius:4px}.guest-chat-meta{font-size:.6rem;color:var(--color-text-subtle);margin-top:3px;display:flex;align-items:center;gap:3px}.guest-chat-row--me .guest-chat-meta{justify-content:flex-end}.guest-read-mark{color:var(--color-text-subtle)}.guest-read-mark.read{color:#4ade80}.guest-chat-auto{text-align:center;margin:12px 0}.guest-chat-auto .guest-chat-auto-text{display:inline-block;background:var(--color-accent-subtle, rgba(var(--color-accent-rgb, 79, 70, 229), 0.1));color:var(--color-accent);border-radius:12px;padding:5px 14px;font-size:.78rem;line-height:1.45}.guest-chat-auto .guest-chat-time{display:block;font-size:.6rem;color:var(--color-text-subtle);margin-top:3px}.guest-chat-suggestions{padding:8px 16px;display:flex;gap:8px;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.guest-chat-suggestions::-webkit-scrollbar{display:none}.guest-chip{padding:6px 12px;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.78rem;cursor:pointer;white-space:nowrap;font-family:var(--font-family);flex-shrink:0;transition:all .1s ease}.guest-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.guest-chat-input-bar{border-top:1px solid var(--color-border);padding:12px;display:flex;gap:8px;align-items:flex-end;background:var(--color-surface);flex-shrink:0}.guest-chat-input-wrap{flex:1;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:14px;padding:8px 14px}#guest-chat-input{width:100%;background:rgba(0,0,0,0);border:none;outline:none;font-size:.88rem;font-family:var(--font-family);color:var(--color-text);resize:none;overflow-y:auto;line-height:1.45;max-height:72px;padding:0;display:block}#guest-chat-input::placeholder{color:var(--color-text-subtle)}.guest-chat-send-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--color-accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .1s ease}.guest-chat-send-btn:disabled{background:var(--color-surface-2);color:var(--color-text-subtle);cursor:not-allowed}