@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-void:#060810;--bg-base:#0d1117;--bg-surface:#161b27;--bg-elevated:#1e2536;--bg-glass:#161b27bf;--bg-glass-hover:#1e2536d9;--aurora-1:#7c3aed;--aurora-2:#2563eb;--aurora-3:#059669;--aurora-4:#d97706;--aurora-5:#dc2626;--text-bright:#f1f5f9;--text-dim:#94a3b8;--text-ghost:#475569;--border-subtle:#ffffff0f;--border-muted:#ffffff1a;--border-active:#7c3aed80;--accent-primary:#7c3aed;--accent-hover:#6d28d9;--accent-glow:#7c3aed33;--success:#059669;--warning:#d97706;--danger:#dc2626;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 24px #7c3aed40;--transition:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--bg-primary:var(--bg-base);--bg-secondary:var(--bg-surface);--bg-tertiary:var(--bg-elevated);--text-primary:var(--text-bright);--text-secondary:var(--text-dim);--text-muted:var(--text-ghost);--border-color:var(--border-muted);--shadow-card:var(--shadow-md)}.light-mode{--bg-void:#f1f4f9;--bg-base:#f7f9fc;--bg-surface:#fff;--bg-elevated:#edf1f7;--bg-glass:#ffffffbf;--bg-glass-hover:#ffffffe6;--aurora-1:#6d28d9;--aurora-2:#3b82f6;--aurora-3:#10b981;--text-bright:#1e293b;--text-dim:#64748b;--text-ghost:#94a3b8;--border-subtle:#0f172a0d;--border-muted:#0f172a14;--border-active:#6d28d94d;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 10px 25px #0f172a1f;--shadow-glow:0 0 20px #6d28d91a;--accent-glow:#6d28d914;--ticker-invert:1}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.light-mode{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg-base);color:var(--text-bright);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-bright);letter-spacing:-.02em;font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;line-height:1.2}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.4rem,3.5vw,2rem)}h3{font-size:clamp(1.1rem,2.5vw,1.4rem)}code,.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--aurora-1)}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition)}.glass-panel:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow)}.text-gradient{background:linear-gradient(135deg, var(--aurora-1), var(--aurora-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient-gold{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-muted{color:var(--text-dim)}.aurora-bg{background:linear-gradient(135deg,#7c3aed14,#2563eb14)}.app-container{flex-direction:column;min-height:100vh;display:flex}.flex{display:flex}.flex-col{flex-direction:column}.grid{display:grid}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border-glass{border-bottom:1px solid var(--border-subtle)}.btn{border-radius:var(--r-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--aurora-1);color:#fff;box-shadow:0 0 20px #7c3aed4d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 0 28px #7c3aed73}.btn-secondary{background:var(--bg-elevated);color:var(--text-bright);border-color:var(--border-muted)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-active);transform:translateY(-1px)}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-bright)}.btn-danger{color:var(--danger);background:#dc26261f;border-color:#dc262640}.btn-danger:hover{background:#dc262638;transform:translateY(-1px)}.btn-success{color:var(--success);background:#05966926;border-color:#0596694d}.btn-lg{border-radius:var(--r-lg);padding:.85rem 1.75rem;font-size:1rem}.btn-sm{border-radius:var(--r-sm);padding:.4rem .85rem;font-size:.8rem}.btn:focus-visible{outline:2px solid var(--aurora-1);outline-offset:3px}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.1rem;display:flex}.form-label{color:var(--text-dim);letter-spacing:.01em;font-size:.82rem;font-weight:500}.form-control{background:var(--bg-elevated);border:1px solid var(--border-muted);border-radius:var(--r-md);width:100%;color:var(--text-bright);transition:border-color var(--transition), box-shadow var(--transition);padding:.72rem 1rem;font-family:inherit;font-size:.92rem}.form-control::placeholder{color:var(--text-ghost)}.form-control:focus{border-color:var(--aurora-1);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-control:hover{border-color:var(--border-active)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:100px}.badge{border-radius:var(--r-full);letter-spacing:.02em;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{color:#34d399;background:#05966926;border:1px solid #05966940}.badge-warning{color:#fbbf24;background:#d9770626;border:1px solid #d9770640}.badge-danger{color:#f87171;background:#dc262626;border:1px solid #dc262640}.badge-info{color:#60a5fa;background:#2563eb26;border:1px solid #2563eb40}.badge-aurora{color:#a78bfa;background:#7c3aed26;border:1px solid #7c3aed40}.fade-in{animation:.4s ease-out forwards fadeIn}.slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-spin{animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #7c3aed33}50%{box-shadow:0 0 28px #7c3aed73}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}a:focus-visible,button:focus-visible{outline:2px solid var(--aurora-1);outline-offset:3px;border-radius:4px}.dashboard-layout{background:var(--bg-base);min-height:100vh;transition:grid-template-columns var(--transition-slow);grid-template-columns:72px minmax(0,1fr);display:grid}.dashboard-layout.sidebar-expanded{grid-template-columns:240px minmax(0,1fr)}.dashboard-content{width:100%;max-width:1600px;margin:0 auto;padding:2rem 2.5rem}.dashboard-header{background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex}.dashboard-header h1{font-size:clamp(1.4rem,3vw,1.9rem)}.header-actions{align-items:center;gap:.75rem;display:flex}.icon-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);width:38px;height:38px;color:var(--text-dim);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-glass-hover);color:var(--text-bright);border-color:var(--border-active)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);transition:all var(--transition);flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--aurora-1),var(--aurora-2));height:2px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-card p{color:var(--text-dim);font-size:.82rem;font-weight:500}.stat-card h3{color:var(--text-bright);font-size:2rem;font-weight:700}.stat-trend{color:var(--success);font-size:.8rem;font-weight:600}.stat-trend.down{color:var(--danger)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:40;height:100vh;transition:all var(--transition-slow);flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 0;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar .logo-wrap{background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;display:flex;overflow:hidden}.sidebar .logo-wrap img{object-fit:cover;border-radius:50%;width:100%;height:100%}.sidebar-nav{flex-direction:column;gap:.35rem;width:100%;padding:0 .6rem;display:flex}.nav-item{border-radius:var(--r-md);color:var(--text-dim);transition:all var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item span.nav-label{display:none}.nav-item:hover{background:var(--bg-elevated);color:var(--text-bright)}.nav-item.active{color:var(--aurora-1);background:#7c3aed26;border-color:#7c3aed4d;box-shadow:0 0 12px #7c3aed1a}.nav-item-create{color:var(--aurora-1)!important;background:#7c3aed0d!important;border:1px dashed #7c3aed66!important}.nav-item-create:hover{background:#7c3aed1f!important;border-style:solid!important}.sidebar-divider{background:var(--border-subtle);width:calc(100% - 1.2rem);height:1px;margin:.5rem .6rem}.dashboard-layout.sidebar-expanded .nav-item{justify-content:flex-start}.dashboard-layout.sidebar-expanded .nav-item span.nav-label{display:inline}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;display:grid}@media (width<=480px){.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}.room-card-premium{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);text-align:left;flex-direction:column;gap:.85rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.room-card-premium:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.rc-header{justify-content:space-between;align-items:center;width:100%;display:flex}.rc-number{color:var(--text-bright);font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700}.rc-status-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.rc-status-tag.status-empty{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.rc-status-tag.status-partial{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40}.rc-status-tag.status-full{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.light-mode .rc-status-tag.status-empty{color:#047857;background:#04785714;border-color:#04785726}.light-mode .rc-status-tag.status-partial{color:#b45309;background:#b4530914;border-color:#b4530926}.light-mode .rc-status-tag.status-full{color:#b91c1c;background:#b91c1c14;border-color:#b91c1c26}.room-card-premium.status-empty{background:linear-gradient(180deg, var(--bg-surface) 0%, #10b98103 100%);border-color:#10b9811f}.room-card-premium.status-partial{background:linear-gradient(180deg, var(--bg-surface) 0%, #f59e0b03 100%);border-color:#f59e0b26}.room-card-premium.status-full{background:linear-gradient(180deg, var(--bg-surface) 0%, #ef444403 100%);border-color:#ef44441f}.light-mode .room-card-premium.status-empty{background:linear-gradient(#fff 0%,#10b98108 100%);border-color:#10b9812e}.light-mode .room-card-premium.status-partial{background:linear-gradient(#fff 0%,#f59e0b08 100%);border-color:#f59e0b38}.light-mode .room-card-premium.status-full{background:linear-gradient(#fff 0%,#ef444408 100%);border-color:#ef44442e}.rc-capacity-section{flex-direction:column;gap:.4rem;width:100%;display:flex}.rc-capacity-info{color:var(--text-dim);align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;display:flex}.rc-bed-icon{color:var(--text-ghost)}.rc-capacity-bar{background:var(--bg-elevated);border-radius:10px;width:100%;height:5px;overflow:hidden}.rc-capacity-fill{border-radius:10px;height:100%;transition:width .3s}.rc-occupants-section{border-top:1px dashed var(--border-subtle);flex-direction:column;gap:.4rem;width:100%;padding-top:.6rem;display:flex}.rc-occupants-label{text-transform:uppercase;color:var(--text-ghost);letter-spacing:.04em;font-size:.65rem;font-weight:600}.rc-avatar-stack{align-items:center;padding-left:4px;display:flex}.rc-avatar-circle{color:#fff;border:2px solid var(--bg-surface);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-5px;font-size:.68rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000026}.rc-avatar-circle:first-child{margin-left:0}.rc-avatar-circle:hover{border-color:var(--border-active);transform:translateY(-2px)scale(1.05);box-shadow:0 3px 6px #00000040;z-index:10!important}.light-mode .rc-avatar-circle{border-color:#fff}.floor-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.floor-section:hover{border-color:var(--border-active);box-shadow:var(--shadow-md)}.rooms-legend{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.legend-item{color:var(--text-dim);background:var(--bg-surface);border:1px solid var(--border-muted);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.legend-item:hover{border-color:var(--border-active)}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-label{text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.search-container{background:var(--bg-elevated);border:1px solid var(--border-muted);border-radius:var(--r-lg);transition:all var(--transition);align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.search-container:focus-within{border-color:var(--aurora-1);box-shadow:0 0 0 3px var(--accent-glow)}.search-input{color:var(--text-bright);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.92rem}.search-input::placeholder{color:var(--text-ghost)}.tenant-row-item{width:100%}.tenant-row-grid{grid-template-columns:1fr 1fr 1fr 1.5fr;align-items:start;gap:1.5rem;padding:1.25rem 0;display:grid}.tenant-label{color:var(--text-ghost);margin-bottom:.4rem;font-size:.8rem;display:block}.tenant-value{color:var(--text-bright);font-size:1rem;font-weight:500}.tenant-action-link{border-radius:var(--r-sm);cursor:pointer;text-align:center;width:100%;transition:all var(--transition);border:none;padding:.65rem 1.25rem;font-size:.82rem;font-weight:600;display:block}.tenant-action-link:first-child{background:var(--aurora-1);color:#fff;margin-bottom:.4rem}.tenant-action-link:first-child:hover{background:var(--accent-hover)}.tenant-action-link:last-child{color:var(--danger);background:#dc26261a;border:1px solid #dc262633}.tenant-action-link:last-child:hover{background:#dc262633}.form-grid-2{grid-template-columns:1fr 1fr}.floor-builder-row{align-items:flex-end;gap:1rem;display:flex}.generate-btn{height:2.75rem}.tenant-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.tenant-rules-card{width:100%}.rules-list{flex-direction:column;gap:.9rem;display:flex}.rule-item{align-items:flex-start;gap:.75rem;padding:.4rem 0;display:flex}.rule-item .bullet{color:var(--aurora-1);font-size:1.1rem;font-weight:700;line-height:1}.rule-item .text{font-size:.92rem;line-height:1.5}.modal-backdrop{-webkit-backdrop-filter:blur(3px);z-index:9999;background:#060810d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg), var(--shadow-glow);padding:2rem;position:relative}.header-logout-btn{border:1px solid var(--border-muted);color:var(--text-dim);border-radius:var(--r-md);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:flex}.header-logout-btn:hover{border-color:var(--danger);color:var(--danger)}.avatar{border-radius:var(--r-full);background:linear-gradient(135deg,var(--aurora-1),var(--aurora-2));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 0 12px #7c3aed59}@media (width<=1024px){.dashboard-content{padding:1.5rem}}@media (width<=768px){.dashboard-layout{flex-direction:column;padding-bottom:72px;display:flex;grid-template-columns:1fr!important}.sidebar.desktop-only-sidebar{display:none!important}.sidebar:not(.desktop-only-sidebar){width:100%!important;height:calc(76px + env(safe-area-inset-bottom,0px))!important;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px))!important;border-right:none!important;border-top:1px solid var(--border-subtle)!important;background:var(--bg-elevated)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:99999!important;pointer-events:auto!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;inset:auto 0 0!important;box-shadow:0 -10px 40px #00000080!important}.sidebar:not(.desktop-only-sidebar) .logo-wrap,.sidebar:not(.desktop-only-sidebar) .sidebar-divider,.sidebar:not(.desktop-only-sidebar) .sidebar-toggle{display:none!important}.sidebar:not(.desktop-only-sidebar) .sidebar-nav{align-items:center;flex-direction:row!important;justify-content:space-around!important;width:100%!important;height:100%!important;padding:0!important;display:flex!important}.nav-item{flex-direction:column;flex:1;justify-content:center;padding:.5rem .2rem;font-size:.65rem;transition:all .2s cubic-bezier(.4,0,.2,1);background:0 0!important;border:none!important}.nav-item.active{transform:translateY(-2px);color:var(--aurora-1)!important;box-shadow:none!important;background:0 0!important}.nav-item span.nav-label{margin-top:.2rem;font-size:.65rem;font-weight:600;display:inline}.nav-item-create{color:var(--text-dim)!important;background:0 0!important;border:none!important}.nav-item-create.active{color:var(--aurora-1)!important}.dashboard-content{padding:1rem .75rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding:1rem}.header-actions{justify-content:space-between;gap:.5rem;width:100%}.header-actions select.form-control{flex:1;min-width:0;max-width:180px}@media (width<=480px){.btn-label{display:none}.header-logout-btn{justify-content:center;width:40px;height:40px;padding:.5rem}.dashboard-header h1{font-size:1.25rem}.dashboard-header p{font-size:.75rem!important}}.stats-grid,.grid,.form-grid-2{grid-template-columns:1fr!important}.floor-builder-row{flex-direction:column}.tenant-row-grid{grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 0}.tenant-grid{grid-template-columns:1fr}}@media (width<=600px){.tenant-row-grid{grid-template-columns:1fr}}@media (width>=1024px){.tenant-grid{grid-template-columns:1fr 1fr}}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;user-select:text}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.btn,.nav-item,.icon-btn,.auth-tab,.tenant-tab-btn{min-height:44px}@media (width<=768px){.dashboard-layout{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;min-height:100vh!important;display:block!important}.landing-nav,.auth-page,.join-page,.dashboard-header{padding-top:max(1rem, env(safe-area-inset-top))!important}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=number],select,textarea{font-size:16px!important}}.capacitor-top-pad{padding-top:env(safe-area-inset-top,24px)}.dashboard-content,.join-card,.auth-card{-webkit-overflow-scrolling:touch}.btn:active{opacity:.9;transform:scale(.96)}.nav-item:active{opacity:.8;background:var(--bg-glass-hover)!important}.icon-btn:active{opacity:.8;transform:scale(.92)}.glass-panel:active{transition:transform .1s;transform:scale(.995)}@media (width<=480px){h1{font-size:clamp(1.5rem,8vw,2rem)}h2{font-size:clamp(1.25rem,6vw,1.6rem)}h3{font-size:clamp(1rem,4vw,1.2rem)}.stat-card h3{font-size:1.7rem}}@media (height<=500px) and (orientation:landscape){.sidebar{height:58px}.nav-item{padding:.3rem .2rem}.dashboard-layout{padding-bottom:calc(58px + env(safe-area-inset-bottom))}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--r-md);vertical-align:middle;background-size:200% 100%;animation:1.6s ease-in-out infinite skeleton-loading;display:inline-block;position:relative;overflow:hidden}.skeleton-card-bg{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:1.5rem;position:relative;overflow:hidden}.light-mode .skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-surface) 50%, var(--bg-elevated) 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:4px;width:100%;height:14px}.skeleton-text-short{border-radius:4px;width:60%;height:14px}.skeleton-title{border-radius:6px;width:45%;height:24px;margin-bottom:.75rem}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px}.skeleton-button{border-radius:var(--r-md);width:120px;height:42px}.skeleton-card{border-radius:var(--r-xl);width:100%;min-height:120px}.shimmer-overlay{position:relative;overflow:hidden}.shimmer-overlay:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff14 20%,#ffffff26 60%,#fff0 100%);animation:1.6s infinite shimmer-swipe;position:absolute;inset:0;transform:translate(-100%)}.light-mode .shimmer-overlay:after{background:linear-gradient(90deg,#0f172a00 0%,#0f172a0a 20%,#0f172a14 60%,#0f172a00 100%)}@keyframes shimmer-swipe{to{transform:translate(100%)}}.pulse-opacity{align-items:center;gap:.5rem;animation:1.2s ease-in-out infinite pulse-op;display:inline-flex}@keyframes pulse-op{0%,to{opacity:1}50%{opacity:.45}}.pulsing-dot-container{align-items:center;gap:3px;margin-left:2px;display:inline-flex}.pulsing-dot{background-color:currentColor;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite pulse-dot}.pulsing-dot:nth-child(2){animation-delay:.2s}.pulsing-dot:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}