.password-input-wrap{position:relative;display:flex;align-items:center;width:100%}.password-input-wrap .password-input{width:100%;padding-right:2.5rem;box-sizing:border-box}.password-input-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted, #666);display:flex;align-items:center;justify-content:center}.password-input-toggle:hover{color:var(--text-primary, #1a1a1a)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--app-bg);background-attachment:fixed;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--app-border) 0%,transparent 70%);opacity:.15;animation:float 20s ease-in-out infinite}.login-container{background:var(--app-sidebar-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:3rem 2.5rem;border-radius:24px;box-shadow:0 20px 60px var(--app-shadow);width:100%;max-width:450px;position:relative;z-index:1;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);border:1px solid var(--app-border)}.login-brand{text-align:center;margin-bottom:2rem}.login-logo{width:72px;height:72px;object-fit:contain;margin:0 auto 1rem;display:block}.login-container h1{text-align:center;color:var(--app-text);margin-bottom:.35rem;font-size:2rem;font-weight:800;letter-spacing:-.02em;animation:none}.login-container h2{text-align:center;color:var(--app-text-muted);font-size:.95rem;font-weight:500;margin-bottom:0;letter-spacing:.02em}.login-form{display:flex;flex-direction:column;gap:1.75rem}.login-form>form{width:100%;display:flex;flex-direction:column;gap:1.75rem}.form-group{display:flex;flex-direction:column;gap:.75rem;animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group label{font-weight:600;color:var(--app-text);font-size:.95rem;letter-spacing:.3px}.form-group input{padding:1rem 1.25rem;background:var(--app-input-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--app-border);border-radius:12px;font-size:1rem;color:var(--app-text);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--app-shadow)}.form-group input::placeholder{color:var(--app-text-muted)}.form-group input:focus{outline:none;border-color:var(--app-status-mid);background:var(--app-card-bg);transform:translateY(-2px);box-shadow:0 8px 25px var(--app-shadow)}.login-btn{padding:1rem;background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--app-shadow);margin-top:.5rem;animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55);animation-delay:.3s;animation-fill-mode:both;letter-spacing:.5px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.login-btn:hover:not(:disabled){background:var(--primary-mid, var(--accent, #2e4a7f));color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px var(--app-shadow)}.login-btn:active:not(:disabled){transform:translateY(-1px) scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.forgot-channel-hint,.forgot-delivery-note{color:var(--app-text-muted);font-size:.82rem;line-height:1.5}.forgot-delivery-note{margin:0;padding:.8rem 1rem;border:1px solid color-mix(in srgb,#25d366 35%,var(--app-border));border-radius:12px;background:color-mix(in srgb,#25d366 8%,var(--app-card-bg))}.login-secondary-btn{width:100%;padding:.85rem 1rem;border:1px solid var(--app-border);border-radius:12px;background:var(--app-card-bg);color:var(--app-text);font:inherit;font-weight:700;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.login-secondary-btn:hover:not(:disabled){border-color:#25d366;transform:translateY(-1px)}.login-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.forgot-reset-choice{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.3rem;border:1px solid var(--app-border);border-radius:14px;background:var(--app-input-bg)}.forgot-reset-choice button{padding:.7rem .55rem;border:0;border-radius:10px;background:transparent;color:var(--app-text-muted);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.forgot-reset-choice button.active{background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);box-shadow:var(--app-shadow)}.forgot-pin-explanation{margin:0;color:var(--app-text-muted);font-size:.82rem;line-height:1.5}.forgot-secret-input{position:relative}.forgot-secret-input input{width:100%;padding-right:3.25rem;box-sizing:border-box}.forgot-eye-button{position:absolute;top:50%;right:.75rem;width:36px;height:36px;padding:8px;border:0;border-radius:9px;transform:translateY(-50%);background:transparent;color:var(--app-text-muted);cursor:pointer}.forgot-eye-button:hover{color:var(--app-text);background:var(--app-border)}.forgot-eye-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-toggle-login{position:absolute;top:1.5rem;right:1.5rem;z-index:10;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--app-card-bg);border:1px solid var(--app-border);border-radius:12px;cursor:pointer;color:var(--app-text);transition:all .2s ease;box-shadow:var(--app-shadow)}.theme-toggle-login:hover{background:var(--app-btn-bg);transform:scale(1.05)}.login-footer-link{margin-top:1.5rem;text-align:center;font-size:.95rem}.login-footer-link a{color:var(--app-status-mid);font-weight:600;text-decoration:none}.login-footer-link a:hover{text-decoration:underline}.link-button{background:none;border:none;padding:0;color:var(--app-status-mid);font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none}.link-button:hover:not(:disabled){text-decoration:underline}.link-button:disabled{opacity:.6;cursor:not-allowed}.login-helper-text{margin:.5rem 0 0;font-size:.875rem;color:var(--app-text-muted);line-height:1.4}.login-method-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--app-border)}.login-method-switch .link-button{font-size:.9rem}.forgot-success-text{color:var(--app-text-muted);text-align:center;line-height:1.6;margin-bottom:1rem}.owner-home{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.owner-home-shell{display:flex;flex-direction:column;min-height:0;flex:1}.owner-home-tabs{display:flex;position:relative;background:var(--surface-primary, var(--app-card-bg));border-bottom:1px solid var(--border-subtle, var(--app-border));box-shadow:0 4px 16px #0000000f;flex-shrink:0}.owner-home-tabs--header{width:100%;max-width:420px;background:transparent;border-bottom:none;box-shadow:none;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border));overflow:hidden}.owner-home-tabs--header .owner-home-tab{flex-direction:row;gap:.35rem;padding:.45rem .65rem}.owner-home-tabs--header .owner-home-tab-icon-wrap,.owner-home-tabs--header .owner-home-tab-icon{width:26px;height:26px}.owner-home-tabs--header .owner-home-tab-label{font-size:.75rem}.owner-home-tabs-indicator{position:absolute;bottom:0;left:0;height:2.5px;border-radius:2px;background:var(--app-btn-primary-bg, var(--primary, #1e3a5f));opacity:0;transition:transform .38s cubic-bezier(.34,1.25,.64,1),width .38s cubic-bezier(.34,1.25,.64,1),opacity .15s ease}.owner-home-tabs-indicator--ready{opacity:1}.owner-home-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.45rem .35rem .55rem;border:none;background:transparent;cursor:pointer}.owner-home-tab-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.owner-home-tab-icon{width:40px;height:40px;object-fit:contain}.owner-home-tab-label{font-size:.78rem;font-weight:700;color:var(--app-text-muted)}.owner-home-tab--active .owner-home-tab-label{color:var(--app-btn-primary-bg, var(--primary, #1e3a5f))}.owner-home-panel{flex:1;min-height:0;overflow:auto;padding:.75rem 0 1.5rem}.main-content-inner--list-page .owner-home-panel{padding:0}.owner-home-loading,.owner-home-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--app-text-muted)}.owner-home-activity-empty h3{margin:0 0 .5rem;color:var(--app-text);font-size:1.5rem}.tone-primary{color:var(--interactive-primary, var(--app-btn-primary-bg))}.tone-success{color:#22c55e}.tone-danger{color:var(--app-logout, #ef4444)}.tone-warning{color:#f59e0b}.owner-home-chevron{color:var(--app-text-muted);font-size:1.1rem;line-height:1}.owner-home-dashboard{display:flex;flex-direction:column;gap:1rem}.owner-home-revenue-privacy{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:0 .15rem;margin-bottom:.5rem}.owner-home-revenue-privacy-label{flex:1;min-width:0;font-size:.75rem;font-weight:600;color:var(--app-text-muted);line-height:1.3}.owner-home-eye-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--app-btn-primary-bg, var(--primary, #1e3a5f));cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .15s ease}.owner-home-eye-btn:hover{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 10%,transparent)}.owner-home-eye-btn:active{transform:scale(.96)}.owner-home-carousel{overflow:hidden;border-radius:16px}.owner-home-carousel-track{display:flex;transition:transform .45s cubic-bezier(.34,1.1,.64,1)}.owner-home-summary-card{flex:0 0 100%;border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;overflow:hidden;background:var(--surface-primary, var(--app-card-bg));box-shadow:var(--shadow-soft, 0 4px 16px rgba(0, 0, 0, .08))}.owner-home-summary-image{width:100%;height:120px;object-fit:cover;display:block}.owner-home-summary-body{padding:.85rem 1rem 1rem}.owner-home-summary-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.owner-home-summary-head h3{margin:0;font-size:1rem;font-weight:800;color:var(--app-text)}.owner-home-summary-head span{font-size:.68rem;font-weight:600;color:var(--app-text-muted)}.owner-home-summary-amount{margin:.35rem 0 0;font-size:2rem;font-weight:900;letter-spacing:-.04em;color:var(--interactive-primary, var(--app-btn-primary-bg))}.owner-home-summary-sub{margin:.2rem 0 0;font-size:.72rem;color:var(--app-text-muted)}.owner-home-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.owner-home-summary-stats div{padding:.55rem;border-radius:10px;background:var(--surface-elevated, var(--app-input-bg));text-align:center}.owner-home-summary-stats strong{display:block;font-size:.92rem;font-weight:900}.owner-home-summary-stats span{display:block;margin-top:.15rem;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted)}.owner-home-carousel-dots{display:flex;justify-content:center;gap:.35rem;margin-top:.65rem}.owner-home-carousel-dot{width:7px;height:7px;border-radius:50%;border:none;background:color-mix(in srgb,var(--app-text-muted) 35%,transparent);cursor:pointer}.owner-home-carousel-dot.active{background:var(--interactive-primary, var(--app-btn-primary-bg))}.owner-home-stat-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.owner-home-stat-pill{border:1px solid var(--border-subtle, var(--app-border));border-radius:14px;overflow:hidden;background:var(--surface-primary, var(--app-card-bg));box-shadow:var(--shadow-soft, 0 2px 10px rgba(0, 0, 0, .06))}.owner-home-stat-pill-image,.owner-home-stat-pill-tenant{width:100%;height:52px;object-fit:cover;display:block;background:var(--surface-secondary, var(--app-input-bg))}.owner-home-stat-pill-tenant{display:flex;align-items:center;justify-content:center;overflow:hidden}.owner-home-stat-pill-tenant img{width:100%;height:100%;object-fit:cover}.owner-home-stat-pill-tenant span{font-size:1.35rem;font-weight:800;color:var(--interactive-primary, var(--app-btn-primary-bg))}.owner-home-stat-pill-body{padding:.45rem .35rem .55rem;text-align:center}.owner-home-stat-pill-body strong{display:block;font-size:1.15rem;font-weight:800}.owner-home-stat-pill-body span{display:block;margin-top:.1rem;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted)}.owner-home-pending-alert{width:100%;display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:14px;border:1px solid color-mix(in srgb,#f59e0b 35%,var(--app-border));background:color-mix(in srgb,#f59e0b 10%,var(--app-card-bg));cursor:pointer;text-align:left}.owner-home-pending-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,#f59e0b 18%,transparent);color:#f59e0b;font-weight:800}.owner-home-pending-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.owner-home-pending-text strong{color:#f59e0b;font-size:.9rem}.owner-home-pending-text span{font-size:.72rem;color:var(--app-text-muted)}.owner-home-room-status h3{margin:0 0 .65rem;font-size:1rem;font-weight:800;color:var(--app-text)}.owner-home-room-status-card{border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;padding:1rem;background:var(--surface-primary, var(--app-card-bg));box-shadow:var(--shadow-soft, 0 2px 10px rgba(0, 0, 0, .06))}.owner-home-room-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:center}.owner-home-room-status-row strong{display:block;font-size:1.35rem;font-weight:800}.owner-home-room-status-row span{display:block;margin-top:.15rem;font-size:.62rem;font-weight:600;letter-spacing:.05em;color:var(--app-text-muted)}.owner-home-status-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--surface-secondary, var(--app-input-bg));margin:.85rem 0 .55rem}.owner-home-status-bar span{display:block;height:100%}.owner-home-status-bar .tone-success{background:#22c55e}.owner-home-status-bar .tone-danger{background:var(--app-logout, #ef4444)}.owner-home-status-foot{margin:0;font-size:.72rem;color:var(--app-text-muted);text-align:center}.owner-home-vacating-banner{display:flex;align-items:center;gap:.55rem;margin:.85rem 0 .65rem;padding:.55rem .75rem;border-radius:10px;border:1px solid color-mix(in srgb,#f59e0b 35%,var(--app-border));background:color-mix(in srgb,#f59e0b 8%,var(--app-card-bg));font-size:.82rem;font-weight:600;color:var(--app-text)}.owner-home-vacating-banner-icon{color:#f59e0b;font-weight:800}.owner-home-room-occupancy-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.85rem}.owner-home-room-card-wrap{display:flex;flex-direction:column}.owner-home-room-card{width:100%;display:flex;align-items:center;gap:0;min-height:72px;padding:0;border:1px solid var(--border-subtle, var(--app-border));border-radius:14px;background:var(--surface-primary, var(--app-card-bg));box-shadow:0 2px 8px #0000000d;cursor:pointer;text-align:left;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.owner-home-room-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.owner-home-room-card-bar{width:4px;align-self:stretch;flex-shrink:0}.owner-home-room-card-bar.tone-success{background:#22c55e}.owner-home-room-card-bar.tone-danger{background:var(--app-logout, #ef4444)}.owner-home-room-card-bar.tone-warning{background:#f59e0b}.owner-home-room-card-thumb{width:40px;height:40px;margin-left:.75rem;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--surface-secondary, var(--app-input-bg))}.owner-home-room-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.owner-home-room-card-body{flex:1;min-width:0;padding:.55rem .75rem;display:flex;flex-direction:column;gap:.2rem}.owner-home-room-card-body strong{font-size:.92rem;font-weight:600;color:var(--app-text)}.owner-home-room-bed-icons{display:flex;align-items:center;gap:.2rem}.owner-home-bed-filled{color:#22c55e}.owner-home-bed-empty{color:var(--app-text-muted)}.owner-home-bed-icon{display:block}.owner-home-room-card-meta{font-size:.68rem;font-weight:500;color:var(--app-text-muted);line-height:1.35}.owner-home-room-card-tags{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;margin-right:.25rem;flex-shrink:0}.owner-home-room-tag{padding:.28rem .55rem;border-radius:6px;font-size:.58rem;font-weight:700;letter-spacing:.03em}.owner-home-room-tag--success{background:color-mix(in srgb,#22c55e 14%,transparent);color:#22c55e}.owner-home-room-tag--danger{background:color-mix(in srgb,var(--app-logout, #ef4444) 14%,transparent);color:var(--app-logout, #ef4444)}.owner-home-room-tag--warning{background:color-mix(in srgb,#f59e0b 14%,transparent);color:#f59e0b}.owner-home-room-card .owner-home-chevron{margin-right:.65rem;flex-shrink:0}.owner-home-room-vacating-row{display:flex;align-items:flex-start;gap:.55rem;margin-top:-1px;padding:.55rem .75rem;border:1px solid color-mix(in srgb,#f59e0b 25%,var(--app-border));border-top:none;border-bottom-left-radius:14px;border-bottom-right-radius:14px;background:color-mix(in srgb,#f59e0b 6%,var(--app-card-bg))}.owner-home-room-vacating-icon{color:#f59e0b;font-weight:800;line-height:1.2}.owner-home-room-vacating-lines{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.owner-home-room-vacating-lines span{font-size:.75rem;font-weight:600;color:var(--app-text);line-height:1.3}.owner-home-quick-links{display:flex;flex-wrap:wrap;gap:.75rem}.owner-home-quick-links a{font-size:.82rem;font-weight:700;color:var(--interactive-primary, var(--app-btn-primary-bg));text-decoration:none}.owner-home-quick-links a:hover{text-decoration:underline}.owner-home-manage{display:flex;flex-direction:column;gap:1rem}.owner-home-section-label{margin:0 0 .75rem;font-size:1rem;font-weight:800;color:var(--app-text)}.owner-home-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.owner-home-quick-action{display:flex;flex-direction:column;align-items:center;gap:.35rem;border:none;background:transparent;cursor:pointer;padding:0}.owner-home-quick-action-circle{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #00000014}.owner-home-quick-action-label{font-size:.62rem;font-weight:600;text-align:center;line-height:1.2;color:var(--app-text)}.owner-home-notice-card{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-primary, var(--app-card-bg));box-shadow:0 4px 8px #0000000f;cursor:pointer;text-align:left}.owner-home-notice-icon{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.owner-home-notice-icon--primary{background:color-mix(in srgb,var(--interactive-primary, var(--app-btn-primary-bg)) 12%,transparent);color:var(--interactive-primary, var(--app-btn-primary-bg))}.owner-home-notice-icon--warning{background:color-mix(in srgb,#f59e0b 12%,transparent);color:#f59e0b}.owner-home-notice-icon--success{background:color-mix(in srgb,#22c55e 12%,transparent);color:#22c55e}.owner-home-notice-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.owner-home-notice-text strong{font-size:.82rem;color:var(--app-text)}.owner-home-notice-text span{font-size:.68rem;color:var(--app-text-muted)}.owner-home-notice-right{display:flex;align-items:center;gap:.35rem}.owner-home-notice-badge{min-width:1.2rem;height:1.2rem;padding:0 .35rem;border-radius:8px;background:var(--app-logout, #ef4444);color:#fff;font-size:.62rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.owner-home-notice-badge--primary{background:var(--interactive-primary, var(--app-btn-primary-bg));height:auto;padding:.15rem .4rem}.owner-home-activity{display:flex;flex-direction:column;gap:.5rem}.owner-home-activity-section{margin-top:1.25rem}.owner-home-activity-group-label{margin:0 0 .65rem;font-size:1.05rem;font-weight:600;letter-spacing:-.02em;color:var(--app-text)}.owner-home-activity-row{width:100%;display:flex;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;margin-bottom:.5rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:14px;background:var(--surface-primary, var(--app-card-bg));box-shadow:0 2px 8px #0000000d;cursor:pointer;text-align:left;transition:opacity .15s,transform .15s}.owner-home-activity-row:hover{transform:translateY(-1px)}.owner-home-activity-avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.owner-home-activity-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.owner-home-activity-kicker{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--app-text-muted)}.owner-home-activity-title{font-size:.92rem;font-weight:600;color:var(--app-text)}.owner-home-activity-desc,.owner-home-activity-time{font-size:.78rem;color:var(--app-text-muted)}.owner-home-activity-aside{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;min-width:62px}.owner-home-activity-aside strong{font-size:.85rem;color:var(--app-text)}.owner-home-activity-aside span{font-size:.68rem;font-weight:600;color:var(--app-text-muted)}.owner-home-load-more{align-self:center;margin-top:.5rem;padding:.55rem 1rem;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-btn-bg));color:var(--app-text);font-weight:700;cursor:pointer}@media (max-width: 900px){.owner-home-stat-pills{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-home-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.owner-home{height:calc(100dvh - 3rem);max-height:calc(100dvh - 3rem)}.owner-home-panel{padding:.85rem 1rem 1.5rem}.owner-home-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.sa-dash-pill-btn{border:none;text-align:left;cursor:pointer;font:inherit;padding:0;overflow:hidden}.sa-dash-wa-alert{background:#ef444429!important;color:#b91c1c!important}.sa-dash-attention-block{display:flex;flex-direction:column;gap:.45rem}.sa-dash-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:0 .1rem;margin-bottom:.15rem}.sa-dash-count{font-size:.78rem;font-weight:650;color:var(--app-text-muted);white-space:nowrap}.sa-dash-roster{display:flex;flex-direction:column;gap:.55rem}.sa-dash-controls{display:flex;flex-direction:column;gap:.45rem}.sa-dash-search{width:100%;border:1px solid var(--border-subtle, var(--app-border));background:var(--app-input-bg, var(--app-card-bg));color:var(--app-text);border-radius:12px;padding:.7rem .85rem;font-size:.9rem;box-shadow:var(--shadow-soft, 0 2px 10px rgba(0, 0, 0, .04))}.sa-dash-filters{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.1rem}.sa-dash-filter{flex:0 0 auto;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-primary, var(--app-card-bg));color:var(--app-text-muted);border-radius:999px;padding:.4rem .75rem;font-size:.78rem;font-weight:700;cursor:pointer}.sa-dash-filter.active{background:var(--app-btn-primary-bg, #2d2d2d);border-color:var(--app-btn-primary-bg, #2d2d2d);color:var(--app-btn-primary-color, #fff)}.sa-dash-empty{padding:1.25rem .5rem;text-align:center;color:var(--app-text-muted);font-size:.9rem}.sa-dash-list{display:flex;flex-direction:column;gap:.4rem}.sa-dash-hostel-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-primary, var(--app-card-bg));border-radius:14px;padding:.8rem .85rem;box-shadow:var(--shadow-soft, 0 2px 10px rgba(0, 0, 0, .05));cursor:pointer}.sa-dash-hostel-card:hover{border-color:var(--app-border)}.sa-dash-hostel-main{min-width:0;flex:1}.sa-dash-hostel-main strong{display:block;color:var(--app-text);font-size:.95rem;font-weight:750}.sa-dash-hostel-main span{display:block;margin-top:.15rem;color:var(--app-text-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-dash-hostel-meta{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.sa-dash-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .5rem;font-size:.68rem;font-weight:750;background:#0000000f;color:var(--app-text-muted)}.sa-dash-badge.ok{background:#22c55e24;color:#16a34a}.sa-dash-badge.warn{background:#ef44441f;color:#dc2626}.sa-dash-badge.muted{background:#0000000f;color:var(--app-text-muted)}.dashboard{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.dashboard h1{margin-bottom:2rem;color:var(--text-primary, #1e3a5f);font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary, #1e3a5f) 0%,var(--primary-mid, #2e4a7f) 55%,var(--accent, #00c2ff) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55)}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.welcome-card{background:var(--surface-secondary, rgba(255, 255, 255, .6));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-soft, 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px rgba(192, 192, 192, .3));border:1px solid var(--border-subtle, rgba(192, 192, 192, .4));animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s cubic-bezier(.4,0,.2,1)}.welcome-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong, 0 12px 40px rgba(0, 0, 0, .15), 0 0 0 1px rgba(192, 192, 192, .5));background:var(--surface-elevated, rgba(255, 255, 255, .7))}.welcome-card h2{color:var(--text-primary, #2d2d2d);margin-bottom:.75rem;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary, #2d2d2d) 0%,var(--app-status-mid, #5a5a5a) 50%,var(--app-status-muted, #808080) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-card p{color:var(--text-secondary, rgba(45, 45, 45, .8));font-size:1rem;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}.stat-card{background:var(--surface-secondary, rgba(255, 255, 255, .6));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:2rem;border-radius:20px;box-shadow:var(--shadow-soft, 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px rgba(192, 192, 192, .3));border:1px solid var(--border-subtle, rgba(192, 192, 192, .4));transition:all .4s cubic-bezier(.68,-.55,.265,1.55);animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:both;cursor:pointer;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}:root[data-theme=dark] .stat-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.stat-card:hover:before{left:100%}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:var(--shadow-strong, 0 15px 45px rgba(0, 0, 0, .15), 0 0 0 1px rgba(192, 192, 192, .5));background:var(--surface-elevated, rgba(255, 255, 255, .75));filter:brightness(1.1)}.stat-card h3{color:var(--text-secondary, rgba(90, 90, 90, .8));font-size:.875rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary, #2d2d2d);background:linear-gradient(135deg,var(--text-primary, #2d2d2d) 0%,var(--app-status-mid, #808080) 50%,var(--app-status-muted, #a0a0a0) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;animation:bounceScale 2s ease-in-out infinite}.dashboard-header-info{color:var(--text-secondary, rgba(90, 90, 90, .8));margin-top:.5rem}.dashboard-header-info strong{color:var(--text-primary, #2d2d2d);font-weight:600}.alert-glass{background:var(--surface-secondary, rgba(255, 255, 255, .6));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:1.25rem;border-radius:16px;margin-bottom:1.5rem;border:1px solid var(--border-subtle, rgba(192, 192, 192, .4));box-shadow:var(--shadow-soft, 0 8px 32px rgba(0, 0, 0, .12));animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55)}.alert-warning{background:#fbbf244d;border-color:#fbbf2480;color:var(--text-primary, rgba(45, 45, 45, .95))}.alert-success{background:#22c55e4d;border-color:#22c55e80;color:var(--text-primary, rgba(45, 45, 45, .95))}.alert-danger{background:#ef44444d;border-color:#ef444480;color:var(--text-primary, rgba(45, 45, 45, .95))}.empty-state-card{background:var(--surface-secondary, rgba(255, 255, 255, .6));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:3rem 2rem;text-align:center;border-radius:20px;margin-top:1.5rem;border:1px solid var(--border-subtle, rgba(192, 192, 192, .4));box-shadow:var(--shadow-soft, 0 8px 32px rgba(0, 0, 0, .12));animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.empty-state-card p{color:var(--text-secondary, rgba(90, 90, 90, .8));font-size:1.125rem;margin-bottom:1rem}.empty-state-card a{color:var(--text-secondary, #808080);text-decoration:none;font-weight:600;margin-top:.75rem;display:inline-block;transition:all .3s cubic-bezier(.4,0,.2,1)}.empty-state-card a:hover{color:var(--text-primary, #5a5a5a);transform:translate(5px)}.welcome-card .last-login{font-size:.875rem;color:var(--text-secondary, rgba(128, 128, 128, .7));margin-top:.5rem}.dashboard-top{margin-bottom:1.5rem}.stat-card-link{text-decoration:none;color:inherit;display:block}.stat-value-alert{color:#dc2626!important;-webkit-text-fill-color:#dc2626!important;background:none!important}.stat-card-hint{margin-top:.25rem;font-size:.75rem;color:var(--text-secondary, rgba(90, 90, 90, .8))}.dashboard-section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary, #2d2d2d);margin:0 0 1rem}.dashboard-manage{background:var(--surface-secondary, rgba(255, 255, 255, .6));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:1.75rem;border-radius:20px;border:1px solid var(--border-subtle, rgba(192, 192, 192, .4));box-shadow:var(--shadow-soft, 0 8px 32px rgba(0, 0, 0, .12))}.manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.manage-card{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--border-subtle, rgba(192, 192, 192, .35));background:var(--surface-elevated, rgba(255, 255, 255, .75));text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.manage-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft, 0 6px 20px rgba(0, 0, 0, .1));border-color:color-mix(in srgb,var(--primary, #2563eb) 25%,transparent)}.manage-card-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.manage-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.manage-card-title{font-size:.9rem;font-weight:600;color:var(--text-primary, #2d2d2d)}.manage-card-subtitle{font-size:.75rem;color:var(--text-secondary, rgba(90, 90, 90, .8));line-height:1.3}.manage-card-badge{flex-shrink:0;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.manage-card-chevron{flex-shrink:0;font-size:1.25rem;color:var(--text-muted, #9ca3af);line-height:1}.dashboard-activity-preview{background:var(--surface-secondary, rgba(255, 255, 255, .6));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:1.75rem;border-radius:20px;border:1px solid var(--border-subtle, rgba(192, 192, 192, .4));box-shadow:var(--shadow-soft, 0 8px 32px rgba(0, 0, 0, .12))}.dashboard-activity-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.dashboard-activity-header .dashboard-section-title{margin-bottom:0}.dashboard-activity-link{font-size:.85rem;font-weight:600;color:var(--primary, #2563eb);text-decoration:none}.dashboard-activity-link:hover{text-decoration:underline}.dashboard-activity-empty{margin:0;color:var(--text-secondary, rgba(90, 90, 90, .8));font-size:.9rem}.dashboard-activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.dashboard-activity-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-subtle, rgba(192, 192, 192, .3));background:var(--surface-elevated, rgba(255, 255, 255, .7));text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.dashboard-activity-item:hover{border-color:color-mix(in srgb,var(--primary, #2563eb) 30%,transparent);transform:translate(3px)}.dashboard-activity-main{display:flex;flex-direction:column;gap:2px;min-width:0}.dashboard-activity-action{font-size:.875rem;font-weight:600;color:var(--text-primary, #2d2d2d)}.dashboard-activity-actor{font-size:.75rem;color:var(--text-secondary, rgba(90, 90, 90, .8))}.dashboard-activity-time{flex-shrink:0;font-size:.75rem;color:var(--text-muted, #9ca3af)}.owner-page{padding:1.5rem 1.5rem 3rem;max-width:960px;margin:0 auto}@media (max-width: 768px){.owner-page{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px))}}.owner-page-header{margin-bottom:1.25rem}.owner-page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.owner-page-eyebrow{margin:0 0 .25rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary, var(--app-text-muted))}.owner-page-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:800;color:var(--text-primary, var(--app-text))}.owner-page-subtitle{margin:0;color:var(--text-secondary, var(--app-text-muted));font-size:.9rem;line-height:1.45;max-width:520px}.owner-page-actions{display:flex;gap:.5rem;flex-wrap:wrap}.owner-segmented{display:flex;gap:0;padding:4px;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));margin-top:1rem;position:relative}.owner-segmented--full{width:100%}.owner-segmented--sliding .owner-segmented-btn{flex:1;padding:.55rem .75rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, var(--app-text-muted));font-size:.78rem;font-weight:600;letter-spacing:-.02em;cursor:pointer;position:relative;z-index:1;transition:color .2s ease;min-width:0}.owner-segmented--sliding .owner-segmented-btn.active{background:transparent;color:var(--text-secondary, var(--app-text-muted));border-color:transparent;box-shadow:none}.owner-segmented--sliding.owner-segmented--ready .owner-segmented-btn.active{color:var(--app-btn-primary-color, #ffffff)}.owner-segmented-indicator{position:absolute;top:4px;bottom:4px;left:0;border-radius:8px;background:var(--interactive-primary, var(--app-btn-primary-bg));z-index:0;opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.34,1.25,.64,1),width .38s cubic-bezier(.34,1.25,.64,1),opacity .15s ease;will-change:transform,width}.owner-segmented-indicator--ready{opacity:1}.owner-segmented:not(.owner-segmented--sliding) .owner-segmented-btn{flex:1;padding:.6rem .75rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary, var(--app-text-muted));font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.owner-segmented:not(.owner-segmented--sliding) .owner-segmented-btn.active{background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color, #ffffff);border-color:transparent;box-shadow:0 1px 3px #00000014}.owner-status-pill{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.owner-status-pill.tone-success{background:color-mix(in srgb,#059669 18%,transparent);color:#059669}.owner-status-pill.tone-warning{background:color-mix(in srgb,#d97706 18%,transparent);color:#92400e}.owner-status-pill.tone-danger{background:color-mix(in srgb,#dc2626 18%,transparent);color:#991b1b}.owner-status-pill.tone-info{background:color-mix(in srgb,var(--accent, #2563eb) 18%,transparent);color:var(--accent-dark, #1e40af)}.owner-status-pill.tone-neutral{background:var(--surface-elevated, rgba(148, 163, 184, .15));color:var(--text-secondary, #64748b)}.owner-status-pill.tone-primary{background:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 18%,transparent);color:var(--accent, var(--app-btn-primary-bg))}:root[data-theme=dark] .owner-status-pill.tone-success{color:#6ee7b7}:root[data-theme=dark] .owner-status-pill.tone-warning{color:#fcd34d}:root[data-theme=dark] .owner-status-pill.tone-danger{color:#fca5a5}.owner-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary, var(--app-text-muted))}.owner-empty-title{margin:0 0 .35rem;font-weight:700;font-size:1rem;color:var(--text-primary, var(--app-text))}.owner-empty-sub{margin:0;font-size:.9rem;line-height:1.45}.owner-empty-action{margin-top:1rem}.owner-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--app-modal-overlay, rgba(15, 23, 42, .45));z-index:300;display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}@media (min-width: 640px){.owner-modal-overlay{align-items:center;padding-bottom:1rem}}.owner-modal{background:var(--app-card-bg, var(--surface-secondary));border:1px solid var(--app-border, var(--border-subtle));border-radius:16px 16px 0 0;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-strong, 0 16px 48px rgba(0, 0, 0, .18))}@media (min-width: 640px){.owner-modal{border-radius:16px}}.owner-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.25rem 1.25rem .75rem;flex-shrink:0}.owner-modal-header h2{margin:0;font-size:1.1rem;color:var(--text-primary, var(--app-text))}.owner-modal-header p{margin:.25rem 0 0;color:var(--text-secondary, var(--app-text-muted));font-size:.85rem}.owner-modal-close{width:32px;height:32px;border:none;border-radius:50%;background:var(--app-btn-bg, var(--surface-elevated));color:var(--text-secondary, var(--app-text-muted));font-size:1.25rem;line-height:1;cursor:pointer;flex-shrink:0}.owner-modal-body{padding:0 1.25rem 1rem;overflow-y:auto;flex:1;min-height:0}.owner-modal-footer{display:flex;gap:.5rem;padding:.85rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--app-border, var(--border-subtle));flex-shrink:0}@media (min-width: 640px){.owner-modal-footer{padding-bottom:1.25rem}}.owner-btn{flex:1;padding:.75rem 1rem;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;border:1px solid var(--app-border);background:var(--app-btn-bg);color:var(--text-primary, var(--app-text))}.owner-btn:disabled{opacity:.55;cursor:not-allowed}.owner-btn-primary{flex:1.4;border:none;background:var(--app-btn-primary-bg, var(--accent));color:var(--app-btn-primary-color, #fff)}.owner-btn-danger{border:none;background:var(--app-logout, #dc2626);color:#fff}.owner-btn-ghost{background:transparent;color:var(--text-secondary, var(--app-text-muted))}@keyframes saEntityCardFadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sa-entity-page{display:flex;flex-direction:column;flex:1;min-height:0;box-sizing:border-box;overflow:hidden}.sa-entity-scroll{flex:1;min-height:0;overflow:auto;padding:.25rem 0 1.25rem;-webkit-overflow-scrolling:touch}.sa-entity-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding-bottom:.5rem}.sa-entity-card-animate{animation:saEntityCardFadeInUp .45s cubic-bezier(.34,1.12,.64,1) both}@media (prefers-reduced-motion: reduce){.sa-entity-card-animate{animation:none}}.sa-entity-card-inner{width:100%;border:1px solid var(--border-subtle, var(--app-border));border-radius:20px;padding:.5rem;background:var(--surface-primary, var(--app-card-bg));cursor:pointer;text-align:left;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sa-entity-card-inner:focus-visible{outline:2px solid var(--accent, var(--app-btn-primary-bg));outline-offset:2px}.sa-entity-card-inner:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 35%,var(--app-border));box-shadow:0 8px 24px #0000001a}.sa-entity-card-image-wrap{position:relative;border-radius:16px;overflow:hidden;margin-bottom:.5rem;aspect-ratio:16 / 10;background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 12%,var(--app-input-bg, #f3f4f6));display:flex;align-items:center;justify-content:center}.sa-entity-card-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.sa-entity-card-avatar-fallback{width:72px;height:72px;border-radius:50%;background:var(--app-btn-primary-bg, #1e3a5f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.sa-entity-card-building{font-size:2.75rem;line-height:1;opacity:.85}.sa-entity-card-image-top{position:absolute;top:.5rem;left:.5rem;right:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;pointer-events:none}.sa-entity-card-status-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--surface-primary, var(--app-card-bg)) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.625rem;font-weight:600;color:var(--text-secondary, var(--app-text-muted));pointer-events:auto}.sa-entity-card-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.sa-entity-card-status-dot--active{background:#22c55e}.sa-entity-card-status-dot--inactive{background:#ef4444}.sa-entity-card-body{padding:.15rem .35rem .35rem}.sa-entity-card-name{margin:0 0 .2rem;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary, var(--app-text));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-entity-card-sub{margin:0 0 .45rem;font-size:.8rem;color:var(--app-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-entity-card-meta{margin:0 0 .55rem;font-size:.78rem;font-weight:600;color:var(--text-secondary, var(--app-text-muted))}.sa-entity-card-chips{display:flex;flex-wrap:wrap;gap:.35rem}.sa-entity-card-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));font-size:.68rem;font-weight:700;color:var(--text-secondary, var(--app-text-muted));max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-entity-card-chip--role{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 12%,transparent);border-color:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 28%,transparent);color:var(--app-btn-primary-bg, #1e3a5f)}.sa-entity-card-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem;padding-top:.55rem;border-top:1px solid var(--border-subtle, var(--app-border))}.sa-entity-card-action{flex:1;min-width:0;min-height:34px;padding:.35rem .5rem;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));font-size:.7rem;font-weight:700;color:var(--app-text-muted);cursor:pointer}.sa-entity-card-action:hover{border-color:var(--app-btn-primary-bg);color:var(--app-btn-primary-bg)}.sa-entity-card-action--warn{color:#b45309}.sa-entity-card-action--danger{color:#dc2626}.sa-entity-empty{grid-column:1 / -1;padding:3rem 1rem;text-align:center;color:var(--app-text-muted);font-size:.95rem}.sa-entity-loading{padding:3rem 1rem;text-align:center;color:var(--app-text-muted)}@media (max-width: 640px){.sa-entity-card-grid{grid-template-columns:1fr}}.hostels-page.sa-entity-page{padding:0;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.hostels-page .hostel-switcher{margin:.5rem 0 .75rem}.hostels-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hostels-page-title{margin:0;color:var(--app-text);font-size:1.75rem;font-weight:700}.hostels-name-link{padding:0;border:none;background:none;color:var(--app-btn-primary-bg);font-weight:600;cursor:pointer;text-align:left}.hostels-name-link:hover{text-decoration:underline}.hostels-page-btn{padding:.5rem 1rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-primary, var(--app-text));background:var(--interactive-secondary, var(--app-btn-bg))}.hostels-page-btn:hover:not(:disabled){background:var(--surface-elevated, var(--app-card-bg));border-color:var(--border-subtle, var(--app-border))}.hostels-page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--interactive-disabled-bg, var(--app-input-bg));color:var(--interactive-disabled-text, var(--app-text-muted));border-color:var(--interactive-disabled-border, var(--app-border))}.hostels-page-btn-primary{background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color);border-color:var(--interactive-primary, var(--app-btn-primary-bg))}.hostels-page-btn-primary:hover:not(:disabled){background:var(--interactive-primary, var(--app-status-mid));border-color:var(--interactive-primary, var(--app-status-mid));color:var(--app-btn-primary-color);opacity:.9}.hostel-switcher{padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;background:var(--app-card-bg);border:1px solid var(--app-border-light);border-radius:8px;box-shadow:var(--app-shadow)}.hostel-switcher label{font-weight:600;color:var(--app-text);font-size:.9rem}.hostel-switcher select{flex:1;max-width:400px;padding:.5rem .75rem;border:1px solid var(--input-border, var(--app-border));border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text));cursor:pointer}.hostel-switcher select:focus{outline:none;border-color:var(--input-focus, var(--app-border))}.loading-state{padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}.hostels-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--app-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.hostels-modal-content{width:90%;max-width:600px;max-height:90vh;overflow-y:auto;background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:12px;padding:1.5rem 1.875rem;box-shadow:var(--shadow-strong, 0 8px 32px rgba(0, 0, 0, .15))}.hostels-modal-content h2{margin:0 0 1.25rem;color:var(--text-primary, var(--app-text));font-size:1.25rem;font-weight:700}.hostels-owner-checklist{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow:auto;padding:8px 10px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-input-bg)}.hostels-owner-check{display:flex;align-items:flex-start;gap:8px;font-size:.88rem;color:var(--app-text);cursor:pointer}.hostels-owner-check input{margin-top:3px}.hostels-form-group{margin-bottom:1.25rem}.hostels-form-group label{display:block;margin-bottom:.4rem;font-weight:600;color:var(--app-text);font-size:.9rem}.hostels-form-input,.hostels-form-select{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--app-border));border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.hostels-form-input::placeholder,.hostels-form-select::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.hostels-form-input:focus,.hostels-form-select:focus{outline:none;border-color:var(--input-focus, var(--app-status-mid))}.hostels-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.hostels-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.hostels-modal-cancel{padding:.5rem 1rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;background:var(--interactive-secondary, var(--app-btn-bg));color:var(--text-primary, var(--app-text));font-size:.9rem;font-weight:500;cursor:pointer}.hostels-modal-cancel:hover{background:var(--surface-elevated, var(--app-card-bg))}.hostels-modal-submit{padding:.5rem 1rem;border:none;border-radius:8px;background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color);font-size:.9rem;font-weight:500;cursor:pointer}.hostels-modal-submit:hover:not(:disabled){background:var(--interactive-primary, var(--app-status-mid));color:var(--app-btn-primary-color);opacity:.9}.hostels-modal-submit:disabled{opacity:.6;cursor:not-allowed;background:var(--interactive-disabled-bg, var(--app-btn-bg));color:var(--interactive-disabled-text, var(--app-text-muted));border-color:var(--interactive-disabled-border, var(--app-border))}.link-staff-section{padding:1.25rem;margin-bottom:1.5rem;background:var(--surface-secondary, var(--app-input-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:8px;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .05))}.link-staff-section h3{margin:0 0 .75rem;color:var(--text-primary, var(--app-text));font-size:1.1rem}.linked-staff-section{margin-bottom:1.5rem}.linked-staff-section h3{margin:0 0 .75rem;color:var(--text-primary, var(--app-text));font-size:1.1rem}.staff-list{display:flex;flex-direction:column;gap:.75rem}.staff-item{padding:1rem;display:flex;justify-content:space-between;align-items:center;background:var(--surface-secondary, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:8px;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .05))}.staff-item strong{display:block;color:var(--text-primary, var(--app-text));margin-bottom:.2rem}.staff-item p{margin:0;font-size:.875rem;color:var(--text-secondary, var(--app-text-muted))}.hostels-info-text{color:var(--app-text-muted);font-style:italic;margin:.5rem 0;font-size:.9rem}.hostels-page .action-btn{background:var(--app-btn-bg);border:1px solid var(--app-border);color:var(--app-text)}.hostels-page .action-btn:hover{background:var(--app-card-bg)}.hostels-page .action-btn.active{background:var(--app-status-active);border-color:var(--app-status-active);color:var(--app-btn-primary-color, #fff)}.hostels-page .action-btn.delete-btn,.hostels-page .glass-button.delete-btn,.hostels-page-btn.delete-btn{background:#ef44441a;color:var(--interactive-danger, var(--app-logout));border-color:#ef44444d}.hostels-page .action-btn.delete-btn:hover,.hostels-page .glass-button.delete-btn:hover,.hostels-page-btn.delete-btn:hover:not(:disabled){background:#ef444433}.hostels-cell-muted{font-size:.875rem;color:var(--app-text-muted)}.hostels-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.hostels-status-badge.active{background:var(--app-status-active);color:var(--app-btn-primary-color, #fff)}.hostels-status-badge.inactive{background:#ef444426;color:var(--app-logout)}.hostels-status-badge.deactivated{background:#6b728033;color:#6b7280}.hostels-confirm-modal .hostels-warning-text{margin:0 0 1rem;color:var(--app-text);font-size:.95rem;line-height:1.5}.hostels-confirm-modal .hostels-confirm-hint{margin:.5rem 0 .25rem;font-size:.9rem;color:var(--app-text-muted)}.hostels-confirm-modal .hostels-confirm-name{margin:0 0 .75rem;font-size:1rem;color:var(--app-text)}.hostels-btn-danger{background:var(--interactive-danger, #dc2626)!important;color:#fff!important;border-color:var(--interactive-danger, #dc2626)!important}.hostels-btn-danger:hover:not(:disabled){background:#b91c1c!important;opacity:.95}.hostels-page .action-btn-warn{background:#f59e0b26;color:#d97706;border-color:#f59e0b66;padding:.25rem .5rem;font-size:.8rem;border-radius:6px}.hostels-page .action-btn-warn:hover{background:#f59e0b40}.hostels-page .action-btn-danger{background:#ef444426;color:var(--interactive-danger, var(--app-logout));border-color:#ef44444d;padding:.25rem .5rem;font-size:.8rem;border-radius:6px}.hostels-page .action-btn-danger:hover{background:#ef444440}@media (max-width: 768px){.hostels-form-row{grid-template-columns:1fr}.hostels-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.staff-item{flex-direction:column;align-items:flex-start;gap:.75rem}}.sahd-page{max-width:720px;margin:0 auto;padding:.75rem 1rem 2.5rem;width:100%;box-sizing:border-box;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.sahd-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sahd-back{padding:.5rem .75rem;background:var(--app-btn-bg);border:1px solid var(--app-border);border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--app-text)}.sahd-back:hover{background:var(--app-card-bg)}.sahd-edit-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--app-border);background:var(--app-card-bg);cursor:pointer;font-weight:600;color:var(--app-text)}.sahd-loading{text-align:center;padding:3rem;color:var(--app-text-muted)}.sahd-hero{text-align:center;background:transparent;border:none;border-radius:0;padding:.5rem 0 .75rem;margin-bottom:1rem}.sahd-avatar{width:112px;height:112px;border-radius:50%;margin:0 auto .85rem;overflow:hidden;background:var(--app-btn-primary-bg);display:flex;align-items:center;justify-content:center;border:3px solid color-mix(in srgb,var(--app-btn-primary-bg) 20%,transparent)}.sahd-avatar img{width:100%;height:100%;object-fit:cover}.sahd-avatar-placeholder{font-size:2.5rem}.sahd-name{margin:0 0 .35rem;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--app-text)}.sahd-subtitle{margin:0;color:var(--app-text-muted);font-size:.95rem}.sahd-badge-deactivated{display:inline-block;margin-top:.75rem;padding:.35rem .65rem;border-radius:6px;font-size:.75rem;font-weight:600;background:var(--app-border);color:var(--app-text-muted)}.sahd-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.sahd-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:999px;background:var(--app-card-bg);border:1px solid var(--app-border-light);font-size:.85rem;font-weight:600;color:var(--app-text)}.sahd-card{background:var(--app-card-bg);border:1px solid var(--app-border-light);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.sahd-card-title{margin:0 0 1rem;font-size:1.05rem;font-weight:700;color:var(--app-text)}.sahd-detail-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.65rem;font-size:.9rem}.sahd-detail-label{color:var(--app-text-muted);flex-shrink:0}.sahd-detail-value{text-align:right;color:var(--app-text);word-break:break-word}.sahd-people-block{margin-bottom:1rem}.sahd-people-block h3{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.03em}.sahd-people-list{list-style:none;margin:0;padding:0}.sahd-person{display:flex;flex-direction:column;gap:.15rem;padding:.5rem 0;border-bottom:1px solid var(--app-border-light)}.sahd-person:last-child{border-bottom:none}.sahd-person span{font-size:.85rem;color:var(--app-text-muted)}.sahd-muted{margin:0;color:var(--app-text-muted);font-size:.9rem}.sahd-apply-fields-hint{margin-bottom:.75rem}.sahd-apply-fields-list{list-style:none;margin:0;padding:0}.sahd-apply-field-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--app-border-light)}.sahd-apply-field-row:last-child{border-bottom:none}.sahd-apply-field-row>div{display:flex;flex-direction:column;gap:.15rem}.sahd-apply-field-row strong{font-size:.95rem;color:var(--app-text)}.sahd-apply-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--app-text-muted);white-space:nowrap;cursor:pointer}.sahd-apply-locked{font-size:.8rem;color:var(--app-text-muted);font-weight:600}.sahd-apply-fields-actions{margin-top:.75rem}.sahd-apply-fields-actions .sahd-action:disabled{opacity:.5;cursor:not-allowed}.sahd-actions{display:flex;flex-direction:column;gap:.5rem}.sahd-action{width:100%;padding:.75rem 1rem;border-radius:10px;border:2px solid var(--app-border);background:transparent;font-weight:600;font-size:.95rem;cursor:pointer}.sahd-action-primary{border-color:var(--app-btn-primary-bg);color:var(--app-btn-primary-bg)}.sahd-action-whatsapp{border-color:#25d366;color:#128c7e}.sahd-action-warn{border-color:#d97706;color:#b45309}.sahd-action-danger{border-color:#dc2626;color:#dc2626}.sahd-edit-grid{display:flex;flex-direction:column;gap:.85rem}.sahd-edit-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.sahd-edit-field{display:flex;flex-direction:column;gap:.3rem}.sahd-edit-field label{font-size:.75rem;font-weight:700;color:var(--app-text-muted)}.sahd-edit-field input,.sahd-edit-field select,.sahd-edit-field textarea{width:100%;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));color:var(--app-text);font-size:.9rem;box-sizing:border-box}.sahd-edit-field textarea{min-height:88px;resize:vertical}.sahd-edit-check{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--app-text);margin-top:.25rem}.sahd-edit-check input{width:16px;height:16px}.manage-staff-page{max-width:560px;margin:0 auto;padding:1.25rem 1.5rem 2.5rem}.manage-staff-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--app-border-light)}.manage-staff-back{display:inline-block;padding:.5rem .75rem;margin-bottom:.75rem;background:var(--app-btn-bg);border:1px solid var(--app-border);border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--app-text)}.manage-staff-back:hover{background:var(--app-card-bg)}.manage-staff-title{margin:0 0 .25rem;font-size:1.35rem;font-weight:700;color:var(--app-text)}.manage-staff-subtitle{margin:0 0 1rem;color:var(--app-text-muted);font-size:.9rem}.manage-staff-link-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:none;border-radius:8px;background:var(--app-btn-primary-bg);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}.manage-staff-link-btn:hover{opacity:.92}.manage-staff-search-wrap{margin-bottom:.5rem}.manage-staff-search{width:100%;padding:.6rem .75rem;border:1px solid var(--app-border);border-radius:8px;font-size:.95rem;background:var(--app-card-bg);color:var(--app-text);box-sizing:border-box}.manage-staff-count{margin:0 0 .75rem;font-size:.85rem;color:var(--app-text-muted)}.manage-staff-loading,.manage-staff-empty,.manage-staff-inactive-hint{text-align:center;padding:2rem 1rem;color:var(--app-text-muted);font-size:.95rem}.manage-staff-inactive-hint{padding-top:1rem;font-size:.85rem}.manage-staff-list{list-style:none;margin:0;padding:0}.manage-staff-card{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:.75rem;background:var(--app-card-bg);border:1px solid var(--app-border-light);border-radius:12px;box-shadow:var(--app-shadow)}.manage-staff-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.manage-staff-card-body strong{color:var(--app-text);font-size:.95rem}.manage-staff-card-body span{font-size:.85rem;color:var(--app-text-muted);word-break:break-all}.manage-staff-unlink{flex-shrink:0;padding:.4rem .65rem;border:1px solid #dc2626;border-radius:8px;background:transparent;color:#dc2626;font-size:.85rem;font-weight:600;cursor:pointer}.manage-staff-unlink:hover:not(:disabled){background:#dc262614}.manage-staff-unlink:disabled{opacity:.6;cursor:not-allowed}.manage-staff-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.manage-staff-panel{width:100%;max-width:560px;max-height:70vh;background:var(--app-card-bg);border-radius:16px 16px 0 0;display:flex;flex-direction:column;box-shadow:0 -4px 24px #00000026}.manage-staff-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--app-border-light)}.manage-staff-panel-header h2{margin:0;font-size:1.05rem;font-weight:700;color:var(--app-text)}.manage-staff-panel-close{width:36px;height:36px;border:none;background:var(--app-btn-bg);border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--app-text)}.manage-staff-panel-search-wrap{padding:.75rem 1.25rem;border-bottom:1px solid var(--app-border-light)}.manage-staff-picker-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.manage-staff-picker-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:1rem 1.25rem;border:none;border-bottom:1px solid var(--app-border-light);background:transparent;text-align:left;cursor:pointer;color:var(--app-text)}.manage-staff-picker-row:hover:not(:disabled){background:var(--app-btn-bg)}.manage-staff-picker-row:disabled{opacity:.6;cursor:wait}.manage-staff-picker-row strong{font-size:.95rem}.manage-staff-picker-row span{font-size:.85rem;color:var(--app-text-muted)}.manage-staff-picker-empty{padding:2rem 1.25rem;text-align:center;color:var(--app-text-muted);font-size:.9rem}.tenant-avatar--circle{border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.tenant-avatar--circle img{width:100%;height:100%;object-fit:cover}.tenant-avatar--card{width:100%;height:180px;overflow:hidden}.tenant-avatar__card-image{width:100%;height:100%;object-fit:cover;display:block}.tenant-avatar__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated, var(--app-input-bg));color:var(--app-text-muted);border-bottom:1px solid var(--border-subtle, var(--app-border))}.tenant-avatar--mini{width:100%;height:100%;overflow:hidden}.tenant-avatar__mini-image{width:100%;height:100%;object-fit:cover;display:block}.tenant-avatar__mini-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated, var(--app-input-bg));color:var(--app-text-muted);border-bottom:1px solid var(--border-subtle, var(--app-border))}@keyframes tenantsCardFadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tenants-card-animate-in{animation:tenantsCardFadeInUp .45s cubic-bezier(.34,1.12,.64,1) both}@media (prefers-reduced-motion: reduce){.tenants-card-animate-in{animation:none}}.tenants-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding-bottom:.5rem}.tenants-card{min-width:0}.tenants-card-inner{width:100%;border:1px solid var(--border-subtle, var(--app-border));border-radius:20px;padding:.5rem;background:var(--surface-primary, var(--app-card-bg));cursor:pointer;text-align:left;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tenants-card-inner:focus-visible{outline:2px solid var(--accent, var(--app-btn-primary-bg));outline-offset:2px}.tenants-card-inner:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 35%,var(--app-border));box-shadow:0 8px 24px #0000001a}.tenants-card-image-wrap{position:relative;border-radius:16px;overflow:hidden;margin-bottom:.5rem}.tenants-card-image-top{position:absolute;top:.5rem;left:.5rem;right:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;pointer-events:none}.tenants-card-status-pill,.tenants-card-image-actions{pointer-events:auto}.tenants-card-status-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--surface-primary, var(--app-card-bg)) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.625rem;font-weight:600;color:var(--text-secondary, var(--app-text-muted));text-transform:capitalize}.tenants-card-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.tenants-card-status-dot--active{background:#22c55e}.tenants-card-status-dot--vacated{background:var(--app-logout, #ef4444)}.tenants-card-status-dot--pending{background:#f59e0b}.tenants-card-image-actions{display:flex;align-items:center;gap:.25rem}.tenants-card-icon-btn{width:32px;height:32px;border:none;border-radius:50%;background:color-mix(in srgb,var(--surface-primary, var(--app-card-bg)) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent, var(--app-btn-primary-bg));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .15s ease,background .15s ease}.tenants-card-icon-btn:hover{transform:scale(1.05)}.tenants-card-icon-btn--whatsapp img{width:22px;height:22px;display:block}.tenants-card-info{padding:0 .5rem .5rem}.tenants-card-info-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.tenants-card-name{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary, var(--app-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tenants-card-rent{font-size:.875rem;font-weight:800;color:var(--text-primary, var(--app-text));flex-shrink:0}.tenants-card-rent-unit{font-size:.625rem;font-weight:400;color:var(--text-secondary, var(--app-text-muted))}.tenants-card-meta{margin:0 0 .35rem;font-size:.6875rem;color:var(--text-secondary, var(--app-text-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenants-card-chips{display:flex;flex-wrap:wrap;gap:.375rem}.tenants-card-chip{border-radius:999px;padding:.25rem .5rem;font-size:.625rem;font-weight:600}.tenants-card-chip--progress{background:var(--surface-elevated, var(--app-input-bg));border:1px solid var(--border-subtle, var(--app-border))}.tenants-card-chip--low{color:var(--app-logout, #ef4444)}.tenants-card-chip--mid{color:var(--app-status-mid, #d97706)}.tenants-card-chip--high{color:#22c55e}.tenants-card-chip--vacating{background:color-mix(in srgb,var(--app-status-mid, #d97706) 12%,transparent);border:1px solid color-mix(in srgb,var(--app-status-mid, #d97706) 28%,transparent);color:var(--app-status-mid, #d97706)}.tenants-card-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--app-text-muted)}@media (max-width: 640px){.tenants-card-grid{grid-template-columns:1fr}}.tenants-room-grid{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:.5rem}@keyframes tenantsRoomFadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tenants-room-animate-in{animation:tenantsRoomFadeInUp .45s cubic-bezier(.34,1.12,.64,1) both}@media (prefers-reduced-motion: reduce){.tenants-room-animate-in{animation:none}}.tenants-room-row-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.tenants-room-row-title{margin:0;font-size:.95rem;font-weight:700;color:var(--app-text)}.tenants-room-row-count{font-size:.72rem;color:var(--app-text-muted)}.tenants-room-row-scroll{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding:.25rem 0 .5rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tenants-room-row-scroll::-webkit-scrollbar{height:6px}.tenants-room-row-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--app-text-muted) 35%,transparent);border-radius:999px}.tenants-room-mini-card{flex:0 0 150px;width:150px;scroll-snap-align:start;border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;overflow:hidden;background:var(--surface-primary, var(--app-card-bg));cursor:pointer;text-align:left;padding:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tenants-room-mini-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 35%,var(--app-border));box-shadow:0 6px 18px #00000014}.tenants-room-mini-image-wrap{width:100%;height:90px;overflow:hidden;background:var(--surface-secondary, var(--app-input-bg))}.tenants-room-mini-info{padding:.55rem .65rem .65rem}.tenants-room-mini-name{font-size:.75rem;font-weight:600;color:var(--app-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenants-room-mini-meta{font-size:.625rem;color:var(--app-text-muted);margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenants-room-mini-footer{display:flex;justify-content:space-between;align-items:center;gap:.35rem;margin-top:.45rem}.tenants-room-mini-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.5625rem;color:var(--app-text-muted);min-width:0}.tenants-room-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tenants-room-status-dot--active{background:#22c55e}.tenants-room-status-dot--vacated{background:var(--app-logout, #ef4444)}.tenants-room-status-dot--pending{background:#f59e0b}.tenants-room-mini-progress{font-size:.625rem;font-weight:600}.tenants-room-mini-progress--low{color:var(--app-logout, #ef4444)}.tenants-room-mini-progress--mid{color:var(--app-status-mid, #d97706)}.tenants-room-mini-progress--high{color:#22c55e}.tenants-room-mini-vacating{margin-top:.25rem;font-size:.625rem;font-weight:700;color:var(--app-status-mid, #d97706)}.tenants-room-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--app-text)}.tenants-room-empty-sub{margin-top:.35rem;color:var(--app-text-muted);font-size:.9rem}.tenants-page{display:flex;flex-direction:column;flex:1;min-height:0;box-sizing:border-box;overflow:hidden;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.tenants-page-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;flex-shrink:0}.tenants-page-header-top{display:flex;align-items:center;gap:.75rem;min-width:0}.tenants-page-title{margin:0;color:var(--app-text);font-size:1.65rem;font-weight:800;letter-spacing:-.03em;flex-shrink:0;white-space:nowrap}.tenants-page-search-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;min-height:44px;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));cursor:text}.tenants-page-search-icon{width:18px;height:18px;flex-shrink:0;opacity:.72}.tenants-page-search{flex:1;min-width:0;border:none;background:transparent;color:var(--app-text);font-size:.9rem;padding:.5rem 0}.tenants-page-search:focus{outline:none}.tenants-page-search-wrap:focus-within{border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 45%,var(--app-border))}.tenants-page-header-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.tenants-page-stat-badge{min-width:36px;height:36px;padding:0 .5rem;border-radius:11px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-btn-bg));display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.tenants-page-stat-badge--active .tenants-page-stat-dot,.tenants-page-stat-dot--active{background:#22c55e}.tenants-page-stat-badge--active .tenants-page-stat-count{color:#22c55e}.tenants-page-stat-badge--vacated .tenants-page-stat-dot,.tenants-page-stat-dot--vacated{background:var(--app-logout, #ef4444)}.tenants-page-stat-badge--vacated .tenants-page-stat-count{color:var(--app-logout, #ef4444)}.tenants-page-stat-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.tenants-page-stat-count{font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.tenants-page-view-toggle{width:36px;height:36px;border-radius:11px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-btn-bg));color:var(--app-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tenants-page-view-toggle:hover{color:var(--app-text);border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 35%,var(--app-border))}.tenants-page-add-btn{white-space:nowrap}.tenants-page-header-sub{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.tenants-page-total{font-size:.72rem;color:var(--app-text-muted)}.tenants-page-legend{display:flex;align-items:center;gap:.75rem}.tenants-page-legend-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:600;color:var(--app-text-muted)}.tenants-page-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;flex-shrink:0}.tenants-page-filter-summary{margin:0;font-size:.72rem;font-weight:600;color:var(--text-secondary, var(--app-text-muted))}.tenants-page-status-filter{margin-top:0;width:100%}.tenants-page-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tenants-card-scroll,.tenants-room-scroll{flex:1;min-height:0;overflow:auto}.tenants-page-btn{padding:.5rem 1rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-primary, var(--app-text));background:var(--interactive-secondary, var(--app-btn-bg))}.tenants-page-btn:hover:not(:disabled){background:var(--surface-elevated, var(--app-card-bg));border-color:var(--border-subtle, var(--app-border))}.tenants-page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--interactive-disabled-bg, var(--app-input-bg));color:var(--interactive-disabled-text, var(--app-text-muted));border-color:var(--interactive-disabled-border, var(--app-border))}.tenants-page-btn-primary{background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color);border-color:var(--interactive-primary, var(--app-btn-primary-bg))}.tenants-page-btn-primary:hover:not(:disabled){background:var(--interactive-primary, var(--app-status-mid));border-color:var(--interactive-primary, var(--app-status-mid));color:var(--app-btn-primary-color);opacity:.9}.tenants-page-empty-state{padding:3rem;text-align:center;color:var(--app-text)}.tenants-page-empty-state p{margin-bottom:.5rem}.tenants-page-link{color:var(--app-text);text-decoration:underline;text-underline-offset:2px}.tenants-page-link:hover{color:var(--app-text-muted)}.tenants-page-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}@media (max-width: 768px){.tenants-page{height:calc(100dvh - 3rem);max-height:calc(100dvh - 3rem)}.tenants-page-header-top{flex-wrap:wrap}.tenants-page-title{width:100%}.tenants-page-search-wrap{flex:1 1 100%;order:3}.tenants-page-header-meta{margin-left:auto}}.form-step-progress{padding-bottom:.35rem}.form-step-nav{display:flex;align-items:center;gap:.5rem}.form-step-arrow{width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--primary, var(--app-btn-primary-bg));font-size:1.35rem;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.form-step-arrow:disabled{color:var(--app-text-muted);cursor:not-allowed;opacity:.45}.form-step-center{flex:1;min-width:0;text-align:center}.form-step-counter{display:block;font-size:.72rem;font-weight:600;color:var(--app-text-muted)}.form-step-title{display:block;margin-top:.15rem;font-size:1rem;font-weight:800;color:var(--app-text)}.form-step-subtitle{display:block;margin-top:.1rem;font-size:.78rem;color:var(--app-text-muted)}.tenant-form-inner{width:100%;max-width:none;margin:0;padding:1rem 1.25rem 2rem;box-sizing:border-box}.tenant-form-mode-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;margin-bottom:1rem;border-radius:14px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-card-bg))}.tenant-form-mode-copy strong{display:block;font-size:.88rem;color:var(--app-text)}.tenant-form-mode-copy span{display:block;margin-top:.15rem;font-size:.75rem;color:var(--app-text-muted)}.tenant-form-switch{position:relative;display:inline-flex;flex-shrink:0}.tenant-form-switch input{position:absolute;opacity:0;width:0;height:0}.tenant-form-switch-ui{width:44px;height:26px;border-radius:999px;background:var(--border-subtle, #cbd5e1);position:relative;transition:background .2s}.tenant-form-switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.tenant-form-switch input:checked+.tenant-form-switch-ui{background:var(--primary, var(--app-btn-primary-bg))}.tenant-form-switch input:checked+.tenant-form-switch-ui:after{transform:translate(18px)}.tenant-form-step-wrap{margin-bottom:1rem}.tenant-form-card{background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;padding:1.25rem;margin-bottom:1rem}.tenant-form-card h3{margin:0 0 1rem;font-size:1rem;font-weight:800;color:var(--app-text)}.tenant-form-hero{text-align:center}.tenant-form-photo-row{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-bottom:1rem}.tenant-form-photo-circle{width:120px;height:120px;border-radius:50%;border:2px solid var(--primary, var(--app-btn-primary-bg));overflow:hidden;background:var(--surface-secondary, var(--app-input-bg));display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}.tenant-form-photo-circle img{width:100%;height:100%;object-fit:cover}.tenant-form-photo-placeholder{font-size:2rem;line-height:1}.tenant-form-photo-hint{margin-top:.25rem;font-size:.72rem;color:var(--app-text-muted)}.tenant-form-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffbf;font-size:.78rem;font-weight:700;color:var(--primary, var(--app-btn-primary-bg))}.tenant-form-file-input{display:none}.tenant-form-remove-photo{border:1px solid var(--app-logout, #ef4444);background:transparent;color:var(--app-logout, #ef4444);border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:700;cursor:pointer}.tenant-form-field{display:block;margin-bottom:1rem}.tenant-form-label{display:block;margin-bottom:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--app-text-muted)}.tenant-form-input,.tenant-form-select,.tenant-form-textarea{width:100%;padding:.65rem .85rem;border-radius:10px;border:1px solid var(--input-border, var(--app-border));background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text));font-size:.95rem;box-sizing:border-box}.tenant-form-textarea{min-height:72px;resize:vertical}.tenant-form-input:focus,.tenant-form-select:focus,.tenant-form-textarea:focus{outline:none;border-color:var(--accent, var(--primary))}.tenant-form-grid{display:grid;gap:1rem;margin-bottom:1rem}.tenant-form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tenant-form-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.tenant-form-hint{display:block;margin-top:.35rem;font-size:.78rem;line-height:1.45;color:var(--app-text-muted)}.tenant-form-field-error{display:block;margin-top:.35rem;font-size:.78rem;color:#dc2626}.tenant-form-input--error,.tenant-form-select.tenant-form-input--error,.tenant-form-textarea.tenant-form-input--error{border-color:#dc2626}.tenant-form-chip-row--error{outline:1px solid #dc2626;border-radius:10px;padding:4px}.tenant-form-chip-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem}.tenant-form-chip{padding:.45rem .85rem;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-secondary, var(--app-btn-bg));color:var(--app-text-muted);font-size:.82rem;font-weight:600;cursor:pointer}.tenant-form-chip.active{border-color:var(--primary, var(--app-btn-primary-bg));background:color-mix(in srgb,var(--primary, var(--app-btn-primary-bg)) 12%,transparent);color:var(--primary, var(--app-btn-primary-bg));font-weight:700}.tenant-form-check-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:var(--app-text)}.tenant-form-room-select{width:100%;text-align:left}.tenant-form-room-option-meta{display:block;font-size:.72rem;color:var(--app-text-muted);margin-top:.1rem}.tenant-form-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:.5rem}.tenant-form-doc-box{border:1px solid var(--border-subtle, var(--app-border));border-radius:12px;padding:.85rem;background:var(--surface-secondary, var(--app-input-bg))}.tenant-form-doc-box strong{display:block;font-size:.82rem;margin-bottom:.35rem}.tenant-form-doc-box a{font-size:.75rem;color:var(--primary, var(--app-btn-primary-bg))}.tenant-form-doc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.tenant-form-info-banner{margin-top:.75rem;padding:.75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--app-status-mid, #d97706) 35%,var(--app-border));background:color-mix(in srgb,var(--app-status-mid, #d97706) 8%,var(--app-card-bg));font-size:.82rem;color:var(--app-text);line-height:1.45}@media (max-width: 768px){.tenant-form-grid--2,.tenant-form-grid--3,.tenant-form-grid--4{grid-template-columns:1fr}}.tenant-form-page{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden;background:var(--surface-primary, var(--app-bg));animation:bounceIn .45s cubic-bezier(.68,-.55,.265,1.55)}.tenant-form-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--surface-elevated, var(--app-card-bg));border-bottom:1px solid var(--border-subtle, var(--app-border-light));flex-shrink:0;z-index:20}.tenant-form-topbar-left{display:flex;align-items:center;gap:.5rem;min-width:0}.tenant-form-topbar h1{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary, var(--app-text))}.tenant-form-back{width:40px;height:40px;border:none;border-radius:12px;background:transparent;color:var(--text-primary, var(--app-text));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.tenant-form-back:hover{background:var(--surface-secondary, var(--app-btn-bg))}.tenant-form-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.tenant-form-loading,.tenant-form-empty{padding:3rem 1.5rem;text-align:center;color:var(--app-text-muted)}.tenant-form-empty-card{margin:1.5rem 1.25rem;padding:1.25rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--app-status-mid, #d97706) 35%,var(--app-border));background:color-mix(in srgb,var(--app-status-mid, #d97706) 8%,var(--app-card-bg));text-align:left}.tenant-form-empty-card h2{margin:0 0 .5rem;font-size:1.05rem}.tenant-form-empty-card p{margin:0;color:var(--app-text-muted);line-height:1.45}.tenant-form-empty-actions{margin-top:1rem;display:flex;gap:.65rem;flex-wrap:wrap}.tenant-form-footer{flex-shrink:0;padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle, var(--app-border-light));background:var(--surface-elevated, var(--app-card-bg));box-shadow:0 -4px 16px #0f172a0f}.tenant-form-submit{width:100%;display:block;padding:.85rem 1rem;border:none;border-radius:12px;background:var(--app-btn-primary-bg, var(--primary));color:var(--app-btn-primary-color, #fff);font-size:.95rem;font-weight:700;cursor:pointer}.tenant-form-submit:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 768px){.tenant-form-topbar{padding-left:calc(3.75rem + env(safe-area-inset-left,0px))}}.om-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--app-modal-overlay, rgba(15, 23, 42, .45));z-index:300;display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}@media (min-width: 640px){.om-overlay{align-items:center;padding-bottom:1rem}.om-footer{padding-bottom:1.25rem}}.om-modal{background:var(--app-card-bg, #fff);border:1px solid var(--app-border, #e2e8f0);border-radius:16px 16px 0 0;width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 640px){.om-modal{border-radius:16px}}.om-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.25rem 1.25rem .75rem;flex-shrink:0}.om-header h2{margin:0;font-size:1.1rem;color:var(--app-text)}.om-header p{margin:.25rem 0 0;color:var(--app-text-muted, #64748b);font-size:.85rem}.om-close{width:32px;height:32px;border:none;border-radius:50%;background:var(--app-btn-bg, #f1f5f9);color:var(--app-text-muted);font-size:1.25rem;cursor:pointer;flex-shrink:0}.om-body{padding:0 1.25rem 1rem;overflow-y:auto;flex:1;min-height:0}.om-footer{display:flex;gap:.5rem;padding:.85rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--app-border, #e2e8f0);flex-shrink:0;align-items:stretch}.om-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:.75rem .65rem;border-radius:10px;font-weight:700;font-size:.9rem;line-height:1.25;text-align:center;cursor:pointer;border:1px solid var(--app-border);background:var(--app-btn-bg);color:var(--app-text);min-height:44px}.om-btn:disabled{opacity:.55;cursor:not-allowed}.om-btn-primary{flex:1.4;border:none;background:var(--app-btn-primary-bg, #1e3a5f);color:var(--app-btn-primary-color, #fff)}.om-btn-danger{flex:1.45;border:none;background:#dc2626;color:#fff;font-size:.84rem;padding-inline:.5rem}.om-btn-ghost{background:transparent;color:var(--app-text-muted)}.om-hint{font-size:.82rem;color:var(--app-text-muted);line-height:1.45;margin:0 0 .85rem}.om-field{margin-bottom:.85rem}.om-field label{display:block;font-size:.82rem;font-weight:700;color:var(--app-text);margin-bottom:.35rem}.om-field input,.om-field select{width:100%;padding:.55rem .75rem;border:1px solid var(--app-border);border-radius:10px;background:var(--app-btn-bg);color:var(--app-text);font-size:.95rem;box-sizing:border-box}.om-box{border:1px solid var(--app-border);border-radius:10px;padding:.85rem;margin-bottom:.85rem;background:var(--app-btn-bg)}.om-box-title{font-size:.78rem;font-weight:700;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.om-amount{font-size:1.35rem;font-weight:800}.om-amount.due{color:#dc2626}.om-amount.ok{color:#059669}.om-warn{font-size:.82rem;color:#d97706;margin-top:.35rem;line-height:1.4}.om-rent-row{display:flex;gap:.5rem;align-items:center}.om-rent-row input{flex:1}.om-chip{border:1px solid var(--app-btn-primary-bg, #1e3a5f);background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 12%,transparent);color:var(--app-btn-primary-bg, #1e3a5f);border-radius:10px;padding:.5rem .65rem;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap}.om-loading{display:flex;justify-content:center;padding:2rem;color:var(--app-text-muted)}.om-section-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--app-text-muted);margin:.85rem 0 .35rem}.om-card{border:1px solid var(--app-border);border-radius:10px;padding:.75rem;margin-bottom:.35rem;background:var(--app-btn-bg);cursor:pointer;display:flex;align-items:center;gap:.5rem}.om-card.selected{border-color:var(--app-btn-primary-bg, #1e3a5f);background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 8%,transparent)}.om-card-title{font-weight:700;font-size:.95rem}.om-card-meta{font-size:.8rem;color:var(--app-text-muted);margin-top:.15rem}.om-room-row{display:flex;gap:.35rem;overflow-x:auto;padding:.25rem 0 .5rem}.om-room-chip{border:1px solid var(--app-border);border-radius:10px;padding:.5rem .75rem;min-width:88px;cursor:pointer;background:var(--app-btn-bg);flex-shrink:0}.om-room-chip.selected{border-color:var(--app-btn-primary-bg, #1e3a5f);background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 10%,transparent)}.om-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.85rem}.om-stat{border-radius:10px;padding:.65rem;text-align:center;background:var(--app-btn-bg)}.om-stat.highlight{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 12%,transparent)}.om-stat-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--app-text-muted)}.om-stat-value{font-size:.9rem;font-weight:800;margin-top:.25rem}.om-mode-row{display:flex;gap:.25rem;padding:4px;border-radius:10px;background:var(--app-border);margin-bottom:.65rem}.om-mode-pill{flex:1;text-align:center;padding:.55rem;border-radius:8px;border:none;background:transparent;font-weight:700;font-size:.85rem;cursor:pointer;color:var(--app-text-muted)}.om-mode-pill.active{background:var(--app-card-bg, #fff);color:var(--app-btn-primary-bg, #1e3a5f);border:1px solid var(--app-btn-primary-bg, #1e3a5f)}.om-option{display:flex;gap:.65rem;align-items:flex-start;border:1px solid var(--app-border);border-radius:10px;padding:.75rem;margin-bottom:.35rem;cursor:pointer;background:var(--app-btn-bg)}.om-option.selected{border-color:var(--app-btn-primary-bg, #1e3a5f);background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 8%,transparent)}.om-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--app-border);display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0}.om-radio.selected{border-color:var(--app-btn-primary-bg, #1e3a5f)}.om-radio-dot{width:8px;height:8px;border-radius:50%;background:var(--app-btn-primary-bg, #1e3a5f)}.om-dues-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.15rem 0}.om-divider{height:1px;background:var(--app-border);margin:.35rem 0}.om-summary{border:1px solid color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 30%,transparent);background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 6%,transparent);border-radius:10px;padding:.75rem;margin-top:.75rem;font-size:.82rem;line-height:1.45}.tenant-txn-loading,.tenant-txn-empty{padding:1.5rem .5rem;text-align:center;color:var(--app-text-muted)}.tenant-txn-empty-sub{margin-top:.35rem;font-size:.88rem}.tenant-txn-sync-hint{margin:0 0 .5rem;font-size:.78rem;color:var(--app-text-muted)}.tenant-txn-list{display:flex;flex-direction:column;gap:.65rem}.tenant-txn-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:14px;background:var(--surface-secondary, var(--app-input-bg));width:100%;font:inherit;color:inherit}.tenant-txn-item:hover{border-color:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 35%,var(--app-border))}.tenant-txn-item-main-btn{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit}.tenant-txn-item--refund{border-color:color-mix(in srgb,#dc2626 30%,var(--app-border))}.tenant-txn-item-top{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.tenant-txn-item-main-btn strong{font-size:1rem;color:var(--app-text)}.tenant-txn-item-main-btn strong.refund{color:#dc2626}.tenant-txn-kind-badge{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;border-radius:999px;border:1px solid transparent}.tenant-txn-kind-badge--rent{color:var(--app-btn-primary-bg, #1e3a5f);background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 10%,transparent);border-color:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 25%,transparent)}.tenant-txn-kind-badge--deposit{color:#7c3aed;background:color-mix(in srgb,#7c3aed 10%,transparent);border-color:color-mix(in srgb,#7c3aed 25%,transparent)}.tenant-txn-kind-badge--refund{color:#dc2626;background:color-mix(in srgb,#dc2626 10%,transparent);border-color:color-mix(in srgb,#dc2626 25%,transparent)}.tenant-txn-item-title{font-size:.88rem;font-weight:700;color:var(--app-text)}.tenant-txn-item-meta{font-size:.78rem;color:var(--app-text-muted)}.tenant-txn-item-preview{font-size:.76rem;color:var(--app-text-muted);line-height:1.35}.tenant-txn-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.tenant-txn-status{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--app-status-mid, #d97706)}.tenant-txn-status.paid{color:#22c55e}.tenant-txn-date{font-size:.75rem;color:var(--app-text-muted)}.tenant-txn-receipt-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-top:.15rem;padding:0;border:none;border-radius:10px;background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 12%,transparent);color:var(--app-btn-primary-bg, #1e3a5f);cursor:pointer}.tenant-txn-receipt-btn:hover{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 20%,transparent)}.tenant-txn-detail-head{border:1px solid var(--app-border);border-radius:12px;padding:12px 14px;margin-bottom:14px;background:var(--app-input-bg)}.tenant-txn-detail-label{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted);margin-bottom:4px}.tenant-txn-detail-head strong{font-size:1.45rem;color:var(--app-text)}.tenant-txn-detail-head strong.refund{color:#dc2626}.tenant-txn-detail-meta{display:block;margin-top:6px;font-size:.82rem;color:var(--app-text-muted)}.tenant-txn-detail-section{margin:0 0 8px;font-size:.92rem;font-weight:800;color:var(--app-text)}.tenant-txn-detail-lines{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.tenant-txn-detail-line{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--app-border);border-radius:10px;font-size:.88rem}.tenant-txn-detail-line--credit{border-color:color-mix(in srgb,#22c55e 35%,var(--app-border));background:color-mix(in srgb,#22c55e 8%,transparent)}.tenant-txn-detail-line--carry{border-color:color-mix(in srgb,#d97706 35%,var(--app-border));background:color-mix(in srgb,#d97706 8%,transparent)}.tenant-txn-detail-line strong{white-space:nowrap}.tenant-detail-page{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;width:100%;overflow:hidden;background:var(--surface-primary, var(--app-bg));animation:bounceIn .45s cubic-bezier(.68,-.55,.265,1.55)}.tenant-detail-page--centered{align-items:center;justify-content:center;gap:.75rem}.tenant-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--surface-elevated, var(--app-card-bg));border-bottom:1px solid var(--border-subtle, var(--app-border-light));flex-shrink:0;z-index:20}.tenant-detail-topbar-left,.tenant-detail-topbar-right{display:flex;align-items:center;gap:.5rem}.tenant-detail-topbar-left{min-width:0}.tenant-detail-topbar h1{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary, var(--app-text))}.tenant-detail-icon-btn{width:40px;height:40px;border:none;border-radius:12px;background:transparent;color:var(--text-primary, var(--app-text));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.tenant-detail-icon-btn:hover{background:var(--surface-secondary, var(--app-btn-bg))}.tenant-detail-action-icon{width:20px;height:20px;object-fit:contain}.tenant-detail-scroll{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 1.25rem 1.25rem;-webkit-overflow-scrolling:touch}.tenant-detail-profile-hero{display:flex;justify-content:center;padding:.75rem 0 .35rem}.tenant-detail-profile-avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color, #fff);font-size:2.25rem;font-weight:800;box-shadow:0 4px 16px #0f172a1f;border:3px solid var(--surface-elevated, var(--app-card-bg))}.tenant-detail-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.tenant-detail-profile-avatar span{line-height:1}.tenant-detail-main-card{margin-top:.35rem;position:relative;z-index:2;background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:24px 24px 20px 20px;box-shadow:var(--shadow-soft, 0 4px 20px rgba(15, 23, 42, .08));overflow:hidden}.tenant-detail-title-block{padding:1.35rem 1.25rem 1rem;text-align:center}.tenant-detail-title-block--compact{padding:.85rem 1.25rem .65rem}.tenant-detail-header-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.tenant-detail-header-meta .tenant-detail-pill{font-size:.68rem;padding:.2rem .5rem}.tenant-detail-name{margin:0;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--app-text)}.tenant-detail-subtitle{margin:.35rem 0 0;font-size:.92rem;color:var(--app-text-muted)}.tenant-detail-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.85rem}.tenant-detail-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700}.tenant-detail-pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tenant-detail-pill--room{background:color-mix(in srgb,var(--primary, var(--app-btn-primary-bg)) 12%,transparent);color:var(--primary, var(--app-btn-primary-bg))}.tenant-detail-pill--room .tenant-detail-pill-dot{background:var(--primary, var(--app-btn-primary-bg))}.tenant-detail-pill--active{background:#22c55e1f;color:#16a34a}.tenant-detail-pill--active .tenant-detail-pill-dot{background:#22c55e}.tenant-detail-pill--vacated{background:color-mix(in srgb,var(--app-logout, #ef4444) 12%,transparent);color:var(--app-logout, #ef4444)}.tenant-detail-pill--vacated .tenant-detail-pill-dot{background:var(--app-logout, #ef4444)}.tenant-detail-pill--pending{background:#f59e0b1f;color:#d97706}.tenant-detail-pill--progress-low{background:color-mix(in srgb,var(--app-logout, #ef4444) 12%,transparent);color:var(--app-logout, #ef4444)}.tenant-detail-pill--progress-mid{background:color-mix(in srgb,var(--app-status-mid, #d97706) 12%,transparent);color:var(--app-status-mid, #d97706)}.tenant-detail-pill--progress-high{background:#22c55e1f;color:#16a34a}.tenant-detail-pill--vacating{background:color-mix(in srgb,var(--app-status-mid, #d97706) 12%,transparent);color:var(--app-status-mid, #d97706)}.tenant-detail-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:0 1.25rem 1.25rem}.tenant-detail-stat-tag{padding:.75rem .85rem;border-radius:14px;background:var(--surface-secondary, var(--app-input-bg));border:1px solid var(--border-subtle, var(--app-border))}.tenant-detail-stat-tag-label{display:block;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--app-text-muted);margin-bottom:.25rem}.tenant-detail-stat-tag-value{display:block;font-size:.95rem;font-weight:800;color:var(--app-text);letter-spacing:-.02em}.tenant-detail-switch-banner{margin:0 1.25rem 1.25rem;padding:1rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--primary, var(--app-btn-primary-bg)) 28%,var(--app-border));background:color-mix(in srgb,var(--primary, var(--app-btn-primary-bg)) 8%,var(--app-card-bg))}.tenant-detail-switch-banner strong{display:block;font-size:.95rem;color:var(--app-text);margin-bottom:.35rem}.tenant-detail-switch-banner-amount{font-size:1.35rem;font-weight:800;color:var(--primary, var(--app-btn-primary-bg));margin-bottom:.35rem}.tenant-detail-switch-banner p{margin:0;font-size:.82rem;color:var(--app-text-muted);line-height:1.45}.tenant-detail-tabs{display:flex;border-top:1px solid var(--border-subtle, var(--app-border));overflow-x:auto}.tenant-detail-tab{flex:1;min-width:0;padding:.85rem .5rem;border:none;border-bottom:2.5px solid transparent;background:transparent;color:var(--app-text-muted);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}.tenant-detail-tab.active{color:var(--primary, var(--app-btn-primary-bg));border-bottom-color:var(--primary, var(--app-btn-primary-bg))}.tenant-detail-tab-panel{padding:1.25rem}.tenant-detail-section-card{background:var(--surface-secondary, var(--app-input-bg));border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;padding:1rem 1.1rem;margin-bottom:1rem}.tenant-detail-section-card:last-child{margin-bottom:0}.tenant-detail-section-title{margin:0 0 .75rem;font-size:.95rem;font-weight:800;color:var(--app-text)}.tenant-detail-row{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border-subtle, var(--app-border))}.tenant-detail-row--last{border-bottom:none;padding-bottom:0}.tenant-detail-row-label{font-size:.82rem;color:var(--app-text-muted);font-weight:600}.tenant-detail-row-value{font-size:.84rem;color:var(--app-text);font-weight:600;text-align:right;max-width:62%;overflow-wrap:anywhere}.tenant-detail-body-text{margin:0;font-size:.88rem;color:var(--app-text-muted);line-height:1.5}.tenant-detail-progress{display:flex;flex-direction:column;gap:.45rem}.tenant-detail-progress-head{display:flex;justify-content:space-between;align-items:center}.tenant-detail-progress-label{font-size:.82rem;color:var(--app-text-muted);font-weight:600}.tenant-detail-progress-value{font-size:.82rem;font-weight:800}.tenant-detail-progress-value--low{color:var(--app-logout, #ef4444)}.tenant-detail-progress-value--mid{color:var(--app-status-mid, #d97706)}.tenant-detail-progress-value--high{color:#22c55e}.tenant-detail-progress-track{height:8px;border-radius:999px;background:var(--border-subtle, var(--app-border));overflow:hidden}.tenant-detail-progress-fill{height:100%;border-radius:999px}.tenant-detail-progress-fill--low{background:var(--app-logout, #ef4444)}.tenant-detail-progress-fill--mid{background:var(--app-status-mid, #d97706)}.tenant-detail-progress-fill--high{background:#22c55e}.tenant-detail-tenure{display:flex;align-items:flex-start;gap:.5rem}.tenant-detail-tenure-node{flex:1;text-align:center}.tenant-detail-tenure-dot{width:10px;height:10px;border-radius:50%;margin:0 auto .35rem}.tenant-detail-tenure-dot.joined{background:#22c55e}.tenant-detail-tenure-dot.vacating{background:var(--app-logout, #ef4444)}.tenant-detail-tenure-label{display:block;font-size:.62rem;font-weight:700;letter-spacing:.05em;color:var(--app-text-muted)}.tenant-detail-tenure-value{display:block;margin-top:.15rem;font-size:.78rem;font-weight:700;color:var(--app-text)}.tenant-detail-tenure-line{flex:0 0 40px;height:2px;background:var(--border-subtle, var(--app-border));margin-top:4px}.tenant-detail-rent-card{padding:1.25rem;border-radius:18px;background:var(--primary, var(--app-btn-primary-bg));color:#fff;margin-bottom:1rem}.tenant-detail-rent-card-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.85}.tenant-detail-rent-card-amount{display:block;margin-top:.25rem;font-size:2rem;font-weight:800;letter-spacing:-.04em}.tenant-detail-rent-card-due{display:block;margin-top:.15rem;font-size:.82rem;opacity:.88}.tenant-detail-rent-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.tenant-detail-rent-card-box{padding:.65rem .75rem;border-radius:12px;background:#ffffff24}.tenant-detail-rent-card-box-label{display:block;font-size:.58rem;font-weight:700;letter-spacing:.05em;opacity:.82}.tenant-detail-rent-card-box-value{display:block;margin-top:.2rem;font-size:.95rem;font-weight:800}.tenant-detail-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.tenant-detail-quick-action{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem .5rem;border:none;border-radius:14px;cursor:pointer;font-size:.78rem;font-weight:700}.tenant-detail-quick-action img{width:22px;height:22px;object-fit:contain}.tenant-detail-quick-action--call{background:#22c55e1f;color:#16a34a}.tenant-detail-quick-action--whatsapp{background:#25d3661f;color:#128c7e}.tenant-detail-quick-action--email{background:color-mix(in srgb,var(--primary, var(--app-btn-primary-bg)) 12%,transparent);color:var(--primary, var(--app-btn-primary-bg))}.tenant-detail-doc-photo{width:100%;max-width:220px;aspect-ratio:1;border-radius:14px;object-fit:cover;border:1px solid var(--border-subtle, var(--app-border));margin-bottom:.75rem}.tenant-detail-actions-bar{flex-shrink:0;display:flex;flex-direction:column;gap:.65rem;padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom,0px));background:var(--surface-elevated, var(--app-card-bg));border-top:1px solid var(--border-subtle, var(--app-border))}.tenant-detail-actions-row{display:flex;flex-direction:row;align-items:stretch;gap:.65rem;width:100%}.tenant-detail-action-full{width:100%;flex:none}.tenant-detail-action-primary,.tenant-detail-action-secondary{flex:1;min-width:0;min-height:46px;border-radius:12px;font-size:.82rem;line-height:1.25;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:.4rem;padding-inline:.5rem}.tenant-detail-action-primary{border:1px solid color-mix(in srgb,var(--app-logout, #ef4444) 35%,var(--app-border));background:transparent;color:var(--app-logout, #ef4444)}.tenant-detail-action-primary:disabled{opacity:.6;cursor:not-allowed}.tenant-detail-action-secondary{border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-secondary, var(--app-btn-bg));color:var(--app-text)}.tenant-detail-action-secondary.transfer{color:var(--primary, var(--app-btn-primary-bg));border-color:color-mix(in srgb,var(--primary, var(--app-btn-primary-bg)) 35%,var(--app-border))}.tenant-detail-action-secondary.transfer.is-coming-soon{opacity:.55;cursor:not-allowed}.tenant-detail-action-secondary.danger{color:var(--app-logout, #ef4444);border-color:color-mix(in srgb,var(--app-logout, #ef4444) 35%,var(--app-border))}.tenant-detail-loading,.tenant-detail-empty{padding:2rem 1.25rem;color:var(--app-text-muted);text-align:center}.tenant-detail-spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--border-subtle, var(--app-border));border-top-color:var(--primary, var(--app-btn-primary-bg));animation:tenantDetailSpin .8s linear infinite}@keyframes tenantDetailSpin{to{transform:rotate(360deg)}}@media (max-width: 768px){.tenant-detail-topbar{padding-left:calc(3.75rem + env(safe-area-inset-left,0px))}.tenant-detail-stats-grid,.tenant-detail-rent-card-grid{grid-template-columns:1fr}}@keyframes roomsCardFadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.rooms-card-animate-in{animation:roomsCardFadeInUp .45s cubic-bezier(.34,1.12,.64,1) both}@media (prefers-reduced-motion: reduce){.rooms-card-animate-in{animation:none}}.rooms-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding-bottom:.5rem}.rooms-card{min-width:0}.rooms-card-inner{width:100%;border:1px solid var(--border-subtle, var(--app-border));border-radius:20px;padding:.5rem;background:var(--surface-primary, var(--app-card-bg));cursor:pointer;text-align:left;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.rooms-card-inner:focus-visible{outline:2px solid var(--accent, var(--app-btn-primary-bg));outline-offset:2px}.rooms-card-inner:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 35%,var(--app-border));box-shadow:0 8px 24px #0000001a}.rooms-card-image-wrap{position:relative;border-radius:16px;overflow:hidden;margin-bottom:.5rem;aspect-ratio:16 / 10}.rooms-card-image{width:100%;height:100%;object-fit:cover;display:block}.rooms-card-image-top-row{position:absolute;top:.5rem;left:.5rem;right:.5rem;display:flex;flex-wrap:wrap;gap:.35rem}.rooms-card-status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .55rem;border-radius:999px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.68rem;font-weight:700;text-transform:capitalize;color:var(--app-text-muted)}.rooms-card-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.rooms-card-status-dot--occupied{background:var(--app-success, #22c55e)}.rooms-card-status-dot--vacant{background:var(--app-error, #ef4444)}.rooms-card-status-dot--partial{background:var(--app-status-mid, #d97706)}.rooms-card-status-dot--maintenance{background:#fbbf24}.rooms-card-info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.rooms-card-name{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--app-text)}.rooms-card-rent{font-size:.95rem;font-weight:800;color:var(--app-text);white-space:nowrap}.rooms-card-rent-unit{font-size:.72rem;font-weight:600;color:var(--app-text-muted)}.rooms-card-meta{margin:.35rem 0 0;font-size:.82rem;color:var(--app-text-muted)}.rooms-card-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}.rooms-card-chip{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;background:color-mix(in srgb,var(--primary, var(--app-btn-primary-bg)) 10%,transparent);color:var(--app-text-muted)}.rooms-card-chip--vacant{color:var(--app-error, #ef4444);background:color-mix(in srgb,var(--app-error, #ef4444) 12%,transparent)}.rooms-card-chip--occupied{color:var(--app-success, #16a34a);background:#22c55e1f}.rooms-card-chip--vacating{color:var(--app-status-mid, #d97706);background:color-mix(in srgb,var(--app-status-mid, #d97706) 12%,transparent)}.rooms-card-progress{margin-top:.65rem}.rooms-card-progress-bar{height:6px;border-radius:999px;background:var(--app-border-light, #e2e8f0);overflow:hidden}.rooms-card-progress-fill{height:100%;border-radius:inherit}.rooms-card-progress-fill--vacant{background:var(--app-error, #ef4444)}.rooms-card-progress-fill--partial{background:var(--app-status-mid, #d97706)}.rooms-card-progress-fill--occupied{background:var(--app-success, #22c55e)}.rooms-card-progress-label{margin-top:.3rem;font-size:.72rem;color:var(--app-text-muted)}.rooms-card-empty{padding:2.5rem 1rem;text-align:center;color:var(--app-text-muted)}.rooms-floor-grid{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:.5rem}@keyframes roomsFloorFadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.rooms-floor-animate-in{animation:roomsFloorFadeInUp .45s cubic-bezier(.34,1.12,.64,1) both}@media (prefers-reduced-motion: reduce){.rooms-floor-animate-in{animation:none}}.rooms-floor-row-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.rooms-floor-row-title{margin:0;font-size:.95rem;font-weight:700;color:var(--app-text)}.rooms-floor-row-count{font-size:.72rem;color:var(--app-text-muted)}.rooms-floor-row-scroll{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding:.25rem 0 .5rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.rooms-floor-row-scroll::-webkit-scrollbar{height:6px}.rooms-floor-row-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--app-text-muted) 35%,transparent);border-radius:999px}.rooms-floor-mini-card{flex:0 0 168px;width:168px;scroll-snap-align:start;border:1px solid var(--border-subtle, var(--app-border));border-radius:14px;overflow:hidden;background:var(--surface-primary, var(--app-card-bg));cursor:pointer;text-align:left;padding:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.rooms-floor-mini-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 35%,var(--app-border));box-shadow:0 6px 18px #00000014}.rooms-floor-mini-image-wrap{width:100%;height:90px;overflow:hidden;background:var(--surface-secondary, var(--app-input-bg))}.rooms-floor-mini-image{width:100%;height:100%;object-fit:cover;display:block}.rooms-floor-mini-info{padding:.55rem .65rem .65rem}.rooms-floor-mini-title{font-size:.82rem;font-weight:700;color:var(--app-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rooms-floor-mini-meta,.rooms-floor-mini-beds{font-size:.68rem;color:var(--app-text-muted);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rooms-floor-vacating-hints{display:flex;flex-direction:column;gap:.1rem;margin-top:.35rem}.rooms-floor-vacating-hint{font-size:.65rem;font-weight:700;color:var(--app-status-mid, #d97706);line-height:1.25}.rooms-floor-mini-footer{display:flex;justify-content:space-between;align-items:center;gap:.35rem;margin-top:.45rem}.rooms-floor-mini-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;color:var(--app-text-muted);min-width:0}.rooms-floor-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.rooms-floor-status-dot.occupied{background:#22c55e}.rooms-floor-status-dot.vacant{background:var(--app-logout, #ef4444)}.rooms-floor-status-dot.partial,.rooms-floor-status-dot.maintenance{background:#f59e0b}.rooms-floor-mini-rent{font-size:.72rem;font-weight:700;color:var(--app-text);white-space:nowrap}.rooms-floor-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--app-text)}.rooms-floor-empty-sub{margin-top:.35rem;color:var(--app-text-muted);font-size:.9rem}@media (max-width: 768px){.rooms-floor-mini-card{flex-basis:152px;width:152px}}.rooms-page{display:flex;flex-direction:column;flex:1;min-height:0;box-sizing:border-box;overflow:hidden;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.rooms-page-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;flex-shrink:0}.rooms-page-header-top{display:flex;align-items:center;gap:.75rem;min-width:0}.rooms-page-title{margin:0;color:var(--app-text);font-size:1.65rem;font-weight:800;letter-spacing:-.03em;flex-shrink:0;white-space:nowrap}.rooms-page-search-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;min-height:44px;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));cursor:text}.rooms-page-search-icon{width:18px;height:18px;flex-shrink:0;opacity:.72}.rooms-page-search{flex:1;min-width:0;border:none;background:transparent;color:var(--app-text);font-size:.9rem;padding:.5rem 0}.rooms-page-search:focus{outline:none}.rooms-page-search-wrap:focus-within{border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 45%,var(--app-border))}.rooms-page-header-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.rooms-page-stat-badge{min-width:36px;height:36px;padding:0 .5rem;border-radius:11px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-btn-bg));display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.rooms-page-stat-badge--occupied .rooms-page-stat-dot,.rooms-page-stat-dot--occupied{background:#22c55e}.rooms-page-stat-badge--occupied .rooms-page-stat-count{color:#22c55e}.rooms-page-stat-badge--vacant .rooms-page-stat-dot,.rooms-page-stat-dot--vacant{background:var(--app-logout, #ef4444)}.rooms-page-stat-badge--vacant .rooms-page-stat-count{color:var(--app-logout, #ef4444)}.rooms-page-stat-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.rooms-page-stat-count{font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.rooms-page-view-toggle{width:36px;height:36px;border-radius:11px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-btn-bg));color:var(--app-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.rooms-page-view-toggle:hover{color:var(--app-text);border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 35%,var(--app-border))}.rooms-page-add-btn{white-space:nowrap}.rooms-page-header-sub{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.rooms-page-total{font-size:.72rem;color:var(--app-text-muted)}.rooms-page-legend{display:flex;align-items:center;gap:.75rem}.rooms-page-legend-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:600;color:var(--app-text-muted)}.rooms-page-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.rooms-view-toggle{display:inline-flex;gap:.25rem;padding:3px;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-btn-bg))}.rooms-view-toggle-btn{padding:.45rem .75rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--app-text-muted);font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.rooms-view-toggle-btn.active{background:var(--surface-secondary, var(--app-card-bg));color:var(--accent, var(--app-btn-primary-bg));border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 28%,transparent)}.rooms-page-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;flex-shrink:0}.rooms-page-filter-summary{margin:0;font-size:.72rem;font-weight:600;color:var(--text-secondary, var(--app-text-muted))}.rooms-page-status-filter{margin-top:0;width:100%}.rooms-page-content-floor{overflow:auto}.rooms-card-scroll,.rooms-floor-scroll{flex:1;min-height:0;overflow:auto}.rooms-page-content,.rooms-page .data-table-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.rooms-page .data-table-header{flex-shrink:0;margin-bottom:.75rem}.rooms-page .glass-table-wrapper{flex:1;min-height:0;overflow:auto;animation:none}.rooms-page .data-table thead th{position:sticky;top:0;z-index:4;background:var(--surface-secondary, var(--app-input-bg))}.rooms-page .data-table thead th.selection-header{z-index:6}.rooms-page .data-table thead th.actions-header{z-index:5}.rooms-page .table-footer{flex-shrink:0;margin-top:.75rem}.rooms-page-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}.rooms-page-btn{padding:.5rem 1rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-primary, var(--app-text));background:var(--interactive-secondary, var(--app-btn-bg))}.rooms-page-btn:hover:not(:disabled){background:var(--surface-elevated, var(--app-card-bg));border-color:var(--border-subtle, var(--app-border))}.rooms-page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--interactive-disabled-bg, var(--app-input-bg));color:var(--interactive-disabled-text, var(--app-text-muted));border-color:var(--interactive-disabled-border, var(--app-border))}.rooms-page-btn-primary{background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color);border-color:var(--interactive-primary, var(--app-btn-primary-bg))}.rooms-page-btn-primary:hover:not(:disabled){background:var(--interactive-primary, var(--app-status-mid));border-color:var(--interactive-primary, var(--app-status-mid));color:var(--app-btn-primary-color);opacity:.9}.rooms-page-empty-state{padding:3rem;text-align:center;color:var(--app-text)}.rooms-page-empty-state p{margin-bottom:.5rem}.rooms-page-link{color:var(--app-text);text-decoration:underline;text-underline-offset:2px}.rooms-page-link:hover{color:var(--app-text-muted)}.rooms-cell-room{font-weight:500;color:var(--app-text)}.rooms-cell-link{border:none;background:transparent;padding:0;cursor:pointer;text-align:left;font:inherit;font-weight:700;color:var(--app-text);text-decoration:underline;text-underline-offset:3px}.rooms-cell-link:hover{color:var(--app-text-muted)}.rooms-status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;display:inline-block}.rooms-status-badge.available{background:var(--app-status-active);color:var(--app-btn-primary-color, #fff)}.rooms-status-badge.occupied{background:var(--app-status-mid);color:var(--app-btn-primary-color, #fff)}.rooms-status-badge.maintenance,.rooms-status-badge.reserved{background:var(--app-status-muted);color:var(--app-btn-primary-color, #fff)}.rooms-page .action-btn{background:var(--app-btn-bg);border:1px solid var(--app-border);color:var(--app-text)}.rooms-page .action-btn:hover{background:var(--app-card-bg)}.rooms-page .action-btn.edit-btn:hover{border-color:var(--app-status-mid);color:var(--app-btn-primary-bg)}.rooms-page .action-btn.delete-btn:hover{border-color:var(--app-logout);color:var(--app-logout)}@media (max-width: 768px){.rooms-page{height:calc(100dvh - 3rem);max-height:calc(100dvh - 3rem)}.rooms-page-header-top{flex-wrap:wrap}.rooms-page-title{width:100%}.rooms-page-search-wrap{flex:1 1 100%;order:3}.rooms-page-header-meta{margin-left:auto}}.room-detail-page{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;width:100%;overflow:hidden;background:var(--surface-primary, var(--app-bg));animation:bounceIn .45s cubic-bezier(.68,-.55,.265,1.55)}.room-detail-page--centered{align-items:center;justify-content:center;gap:.75rem}.room-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--surface-elevated, var(--app-card-bg));border-bottom:1px solid var(--border-subtle, var(--app-border-light));flex-shrink:0;z-index:20}.room-detail-topbar-left,.room-detail-topbar-right{display:flex;align-items:center;gap:.5rem}.room-detail-topbar-left{min-width:0}.room-detail-topbar h1{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary, var(--app-text))}.room-detail-icon-btn{width:40px;height:40px;border:none;border-radius:12px;background:transparent;color:var(--text-primary, var(--app-text));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.room-detail-icon-btn:hover{background:var(--surface-secondary, var(--app-btn-bg))}.room-detail-action-icon{width:20px;height:20px;object-fit:contain}.room-detail-action-icon--delete{width:24px;height:24px}.room-detail-scroll{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1.5rem 2.5rem;-webkit-overflow-scrolling:touch}.room-detail-scroll-inner{width:100%;max-width:820px;margin:0 auto}.room-detail-hero-card{background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft, 0 4px 20px rgba(15, 23, 42, .08));margin-bottom:1.5rem}.room-detail-hero-image-wrap{position:relative;height:200px}.room-detail-hero-image{width:100%;height:100%;object-fit:cover;display:block}.room-detail-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.room-detail-hero-content{position:absolute;left:0;right:0;bottom:0;padding:1.25rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.room-detail-hero-title{margin:0;color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.room-detail-hero-badges{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.room-detail-badge{padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.65);background:#ffffff1f;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.room-detail-badge.available{background:#fff3}.room-detail-badge.vacating{background:#fbbf2459}.room-detail-rent-block{padding:1.25rem}.room-detail-rent-amount{display:block;font-size:1.75rem;font-weight:800;letter-spacing:-.04em;color:var(--primary, #1e3a5f)}.room-detail-rent-period{display:block;margin-top:.15rem;font-size:.82rem;color:var(--text-secondary, var(--app-text-muted));font-weight:500}.room-detail-section-card,.room-detail-notice-card{background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border));border-radius:20px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-soft, 0 2px 12px rgba(15, 23, 42, .05))}.room-detail-notice-card{background:color-mix(in srgb,var(--app-status-mid, #d97706) 8%,var(--app-card-bg));border-color:color-mix(in srgb,var(--app-status-mid, #d97706) 22%,var(--app-border))}.room-detail-section-title{margin:0 0 1rem;font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary, var(--app-text))}.room-detail-section-hint{margin:-.5rem 0 1rem;font-size:.85rem;line-height:1.5;color:var(--text-secondary, var(--app-text-muted))}.room-detail-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.room-detail-section-head .room-detail-section-title{margin-bottom:0}.room-detail-config-grid{display:grid;gap:1.25rem}.room-detail-config-item{display:grid;gap:.45rem}.room-detail-config-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, var(--app-text-muted));opacity:.85}.room-detail-config-value{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--primary, #1e3a5f)}.room-detail-config-value--large{font-size:1.25rem}.room-detail-config-icon{width:1.25rem;text-align:center;flex-shrink:0}.room-detail-occupancy-bar{height:8px;border-radius:999px;background:var(--border-subtle, var(--app-border-light));overflow:hidden}.room-detail-occupancy-fill{height:100%;border-radius:999px;transition:width .25s ease}.room-detail-charge-row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start;padding:.85rem 0;border-top:1px solid var(--border-subtle, var(--app-border-light))}.room-detail-charge-row:first-of-type{border-top:none;padding-top:0}.room-detail-charge-icon{font-size:1.1rem;line-height:1.4}.room-detail-charge-copy{display:grid;gap:.2rem;min-width:0}.room-detail-charge-copy strong{color:var(--text-primary, var(--app-text));font-size:.95rem}.room-detail-charge-copy span{color:var(--text-secondary, var(--app-text-muted));font-size:.8rem}.room-detail-charge-amount{color:var(--primary, #1e3a5f);white-space:nowrap}.room-detail-notice-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem}.room-detail-notice-head h3{margin:0;font-size:1.1rem;font-weight:700}.room-detail-notice-body p{margin:.25rem 0 0;font-size:.9rem;line-height:1.5;font-weight:600;color:var(--text-secondary, var(--app-text))}.room-detail-add-tenant-wrap{display:grid;justify-items:end;gap:.35rem}.room-detail-add-tenant{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border:none;border-radius:10px;background:var(--app-btn-primary-bg, var(--primary));color:var(--app-btn-primary-color, #fff);font-size:.85rem;font-weight:700;cursor:pointer}.room-detail-add-tenant.disabled,.room-detail-add-tenant:disabled{background:color-mix(in srgb,var(--app-text-muted) 18%,transparent);color:var(--app-text-muted);cursor:not-allowed}.room-detail-add-hint{font-size:.75rem;color:var(--app-text-muted)}.room-detail-tenant-list{display:grid;gap:.75rem}.room-detail-tenant-card{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:center;width:100%;padding:.85rem;border:none;border-radius:14px;background:var(--surface-secondary, var(--app-input-bg));cursor:pointer;text-align:left}.room-detail-tenant-card:hover{background:var(--surface-primary, var(--app-card-bg));box-shadow:inset 0 0 0 1px var(--border-subtle, var(--app-border))}.room-detail-tenant-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--primary, #1e3a5f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.room-detail-tenant-avatar img{width:100%;height:100%;object-fit:cover}.room-detail-tenant-info{display:grid;gap:.2rem;min-width:0}.room-detail-tenant-info strong{color:var(--text-primary, var(--app-text));font-size:.95rem}.room-detail-tenant-info span{color:var(--text-secondary, var(--app-text-muted));font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-detail-tenant-vacating{font-style:normal;font-size:.78rem;font-weight:700;color:var(--app-status-mid, #d97706)}.room-detail-tenant-chevron{color:var(--app-text-muted);font-size:1.35rem;line-height:1}.room-detail-empty-tenants{display:grid;justify-items:center;gap:.65rem;padding:1.5rem 1rem;text-align:center}.room-detail-empty-icon{font-size:2.5rem;opacity:.45}.room-detail-empty-tenants p{margin:0;color:var(--app-text-muted)}.room-detail-empty-add{margin-top:.35rem;padding:.55rem 1rem;border:none;border-radius:10px;background:var(--app-btn-primary-bg, var(--primary));color:var(--app-btn-primary-color, #fff);font-weight:700;cursor:pointer}.room-detail-amenities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.room-detail-amenity-card{display:grid;justify-items:center;gap:.45rem;padding:1rem .75rem;border-radius:14px;background:var(--surface-secondary, var(--app-input-bg));text-align:center;font-size:.88rem;font-weight:600;color:var(--text-primary, var(--app-text))}.room-detail-amenity-icon{font-size:1.35rem;color:var(--primary, #1e3a5f)}.room-detail-danger{margin-top:.5rem}.room-detail-delete-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.9rem 1rem;border:none;border-radius:14px;background:color-mix(in srgb,var(--app-logout, #dc2626) 12%,transparent);color:var(--app-logout, #dc2626);font-size:.95rem;font-weight:700;cursor:pointer}.room-detail-delete-btn img{width:18px;height:18px;object-fit:contain}.room-detail-delete-btn:disabled{opacity:.65;cursor:not-allowed}.room-detail-loading{padding:1.5rem;color:var(--app-text-muted)}.room-detail-spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--app-border);border-top-color:var(--primary, #1e3a5f);animation:room-detail-spin .8s linear infinite}.room-detail-delete-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1.25rem .25rem;color:var(--app-text-muted);font-size:.95rem}.room-detail-btn-spinner{display:inline-block;width:16px;height:16px;margin-right:.45rem;vertical-align:-.2em;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;animation:room-detail-spin .75s linear infinite}.room-detail-delete-btn .room-detail-btn-spinner{border-color:#dc262640;border-top-color:currentColor}.room-detail-btn-spinner--on-danger{border-color:#ffffff59;border-top-color:#fff}@keyframes room-detail-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.room-detail-topbar{padding-left:calc(3.75rem + env(safe-area-inset-left,0px));padding-right:1.15rem}.room-detail-scroll{padding:1rem 1.15rem 2rem}.room-detail-section-head{flex-direction:column;align-items:stretch}.room-detail-add-tenant-wrap{justify-items:start}}.room-form-page{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden;background:var(--surface-primary, var(--app-bg));animation:bounceIn .45s cubic-bezier(.68,-.55,.265,1.55)}.room-form-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--surface-elevated, var(--app-card-bg));border-bottom:1px solid var(--border-subtle, var(--app-border-light));flex-shrink:0;z-index:20}.room-form-topbar-left{display:flex;align-items:center;gap:.5rem;min-width:0}.room-form-topbar h1{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary, var(--app-text))}.room-form-back{width:40px;height:40px;border:none;border-radius:12px;background:transparent;color:var(--text-primary, var(--app-text));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.room-form-back:hover{background:var(--surface-secondary, var(--app-btn-bg))}.room-form-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-secondary, var(--app-text-muted))}.room-form-scroll{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1.25rem 1rem;-webkit-overflow-scrolling:touch}.room-form-form{min-width:0;width:100%;max-width:none;margin:0;box-sizing:border-box}.room-form-card{background:var(--surface-secondary, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;padding:1.25rem;min-width:0;overflow:hidden}.room-form-card h3{margin:0 0 1rem;font-size:1rem;font-weight:800;color:var(--text-primary, var(--app-text))}.room-form-footer{flex-shrink:0;padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle, var(--app-border-light));background:var(--surface-elevated, var(--app-card-bg));box-shadow:0 -4px 16px #0f172a0f}.room-form-footer .room-form-submit{width:100%;display:block}@media (max-width: 768px){.room-form-topbar{padding-left:calc(3.75rem + env(safe-area-inset-left,0px))}}.room-form-field{display:block;margin-bottom:1rem}.room-form-field.nested{margin-top:.75rem;margin-bottom:0}.room-form-label{display:block;margin-bottom:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary, var(--app-text-muted))}.room-form-input{width:100%;padding:.65rem .85rem;border-radius:10px;border:1px solid var(--input-border, var(--app-border));background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text));font-size:.95rem}.room-form-input:focus{outline:none;border-color:var(--accent, var(--primary))}.room-form-input.amount{max-width:110px}.room-form-hint{margin:.35rem 0 0;font-size:.78rem;line-height:1.45;color:var(--text-secondary, var(--app-text-muted))}.room-form-photo-preview{position:relative;width:100%;height:160px;padding:0;border:none;border-radius:16px;overflow:hidden;cursor:pointer;margin-top:.35rem;background:var(--surface-elevated, #f1f5f9)}.room-form-photo-preview img{width:100%;height:100%;object-fit:cover}.room-form-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;font-weight:700;font-size:.9rem}.room-form-file-input{display:none}.room-form-preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.5rem 0;margin-top:.35rem}.room-form-preset{width:100%;height:56px;padding:0;border-radius:12px;border:1.5px solid var(--border-subtle, var(--app-border));overflow:hidden;cursor:pointer;background:var(--surface-elevated, #fff)}.room-form-preset.active{border-color:var(--primary, #1e3a5f);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary, #1e3a5f) 20%,transparent)}.room-form-preset img{width:100%;height:100%;object-fit:cover}.room-form-photo-link,.room-form-link-btn{border:none;background:transparent;color:var(--primary, #1e3a5f);font-size:.78rem;font-weight:700;text-decoration:underline;cursor:pointer;padding:0;margin-top:.35rem}.room-form-chip-row{display:flex;flex-wrap:wrap;gap:.45rem;padding:.15rem 0;min-width:0}.room-form-chip-row--floor{gap:.4rem}.room-form-chip{flex-shrink:0;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-btn-bg));color:var(--text-secondary, var(--app-text-muted));font-size:.82rem;font-weight:600;cursor:pointer}.room-form-chip--compact{min-width:2.35rem;padding:.4rem .55rem;text-align:center;font-size:.78rem}.room-form-chip.active{border-color:var(--primary, #1e3a5f);background:color-mix(in srgb,var(--primary, #1e3a5f) 12%,transparent);color:var(--primary, #1e3a5f);font-weight:700}.room-form-chip.room-form-type{border-radius:10px}.room-form-history{border:1px solid var(--border-subtle, var(--app-border));border-radius:10px;padding:.65rem .85rem;margin-top:.65rem}.room-form-history strong{display:block;font-size:.82rem;margin-bottom:.35rem}.room-form-history-row{display:flex;justify-content:space-between;font-size:.78rem;padding:.2rem 0;color:var(--text-secondary, var(--app-text-muted))}.room-form-history-row span:last-child{color:var(--primary, #1e3a5f);font-weight:700}.room-form-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.room-form-toggle-row.compact{margin-bottom:.35rem}.room-form-toggle-row strong{display:block;font-size:.88rem;color:var(--text-primary, var(--app-text))}.room-form-switch{position:relative;display:inline-flex;flex-shrink:0}.room-form-switch input{position:absolute;opacity:0;width:0;height:0}.room-form-switch-ui{width:44px;height:26px;border-radius:999px;background:var(--border-subtle, #cbd5e1);position:relative;transition:background .2s}.room-form-switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.room-form-switch input:checked+.room-form-switch-ui{background:var(--primary, #1e3a5f)}.room-form-switch input:checked+.room-form-switch-ui:after{transform:translate(18px)}.room-form-inline-grid{display:grid;grid-template-columns:1fr 100px;gap:.65rem;margin-bottom:.75rem}.room-form-charges-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.room-form-charge-row{margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-subtle, var(--app-border-light))}.room-form-charge-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.room-form-charge-inputs{display:flex;gap:.5rem;align-items:center;min-width:0}.room-form-charge-inputs .room-form-input:first-child{flex:1.2;min-width:0}.room-form-remove{width:32px;height:32px;border:none;border-radius:8px;background:color-mix(in srgb,var(--app-logout, #dc2626) 12%,transparent);color:var(--app-logout, #dc2626);font-size:1.25rem;line-height:1;cursor:pointer;flex-shrink:0}.room-form-submit{width:100%;margin-top:0;padding:.85rem 1rem;border:none;border-radius:12px;background:var(--app-btn-primary-bg, var(--primary));color:var(--app-btn-primary-color, #fff);font-size:.95rem;font-weight:700;cursor:pointer}.room-form-submit:disabled{opacity:.65;cursor:not-allowed}.room-form-submit:hover:not(:disabled){opacity:.92}.ptp-field{position:relative;margin-bottom:.85rem}.ptp-field>label{display:block;font-size:.82rem;font-weight:700;color:var(--app-text);margin-bottom:.35rem}.ptp-trigger{width:100%;min-height:46px;display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border:1px solid var(--app-border);border-radius:10px;background:var(--app-btn-bg);color:var(--app-text);cursor:pointer;text-align:left;box-sizing:border-box}.ptp-field--open .ptp-trigger{border-color:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 45%,var(--app-border))}.ptp-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 35%,var(--app-border))}.ptp-trigger:disabled{opacity:.6;cursor:not-allowed}.ptp-trigger-body{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0}.ptp-placeholder{flex:1;color:var(--app-text-muted);font-size:.95rem}.ptp-room-chip{flex-shrink:0;padding:.2rem .5rem;border-radius:8px;background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 14%,transparent);color:var(--app-btn-primary-bg, #1e3a5f);font-size:.72rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.ptp-name{flex:1;min-width:0;font-size:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ptp-chevron{flex-shrink:0;color:var(--app-text-muted);font-size:1.1rem;line-height:1;transform:rotate(90deg)}.ptp-panel{border:1px solid var(--app-border);border-radius:12px;background:var(--app-card-bg, #fff);box-shadow:0 16px 40px #0f172a33;overflow:hidden;display:flex;flex-direction:column}.ptp-search-wrap{display:flex;align-items:center;gap:.45rem;margin:.65rem .65rem .35rem;padding:.45rem .65rem;border:1px solid var(--app-border);border-radius:10px;background:var(--app-btn-bg)}.ptp-search{flex:1;border:none;background:transparent;color:var(--app-text);font-size:.9rem;outline:none;min-width:0}.ptp-search::placeholder{color:var(--app-text-muted)}.ptp-count{margin:0 .85rem .35rem;font-size:.72rem;font-weight:600;color:var(--app-text-muted)}.ptp-list{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow-y:auto}.ptp-row{width:100%;display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;border:none;border-bottom:1px solid var(--app-border);background:transparent;cursor:pointer;text-align:left}.ptp-row:last-child{border-bottom:none}.ptp-row:hover{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 6%,transparent)}.ptp-row.selected{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 10%,transparent)}.ptp-row-main{flex:1;min-width:0}.ptp-row-name{font-size:.9rem;font-weight:700;color:var(--app-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ptp-row-meta{margin-top:.1rem;font-size:.75rem;color:var(--app-text-muted)}.ptp-row-check{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:2px solid var(--app-border);display:inline-flex;align-items:center;justify-content:center}.ptp-row.selected .ptp-row-check{border-color:var(--app-btn-primary-bg, #1e3a5f);background:var(--app-btn-primary-bg, #1e3a5f);color:#fff;font-size:.65rem;font-weight:800}.ptp-empty{padding:1.25rem .85rem;text-align:center;color:var(--app-text-muted);font-size:.85rem}.payments-card-list{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.payments-card-empty{padding:2.5rem 1rem;text-align:center;color:var(--app-text-muted);font-size:.9rem;line-height:1.5}.payments-card{border:1px solid var(--border-subtle, var(--app-border));border-radius:12px;background:var(--surface-primary, var(--app-card-bg));overflow:hidden}.payments-card--refund{border-color:color-mix(in srgb,var(--app-logout, #ef4444) 35%,var(--app-border))}.payments-card--proof{border-color:color-mix(in srgb,#f59e0b 40%,var(--app-border))}.payments-card-main{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;padding:.65rem .85rem}.payments-card-body{flex:1;min-width:0;padding:0;border:none;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit;border-radius:8px}.payments-card-body:hover{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 4%,transparent)}.payments-card-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.payments-card-top-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.payments-card-amount{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--interactive-primary, var(--app-btn-primary-bg))}.payments-card-amount--refund{color:var(--app-logout, #ef4444)}.payments-card-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:999px;border:1px solid transparent;font-size:.68rem;font-weight:800;letter-spacing:.01em;line-height:1.2}.payments-card-chip--month{color:var(--interactive-primary, var(--app-btn-primary-bg));background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 10%,transparent);border-color:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 28%,transparent)}.payments-card-chip--refund{color:var(--app-logout, #ef4444);background:color-mix(in srgb,var(--app-logout, #ef4444) 12%,transparent);border-color:color-mix(in srgb,var(--app-logout, #ef4444) 30%,transparent)}.payments-card-chip--proof{color:#d97706;background:color-mix(in srgb,#f59e0b 14%,transparent);border-color:color-mix(in srgb,#f59e0b 35%,transparent)}.payments-card-name{margin:0;font-size:.875rem;font-weight:700;color:var(--text-primary, var(--app-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payments-card-meta{margin:0;font-size:.68rem;font-weight:500;line-height:1.35;color:var(--app-text-muted)}.payments-card-breakdown{margin-top:.25rem;padding:.35rem .5rem;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));font-size:.68rem;color:var(--app-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payments-card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.35rem;flex-shrink:0}.payments-card-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid var(--border-subtle, var(--app-border));background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 12%,transparent);display:flex;align-items:center;justify-content:center}.payments-card-avatar__img{width:100%;height:100%;object-fit:cover}.payments-card-avatar--initial{font-size:.85rem;font-weight:700;color:var(--interactive-primary, var(--app-btn-primary-bg))}.payments-card-avatar-link{display:flex;flex-shrink:0;border-radius:50%;text-decoration:none;transition:transform .15s ease}.payments-card-avatar-link:hover{transform:scale(1.04)}.payments-card-avatar-link:focus-visible{outline:2px solid var(--interactive-primary, var(--app-btn-primary-bg));outline-offset:2px}.payments-card-actions{display:flex;gap:.25rem}.payments-card-action{width:34px;height:34px;border-radius:50%;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;background:transparent}.payments-card-action img{width:16px;height:16px;object-fit:contain}.payments-card-action--delete{background:color-mix(in srgb,var(--app-logout, #ef4444) 12%,transparent);border-color:color-mix(in srgb,var(--app-logout, #ef4444) 30%,transparent)}.payments-card-verify-row{padding:0 .85rem .65rem}.payments-card-verify-btn{width:100%;padding:.55rem .75rem;border:none;border-radius:10px;background:#22c55e;color:#fff;font-weight:800;font-size:.78rem;cursor:pointer}.payments-card-verify-btn:disabled{opacity:.65;cursor:not-allowed}.payments-receipt-row{display:flex;align-items:flex-start;gap:.85rem;width:100%;padding:.85rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:12px;background:var(--surface-primary, var(--app-card-bg));cursor:pointer;text-align:left;color:inherit;font:inherit}.payments-receipt-row:hover{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 4%,transparent)}.payments-receipt-row--refund{border-color:color-mix(in srgb,var(--app-logout, #ef4444) 35%,var(--app-border))}.payments-receipt-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--interactive-primary, var(--app-btn-primary-bg));background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 12%,transparent)}.payments-receipt-icon--refund{color:var(--app-logout, #ef4444);background:color-mix(in srgb,var(--app-logout, #ef4444) 12%,transparent)}.payments-receipt-body{flex:1;min-width:0}.payments-receipt-title{margin:0;font-size:.9rem;font-weight:800;color:var(--text-primary, var(--app-text));line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payments-receipt-meta{margin:.2rem 0 0;font-size:.75rem;color:var(--app-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payments-receipt-row>svg:last-child{flex-shrink:0;color:var(--app-text-muted);margin-top:.15rem}@media (min-width: 900px){.payments-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:.65rem;align-items:start}}.payments-metric-card-pill{display:inline-flex;align-items:center;gap:.2rem;max-width:58%;padding:.2rem .45rem;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));color:var(--app-text-muted);cursor:pointer;font:inherit}.payments-metric-card-pill-text{font-size:.62rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payments-metric-card--pending .payments-metric-card-pill svg{color:var(--app-logout, #ef4444)}.payments-metric-card--collected .payments-metric-card-pill svg{color:#22c55e}.payments-metric-card-hint{margin:.1rem 0 0;font-size:.62rem;font-weight:500;color:var(--app-text-muted);opacity:.92}.payments-metric-card-loading{margin-top:.35rem;font-size:1.35rem;font-weight:900;color:var(--app-text-muted);letter-spacing:.15em}.payments-header-filter-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(480px,100%);max-height:min(58vh,520px);overflow:auto;border-radius:14px 14px 0 0;background:var(--surface-primary, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border));border-bottom:none;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -8px 32px #0000001f}.payments-header-filter-title{margin:0;padding:1rem 1.15rem .65rem;font-size:1rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary, var(--app-text))}.payments-header-filter-options{list-style:none;margin:0;padding:0 0 .75rem}.payments-header-filter-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 1.15rem;border:none;border-bottom:1px solid var(--border-subtle, var(--app-border));background:transparent;text-align:left;font-size:.9rem;font-weight:600;color:var(--text-primary, var(--app-text));cursor:pointer}.payments-header-filter-option:hover{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 5%,transparent)}.payments-header-filter-option.selected{color:var(--interactive-primary, var(--app-btn-primary-bg))}.payments-header-custom-range-modal{max-width:420px}@media (min-width: 640px){.payments-header-filter-sheet{bottom:auto;top:50%;transform:translate(-50%,-50%);border-radius:14px;border-bottom:1px solid var(--border-subtle, var(--app-border))}}.payments-list-filter-strip{border:1px solid var(--border-subtle, var(--app-border));border-radius:12px;background:var(--surface-primary, var(--app-card-bg));padding:.65rem .85rem}.payments-list-filter-summary-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.payments-list-filter-result{font-size:.72rem;font-weight:600;color:var(--app-text-muted)}.payments-filter-controls{display:flex;align-items:stretch;gap:.45rem}.payments-filter-controls--below-chips{margin-top:.55rem}.payments-filter-control-btn{position:relative;flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .75rem;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));color:var(--app-text-muted);font-size:.78rem;font-weight:700;cursor:pointer}.payments-filter-control-btn.active{border-color:var(--interactive-primary, var(--app-btn-primary-bg));background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 8%,transparent);color:var(--interactive-primary, var(--app-btn-primary-bg))}.payments-filter-control-badge{position:absolute;bottom:6px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color, #fff);font-size:.58rem;font-weight:800;line-height:16px;text-align:center;border:2px solid var(--surface-elevated, var(--app-input-bg))}.payments-filter-control-badge--on{font-size:.52rem;letter-spacing:.02em}.payments-filter-chips--mobile{display:flex;flex-wrap:wrap;gap:.45rem}.payments-filter-chip--rich{display:inline-flex;align-items:center;gap:.4rem;max-width:100%}.payments-filter-chip-icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 12%,transparent);color:var(--interactive-primary, var(--app-btn-primary-bg))}.payments-filter-chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payments-filter-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(480px,100%);max-height:min(72vh,560px);display:flex;flex-direction:column;border-radius:16px 16px 0 0;background:var(--surface-primary, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border));border-bottom:none;box-shadow:0 -10px 40px #00000024}.payments-filter-sheet-handle{width:36px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--app-text-muted) 35%,transparent);margin:.55rem auto 0}.payments-filter-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.15rem .5rem}.payments-filter-sheet-header h2{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-primary, var(--app-text))}.payments-filter-sheet-reset{border:none;background:transparent;color:var(--interactive-primary, var(--app-btn-primary-bg));font-size:.82rem;font-weight:700;cursor:pointer;padding:.25rem .35rem}.payments-filter-sheet-body{padding:.35rem 1.15rem .85rem;overflow:auto;min-height:0}.payments-filter-sheet-label{margin:0 0 .55rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted)}.payments-filter-sheet-footer{display:flex;justify-content:flex-end;gap:.65rem;padding:.65rem 1.15rem calc(.85rem + env(safe-area-inset-bottom,0));border-top:1px solid var(--border-subtle, var(--app-border))}@media (min-width: 640px){border: 1px solid var(--border-subtle, var(--app-border));border-radius: 12px;overflow: hidden;max-height: min(42vh,320px);overflow-y: auto}.payments-room-filter-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .85rem;border:none;border-bottom:1px solid var(--border-subtle, var(--app-border));background:transparent;text-align:left;font-size:.88rem;font-weight:600;color:var(--text-primary, var(--app-text));cursor:pointer}.payments-room-filter-option:last-child{border-bottom:none}.payments-room-filter-option.selected{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 8%,transparent);color:var(--interactive-primary, var(--app-btn-primary-bg))}.payments-room-filter-check{font-size:.85rem;font-weight:800;color:var(--interactive-primary, var(--app-btn-primary-bg));min-width:1rem;text-align:center}.payments-room-filter-summary{margin:.55rem 0 0;font-size:.75rem;color:var(--app-text-muted)}@media (min-width: 640px){.payments-filter-sheet{bottom:auto;top:50%;transform:translate(-50%,-50%);border-radius:16px;border-bottom:1px solid var(--border-subtle, var(--app-border))}.payments-filter-sheet-handle{display:none}}.months-dial-wrap{display:flex;align-items:center;justify-content:center;margin-top:10px}.months-dial-touch{position:relative;touch-action:none;cursor:pointer}.months-dial-glow{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:999px;background:#e8195a14}.months-dial-svg{display:block}.months-dial-track{stroke:var(--border-subtle, var(--app-border))}.months-dial-progress{stroke:#e8195a}.months-dial-tick{fill:#71717a;opacity:.65}.months-dial-knob-fill{fill:var(--surface-primary, var(--app-card-bg))}.months-dial-knob-ring{stroke:#e8195a}.months-dial-center-disk{position:absolute;top:48px;right:48px;bottom:48px;left:48px;border-radius:999px;background:var(--surface-primary, var(--app-card-bg));box-shadow:0 8px 16px #0000001f;pointer-events:none}.months-dial-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.months-dial-center-num{font-size:3.5rem;font-weight:900;letter-spacing:-.04em;color:var(--text-primary, var(--app-text));line-height:1}.months-dial-center-sub{margin-top:-2px;font-size:.875rem;font-weight:700;color:var(--text-primary, var(--app-text))}.payments-when-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0000006b;display:flex;align-items:flex-end;justify-content:center}.payments-when-sheet{position:relative;width:min(100%,520px);max-height:86vh;display:flex;flex-direction:column;background:var(--surface-primary, var(--app-card-bg));border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -6px 18px #0000002e;overflow:hidden}.payments-when-handle-wrap{padding:10px 0 6px;display:flex;justify-content:center}.payments-when-handle{width:44px;height:5px;border-radius:999px;background:var(--border-subtle, var(--app-border))}.payments-when-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem .85rem}.payments-when-header h2{margin:0;font-size:1.25rem;font-weight:900;letter-spacing:-.04em;color:var(--text-primary, var(--app-text))}.payments-when-close{width:36px;height:36px;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));color:var(--app-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.payments-when-tabs{display:flex;gap:6px;margin:0 1.25rem;padding:4px;border:1px solid var(--border-subtle, var(--app-border));border-radius:999px;background:var(--surface-elevated, var(--app-input-bg))}.payments-when-tab{flex:1;border:none;border-radius:999px;padding:.55rem .35rem;background:transparent;color:var(--app-text-muted);font-size:.75rem;font-weight:800;cursor:pointer}.payments-when-tab.active{background:var(--surface-primary, var(--app-card-bg));color:var(--text-primary, var(--app-text));box-shadow:0 6px 10px #00000014}.payments-when-content{padding:.85rem 1.25rem 5.5rem;min-height:420px;max-height:min(470px,52vh);overflow:auto}.payments-when-pane{min-height:380px}.payments-when-pane--months{display:flex;flex-direction:column;align-items:center}.payments-when-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.payments-when-cal-nav{width:36px;height:36px;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));color:var(--app-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.payments-when-cal-month{font-size:1rem;font-weight:900;letter-spacing:-.03em;color:var(--text-primary, var(--app-text))}.payments-when-dow-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.payments-when-dow{text-align:center;font-size:.68rem;font-weight:800;color:var(--app-text-muted)}.payments-when-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px 0}.payments-when-day{border:none;background:transparent;padding:6px 0;font-size:1.1rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary, var(--app-text));cursor:pointer;border-radius:8px}.payments-when-day.muted{opacity:.55;color:var(--app-text-muted)}.payments-when-day.in-range:not(.selected){background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 8%,transparent)}.payments-when-day.selected{color:var(--interactive-primary, var(--app-btn-primary-bg));font-weight:900;text-decoration:underline;text-underline-offset:3px}.payments-when-range-summary{margin:.85rem 0 0;font-size:.875rem;font-weight:700;color:var(--app-text-muted)}.payments-when-months-range{margin:10px 0 0;text-align:center;font-size:.875rem;font-weight:800;color:var(--text-primary, var(--app-text))}.payments-when-custom-presets{display:flex;flex-direction:column;gap:14px;margin-top:6px}.payments-when-preset-card{position:relative;text-align:left;border:1px solid var(--border-subtle, var(--app-border));border-radius:18px;padding:16px;background:var(--surface-primary, var(--app-card-bg));box-shadow:0 8px 14px #0000000f;cursor:pointer}.payments-when-preset-card.active{border-color:var(--text-primary, var(--app-text))}.payments-when-preset-title{display:block;font-size:1rem;font-weight:900;letter-spacing:-.02em;color:var(--text-primary, var(--app-text))}.payments-when-preset-sub{display:block;margin-top:2px;font-size:.75rem;font-weight:700;color:var(--app-text-muted)}.payments-when-preset-check{position:absolute;right:14px;top:14px;width:28px;height:28px;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-primary, var(--app-card-bg));display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary, var(--app-text))}.payments-when-footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.85rem;padding:.5rem 1.25rem calc(1rem + env(safe-area-inset-bottom,0));border-top:1px solid var(--border-subtle, var(--app-border));background:var(--surface-primary, var(--app-card-bg))}.payments-when-reset{border:none;background:transparent;padding:.75rem;font-size:.875rem;font-weight:800;text-decoration:underline;color:var(--app-text-muted);cursor:pointer}.payments-when-apply{flex:1;border:none;border-radius:999px;padding:.85rem 1rem;background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color, #fff);font-size:.875rem;font-weight:900;cursor:pointer}@media (min-width: 640px){.payments-when-overlay{align-items:center}.payments-when-sheet{border-radius:24px;max-height:min(86vh,720px)}.payments-when-handle-wrap{display:none}}.payments-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0;gap:.75rem}.payments-list-scroll{flex:1;min-height:0;overflow:auto;padding-right:2px}.payments-select--compact{padding:.35rem .65rem;border-radius:8px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-card-bg));font-size:.78rem;color:var(--text-primary, var(--app-text))}.payments-summary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.payments-metric-card{padding:.65rem .85rem;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-primary, var(--app-card-bg));border-left-width:3px;min-height:82px}.payments-metric-card--pending{border-left-color:var(--app-logout, #ef4444)}.payments-metric-card--collected{border-left-color:#22c55e}.payments-metric-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.15rem}.payments-metric-card-title{font-size:.8rem;font-weight:800;color:var(--text-primary, var(--app-text));letter-spacing:-.02em}.payments-metric-card-pill{display:inline-flex;align-items:center;gap:.2rem;max-width:58%;padding:.2rem .45rem;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));color:var(--app-text-muted);font-size:.62rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payments-metric-card-amount{display:block;font-size:1.35rem;font-weight:900;letter-spacing:-.04em;line-height:1.15}.payments-metric-card--pending .payments-metric-card-amount{color:var(--app-logout, #ef4444)}.payments-metric-card--collected .payments-metric-card-amount{color:#22c55e}.payments-filter-section{border:1px solid var(--border-subtle, var(--app-border));border-radius:12px;background:var(--surface-primary, var(--app-card-bg));padding:.65rem .85rem}.payments-filter-section--chips-only{padding:.55rem .75rem}.payments-filter-clear--inline{flex-shrink:0;margin-left:.25rem}.payments-filter-summary-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.payments-filter-result{font-size:.72rem;font-weight:600;color:var(--app-text-muted)}.payments-filter-clear{border:none;background:transparent;color:var(--app-logout, #ef4444);font-size:.72rem;font-weight:700;cursor:pointer;padding:.15rem .25rem}.payments-filter-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.payments-filter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));font-size:.72rem;font-weight:600;color:var(--text-primary, var(--app-text));cursor:pointer;max-width:100%}.payments-filter-chip-dismiss{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--app-text-muted) 14%,transparent);font-size:.85rem;line-height:1;color:var(--app-text-muted)}.payments-room-row{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.payments-room-chip{border:1px solid var(--border-subtle, var(--app-border));border-radius:10px;padding:.5rem .75rem;min-width:88px;cursor:pointer;background:var(--surface-primary, var(--app-card-bg));flex-shrink:0;font-size:.78rem;font-weight:600;color:var(--text-primary, var(--app-text))}.payments-room-chip.selected{border-color:var(--interactive-primary, var(--app-btn-primary-bg));background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 10%,transparent);color:var(--interactive-primary, var(--app-btn-primary-bg))}.payments-select{padding:10px 14px;border:1px solid var(--app-border, #ddd);border-radius:8px;min-width:140px}.payments-legacy-proofs{border:1px solid color-mix(in srgb,#f59e0b 35%,var(--app-border));background:color-mix(in srgb,#f59e0b 8%,var(--app-card-bg));border-radius:12px;padding:.85rem}.payments-legacy-proofs p{margin:.35rem 0 .65rem;font-size:.8rem;color:var(--app-text-muted)}.payments-legacy-proof-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.payments-legacy-proof-row small{display:block;color:var(--app-text-muted)}.payments-verify-btn{padding:6px 14px;border-radius:8px;border:1px solid #22c55e;background:color-mix(in srgb,#22c55e 14%,transparent);color:#16a34a;font-weight:600;cursor:pointer;font-size:.78rem}.payments-verify-btn:disabled{opacity:.6;cursor:not-allowed}.payments-proof-image{width:100%;max-height:280px;object-fit:contain;border-radius:8px;border:1px solid var(--app-border, #e2e8f0);margin-bottom:12px}.payments-custom-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--app-text-muted)}.payments-custom-date input{padding:.35rem .5rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;background:var(--surface-elevated, var(--app-card-bg));color:var(--text-primary, var(--app-text))}@media (max-width: 640px){.payments-summary-row{grid-template-columns:1fr}.payments-metric-card-amount{font-size:1.2rem}}.report-chart-title{margin:0 0 .65rem;font-size:.78rem;font-weight:700;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.04em}.report-bar-chart-bars{display:flex;align-items:flex-end;gap:.45rem;height:120px}.report-bar-chart-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.report-bar-chart-track{width:100%;height:88px;display:flex;align-items:flex-end;justify-content:center}.report-bar-chart-fill{width:72%;min-height:4px;border-radius:6px 6px 2px 2px}.report-bar-chart-val{margin-top:.25rem;font-size:.68rem;font-weight:800;color:var(--app-text)}.report-bar-chart-lbl{font-size:.65rem;color:var(--app-text-muted);text-align:center;line-height:1.2}.report-pie-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.report-pie-ring{width:96px;height:96px;border-radius:50%;position:relative;flex-shrink:0}.report-pie-hole{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:var(--surface-primary, var(--app-card-bg));display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:900;color:var(--app-text)}.report-pie-legend{list-style:none;margin:0;padding:0;flex:1;min-width:140px}.report-pie-legend li{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.78rem}.report-pie-legend i{width:10px;height:10px;border-radius:2px;flex-shrink:0}.report-pie-legend span{flex:1;color:var(--app-text-muted)}.report-pie-legend strong{font-weight:800;color:var(--app-text)}.report-data-table-wrap{overflow:auto;border:1px solid var(--border-subtle, var(--app-border));border-radius:12px;max-height:min(420px,55vh)}.report-data-table{width:100%;border-collapse:collapse;font-size:.78rem}.report-data-table th{position:sticky;top:0;z-index:1;background:var(--surface-secondary, #f8fafc);text-align:left;padding:.55rem .65rem;font-weight:800;color:var(--app-text-muted);white-space:nowrap;border-bottom:1px solid var(--app-border)}.report-data-table td{padding:.5rem .65rem;border-bottom:1px solid var(--border-subtle, var(--app-border));color:var(--app-text);vertical-align:top;max-width:220px;word-break:break-word}.report-data-table tbody tr:hover{background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 4%,transparent)}.report-data-empty{text-align:center;color:var(--app-text-muted);padding:1.5rem!important}.report-data-truncated{margin:.5rem 0 0;font-size:.75rem;color:var(--app-text-muted)}.owner-reports{max-width:960px;margin:0 auto}.owner-reports-chrome{background:var(--surface-primary, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;padding:1rem 1.15rem 1.1rem;margin-bottom:1rem}.owner-reports-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--app-text-muted)}.owner-reports-title{margin:.25rem 0 .85rem;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary, var(--app-text))}.owner-reports-tabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border-radius:999px;background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 7%,transparent);margin-bottom:.85rem}.owner-reports-tab{border:none;background:transparent;padding:.45rem .85rem;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--app-text-muted);cursor:pointer}.owner-reports-tab.active{background:var(--surface-primary, var(--app-card-bg));color:var(--interactive-primary, var(--app-btn-primary-bg));font-weight:800;box-shadow:0 2px 8px #1e3a5f14}.owner-reports-period-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--app-text-muted);margin-bottom:.45rem}.owner-reports-period-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.owner-reports-period-chip{border:1px solid var(--app-border);background:var(--surface-secondary, #f8fafc);padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--app-text-muted);cursor:pointer}.owner-reports-period-chip.active{border-color:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 35%,var(--app-border));background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 8%,transparent);color:var(--interactive-primary, var(--app-btn-primary-bg));font-weight:800}.owner-reports-custom-dates{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.5rem}.owner-reports-custom-dates label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:700;color:var(--app-text-muted)}.owner-reports-custom-dates input{padding:.4rem .55rem;border:1px solid var(--app-border);border-radius:8px;font:inherit;background:var(--surface-primary, var(--app-card-bg));color:var(--app-text)}.owner-reports-range-label{margin:.25rem 0 0;font-size:.82rem;font-weight:600;color:var(--app-text-muted)}.owner-reports-body{display:flex;flex-direction:column;gap:.75rem}.owner-reports-card{background:var(--surface-primary, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;padding:1rem 1.1rem}.owner-reports-card h2{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-primary, var(--app-text))}.owner-reports-card-sub{margin:.25rem 0 .75rem;font-size:.82rem;color:var(--app-text-muted);line-height:1.4}.owner-reports-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.owner-reports-see-all{font-size:.85rem;font-weight:700;color:var(--interactive-primary, var(--app-btn-primary-bg));text-decoration:none;white-space:nowrap}.owner-reports-see-all.block{display:inline-block;margin-top:.75rem}.owner-reports-scope h2{margin-bottom:.15rem}.owner-reports-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.owner-reports-chip{border:1px solid var(--app-border);background:transparent;padding:.3rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--app-text);cursor:pointer}.owner-reports-chip.active{border-color:var(--interactive-primary, var(--app-btn-primary-bg));background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 8%,transparent)}.owner-reports-lead{margin:0 0 .85rem;font-size:.88rem;color:var(--app-text-muted);line-height:1.45}.owner-reports-intro p{margin:0 0 .75rem;font-size:.85rem;color:var(--app-text-muted);line-height:1.45}.owner-reports-export-bar{display:flex;flex-wrap:wrap;gap:.5rem}.owner-reports-export-bar button{padding:.5rem .85rem;border-radius:10px;border:1px solid var(--app-border);background:var(--surface-secondary, #f8fafc);font-size:.8rem;font-weight:700;cursor:pointer;color:var(--app-text)}.owner-reports-export-bar button:first-child{background:color-mix(in srgb,#dc2626 10%,var(--surface-secondary, #f8fafc));border-color:color-mix(in srgb,#dc2626 25%,var(--app-border))}.owner-reports-export-bar button:nth-child(2){background:color-mix(in srgb,#16a34a 10%,var(--surface-secondary, #f8fafc));border-color:color-mix(in srgb,#16a34a 25%,var(--app-border))}.owner-reports-export-bar button:disabled{opacity:.6;cursor:not-allowed}.owner-reports-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:.5rem}.owner-reports-summary-card{background:var(--surface-primary, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border));border-radius:12px;padding:.65rem .75rem}.owner-reports-summary-card span{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--app-text-muted)}.owner-reports-summary-card strong{display:block;margin-top:.25rem;font-size:1.1rem;font-weight:800;color:var(--app-text)}.owner-reports-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:.75rem}.owner-reports-table-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.65rem}.owner-reports-table-head h2{margin:0;font-size:1rem;font-weight:800}.owner-reports-table-head span{font-size:.78rem;color:var(--app-text-muted);font-weight:600}.owner-reports-refresh-hint{text-align:center;color:var(--app-text-muted);font-size:.9rem;padding:1.5rem}.owner-reports-error{color:var(--app-logout, #dc2626);margin:0 0 .5rem}.owner-reports-link-btn{border:none;background:none;padding:0;font-size:.85rem;font-weight:700;color:var(--interactive-primary, var(--app-btn-primary-bg));cursor:pointer}.owner-reports-link-btn.center{display:block;width:100%;text-align:center;margin-top:.5rem}.owner-reports-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.owner-reports-kpi{border-radius:16px;padding:.85rem;border:1px solid var(--app-border)}.owner-reports-kpi-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--app-text-muted)}.owner-reports-kpi strong{display:block;margin-top:.35rem;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--app-text)}.owner-reports-kpi strong.danger{color:var(--app-logout, #dc2626)}.owner-reports-kpi-foot,.owner-reports-kpi-trend,.owner-reports-kpi-warn{display:block;margin-top:.35rem;font-size:.72rem;line-height:1.35;color:var(--app-text-muted)}.owner-reports-kpi-trend{color:#16a34a;font-weight:700}.owner-reports-kpi-warn{color:#ca8a04;font-weight:600}.owner-reports-kpi--inflow{background:#e8f7ee;border-color:#16a34a33}.owner-reports-kpi--risk{background:#fdecec;border-color:#dc262633}.owner-reports-kpi--beds{background:#e9eef6;border-color:#1e3a5f26}.owner-reports-kpi--people{background:#e5f8ff;border-color:#00c2ff40}.owner-reports-mini-bar{height:6px;border-radius:3px;margin-top:.5rem;background:#1e3a5f14;overflow:hidden}.owner-reports-mini-bar-fill{height:100%;border-radius:3px;background:#00c2ff}.owner-reports-mini-bar--accent .owner-reports-mini-bar-fill{background:#00c2ff}.owner-reports-legend{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.78rem;font-weight:600;color:var(--app-text-muted)}.owner-reports-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.35rem;vertical-align:middle}.owner-reports-dual-chart{display:flex;align-items:flex-end;gap:.35rem;height:148px}.owner-reports-dual-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.owner-reports-dual-bars{display:flex;align-items:flex-end;justify-content:center;gap:.2rem;height:118px;width:100%}.owner-reports-dual-bar{width:40%;min-height:4px;border-radius:8px}.owner-reports-dual-bar.collected{background:#1e3a5f}.owner-reports-dual-bar.pending{background:#f4c27a}.owner-reports-dual-bar.last.collected{border:2px solid #00c2ff}.owner-reports-dual-month{margin-top:.45rem;font-size:.68rem;font-weight:700;color:var(--app-text-muted)}.owner-reports-dual-month.last{color:var(--interactive-primary, var(--app-btn-primary-bg))}.owner-reports-pay-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.owner-reports-donut{position:relative;width:110px;height:110px;flex-shrink:0}.owner-reports-donut-total{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;color:var(--app-text)}.owner-reports-methods{flex:1;min-width:180px}.owner-reports-method{margin-bottom:.5rem}.owner-reports-method-head{display:flex;justify-content:space-between;font-size:.82rem;font-weight:700}.owner-reports-method-track{height:8px;border-radius:4px;margin-top:.25rem;background:var(--surface-secondary, #f1f5f9);overflow:hidden}.owner-reports-method-fill{height:100%;border-radius:4px}.owner-reports-rows{list-style:none;margin:0;padding:0}.owner-reports-row{display:flex;align-items:center;gap:.65rem;padding:.65rem 0;border-top:1px solid var(--border-subtle, var(--app-border))}.owner-reports-row:first-child{border-top:none;padding-top:0}.owner-reports-row-avatar{width:40px;height:40px;border-radius:50%;background:var(--surface-secondary, #f1f5f9);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem}.owner-reports-row-avatar.room{font-weight:800;color:var(--interactive-primary, var(--app-btn-primary-bg))}.owner-reports-row-body{flex:1;min-width:0}.owner-reports-row-body strong{display:block;font-size:.9rem;font-weight:800}.owner-reports-row-body span{display:block;margin-top:.15rem;font-size:.75rem;color:var(--app-text-muted)}.owner-reports-row-end{text-align:right}.owner-reports-row-end strong{display:block;font-size:.9rem}.owner-reports-badge{display:inline-block;margin-top:.25rem;padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:800}.owner-reports-badge.danger{background:#dc26261a;color:#dc2626}.owner-reports-badge.warn{background:#ca8a0424;color:#ca8a04}.owner-reports-badge.info{background:#1e3a5f1a;color:var(--interactive-primary, var(--app-btn-primary-bg))}.owner-reports-badge.neutral{background:#64748b1f;color:var(--app-text-muted)}.owner-reports-muted{color:var(--app-text-muted);font-size:.82rem;margin:0}strong.success{color:#16a34a}strong.muted{color:var(--app-text-muted)}strong.primary{color:var(--interactive-primary, var(--app-btn-primary-bg))}.owner-reports-export{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.owner-reports-export button{border:1px solid var(--app-border);background:var(--surface-secondary, #f8fafc);border-radius:12px;padding:.75rem .5rem;font-size:.8rem;font-weight:700;color:var(--app-text);cursor:pointer}.owner-reports-export button:disabled{opacity:.65;cursor:not-allowed}.owner-reports-big-pct{margin:.35rem 0;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:var(--interactive-primary, var(--app-btn-primary-bg))}.owner-reports-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.owner-reports-stat{padding:.75rem;border-radius:12px;border:1px solid var(--app-border);background:var(--surface-secondary, #f8fafc)}.owner-reports-stat strong{display:block;font-size:1.35rem;font-weight:800}.owner-reports-stat span{display:block;margin-top:.35rem;font-size:.68rem;font-weight:700;color:var(--app-text-muted)}.owner-reports-comp3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.5rem}.owner-reports-comp3-item{text-align:center;padding:.75rem .35rem;border-radius:12px}.owner-reports-comp3-item strong{display:block;font-size:1.5rem;font-weight:800}.owner-reports-comp3-item span{display:block;margin-top:.35rem;font-size:.68rem;font-weight:700;color:var(--app-text-muted)}.owner-reports-comp3-item.open{background:#fef2f2;color:#dc2626}.owner-reports-comp3-item.progress{background:#fff7ed;color:#ca8a04}.owner-reports-comp3-item.resolved{background:#ecfdf5;color:#16a34a}.owner-reports-cat-pills{display:flex;flex-wrap:wrap;gap:.35rem}.owner-reports-cat-pill{padding:.35rem .65rem;border-radius:999px;border:1px solid var(--app-border);font-size:.8rem;font-weight:600}.owner-reports-cat-pill strong{color:var(--interactive-primary, var(--app-btn-primary-bg))}.owner-reports-insights{margin:0;padding-left:1.1rem;color:var(--app-text-muted);font-size:.88rem;line-height:1.5}@media (min-width: 720px){.owner-reports-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.reports-page{padding:.5rem 0 1.5rem}.reports-page-empty{text-align:center;padding:2rem 1rem;color:var(--app-text-muted)}.reports-page-empty a{color:var(--interactive-primary, var(--app-btn-primary-bg));font-weight:700}.reports-page--platform{padding:1.25rem;max-width:900px}.reports-page--platform h1{margin:0 0 .35rem}.reports-page-lead{margin:0 0 1.25rem;color:var(--app-text-muted)}.reports-platform-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.reports-platform-stat{padding:1rem;border-radius:12px;color:#fff}.reports-platform-stat h3{margin:0;font-size:.85rem}.reports-platform-stat p{margin:.5rem 0 0;font-size:1.5rem;font-weight:800}.reports-platform-stat--blue{background:#007aff}.reports-platform-stat--red{background:#dc3545}.reports-platform-stat--gray{background:#6c757d}.reports-platform-stat--teal{background:#17a2b8}.reports-platform-form{background:var(--surface-primary, var(--app-card-bg));border:1px solid var(--app-border);border-radius:12px;padding:1.25rem;max-width:560px}.reports-platform-form h2{margin:0 0 1rem;font-size:1.1rem}.reports-platform-dates{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.reports-platform-dates label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:700}.reports-platform-dates input{padding:.5rem;border:1px solid var(--app-border);border-radius:8px;font:inherit}.reports-platform-actions{display:flex;gap:.5rem}.reports-platform-actions button{flex:1;padding:.65rem 1rem;border:none;border-radius:8px;font-weight:700;color:#fff;cursor:pointer}.reports-platform-actions button:first-child{background:#dc3545}.reports-platform-actions button:last-child{background:#28a745}.reports-platform-actions button:disabled{opacity:.6;cursor:not-allowed}.detail-page{display:flex;flex-direction:column;flex:1;min-height:0;max-width:720px;margin:0 auto;padding:.75rem 1rem 2rem;width:100%;box-sizing:border-box;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.detail-page-loading{padding:2rem;text-align:center;color:var(--app-text-muted)}.detail-profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.25rem;padding:.5rem 0 .25rem}.detail-card-avatar{width:112px;height:112px;border-radius:50%;background:var(--app-btn-primary-bg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:800;margin-bottom:.85rem;overflow:hidden;border:3px solid color-mix(in srgb,var(--app-btn-primary-bg) 20%,transparent)}.detail-card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.detail-card-name{margin:0 0 .35rem;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--app-text)}.detail-hero-sub{margin:0;font-size:.9rem;color:var(--app-text-muted)}.detail-card{background:var(--app-card-bg);border:1px solid var(--app-border-light);border-radius:16px;padding:1.25rem 1.35rem;box-shadow:var(--app-shadow)}.detail-detail-rows{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--border-subtle, var(--app-border-light))}.detail-row:last-child{border-bottom:none}.detail-label{font-size:.8rem;font-weight:600;color:var(--app-text-muted)}.detail-value{font-size:.9rem;font-weight:600;color:var(--app-text);text-align:right}.detail-badge{padding:.25rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600}.detail-role-super-admin{background:var(--app-logout);color:#fff}.detail-role-hostel-owner{background:var(--interactive-primary, #007AFF);color:#fff}.detail-role-staff{background:var(--app-status-active);color:#fff}.detail-role-tenant{background:#6f42c1;color:#fff}.detail-status-active{background:var(--app-status-active);color:#fff}.detail-status-blocked{background:var(--app-logout);color:#fff}.detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:1rem;border-top:1px solid var(--app-border);margin-top:.5rem}.detail-btn{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid transparent}.detail-btn-primary{background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);border-color:var(--app-btn-primary-bg)}.detail-btn-primary:hover{opacity:.9}.detail-btn-success{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.detail-btn-success:hover{background:#22c55e40}.detail-btn-warn{background:#ef444426;color:var(--app-logout);border-color:#ef44444d}.detail-btn-warn:hover{background:#ef444440}.detail-btn-danger{background:#ef44441a;color:var(--app-logout);border-color:#ef44444d}.detail-btn-danger:hover{background:#ef444433}.detail-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.detail-page{padding:12px 16px;max-width:100%}.detail-card{padding:1rem}.detail-card-avatar{width:96px;height:96px;font-size:2rem}.detail-card-name{font-size:1.25rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-value{text-align:left}.detail-actions{flex-direction:column;gap:.5rem}.detail-btn{width:100%;min-height:44px;font-size:1rem}}@media (max-width: 480px){.detail-page{padding:10px 12px}}.form-page{padding:20px;max-width:720px;margin:0 auto;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.form-page-header{margin-bottom:1.5rem}.form-page-back{display:inline-block;padding:.5rem .75rem;margin-bottom:1rem;background:var(--app-btn-bg);border:1px solid var(--app-border);border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--app-text)}.form-page-back:hover{background:var(--app-card-bg);border-color:var(--app-border)}.form-page-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--app-text)}.form-page-loading{padding:2rem;text-align:center;color:var(--app-text-muted)}.form-page-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:var(--app-card-bg);border:1px solid var(--app-border-light);border-radius:12px;padding:1.25rem;box-shadow:var(--app-shadow)}.form-section-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--app-text)}.form-row{margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-label{display:block;font-weight:600;color:var(--app-text-muted);font-size:.9rem;margin-bottom:.35rem}.form-label.required-asterisk:after{content:" *";color:var(--app-logout, #ef4444)}.form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--app-border);border-radius:8px;font-size:.95rem;color:var(--app-text);background:var(--app-bg)}.form-input:focus{outline:none;border-color:var(--app-btn-primary-bg);box-shadow:0 0 0 2px #007aff33}.form-input:disabled{opacity:.7;cursor:not-allowed}.form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.form-grid2{grid-template-columns:1fr}}.form-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem}.form-btn{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid transparent}.form-btn:disabled{opacity:.6;cursor:not-allowed}.form-btn-primary{background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);border-color:var(--app-btn-primary-bg)}.form-btn-primary:hover:not(:disabled){opacity:.9}.form-btn-secondary{background:var(--app-btn-bg);color:var(--app-text);border-color:var(--app-border)}.form-btn-secondary:hover{background:var(--app-card-bg)}.form-page .password-input-wrap{width:100%}.form-page .password-input-wrap input{width:100%;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--app-border)}@media (max-width: 768px){.form-page{padding:12px 16px;max-width:100%}.form-page-back{padding:.6rem 1rem;min-height:44px;font-size:1rem;-webkit-tap-highlight-color:transparent}.form-page-title{font-size:1.25rem}.form-section{padding:1rem}.form-section-title{font-size:.95rem}.form-input,.form-page .password-input-wrap input{padding:.6rem .75rem;min-height:44px;font-size:16px}.form-actions{flex-direction:column;gap:.5rem}.form-btn{width:100%;min-height:44px;font-size:1rem;-webkit-tap-highlight-color:transparent}}@media (max-width: 480px){.form-page{padding:10px 12px}.form-page-title{font-size:1.1rem}}.profile-page{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.profile-page h1{margin-bottom:2rem;color:#2d2d2d;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#2d2d2d,#5a5a5a,gray);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-card{padding:2.5rem;max-width:800px}.profile-card.change-password-card{margin-top:2rem}.profile-section-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--app-text, #2d2d2d)}.profile-security-help{margin:-.75rem 0 1.25rem;color:var(--app-text-muted);font-size:.88rem;line-height:1.5}.profile-secret-input{position:relative}.profile-secret-input .glass-input{width:100%;padding-right:3.25rem;box-sizing:border-box}.profile-secret-toggle{position:absolute;top:50%;right:.75rem;width:36px;height:36px;padding:8px;border:0;border-radius:9px;transform:translateY(-50%);background:transparent;color:var(--app-text-muted);cursor:pointer}.profile-secret-toggle:hover{color:var(--app-text);background:var(--app-border)}.profile-secret-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(192,192,192,.3)}.profile-avatar-large{position:relative}.avatar-circle-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,silver,#a8a8a8);color:var(--app-btn-primary-color, white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;box-shadow:var(--shadow-soft, 0 8px 25px rgba(128, 128, 128, .3));overflow:hidden}.profile-avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-initials{font:inherit;line-height:1}.avatar-upload-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:var(--surface-elevated, rgba(255, 255, 255, .9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-subtle, rgba(192, 192, 192, .4));color:var(--text-primary, #2d2d2d);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-soft, 0 4px 12px rgba(0, 0, 0, .1))}.avatar-upload-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-strong, 0 6px 20px rgba(0, 0, 0, .15))}.profile-basic-info h2{margin:0 0 .5rem;font-size:1.75rem;color:#2d2d2d;font-weight:700}.profile-email-text{margin:0 0 .75rem;color:#5a5a5acc;font-size:1rem}.profile-role-badge{display:inline-block;padding:.4rem 1rem;background:var(--surface-secondary, rgba(192, 192, 192, .3));color:var(--text-primary, #2d2d2d);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#2d2d2d;font-size:.95rem}.form-group small{font-size:.8rem;color:#5a5a5ab3;margin-top:-.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-btn{background:var(--interactive-secondary, rgba(255, 255, 255, .3))!important;color:var(--text-primary, #2d2d2d)!important;border-color:var(--border-subtle, rgba(192, 192, 192, .4))!important}.cancel-btn:hover{background:var(--surface-elevated, rgba(255, 255, 255, .5))!important}.style-selector{display:flex;flex-direction:column;gap:.5rem}.style-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-secondary, rgba(255, 255, 255, .3));border:1px solid var(--border-subtle, rgba(192, 192, 192, .3));border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--app-text, #2d2d2d);font-size:.95rem}.style-option:hover{background:#ffffff80;border-color:#c0c0c080}.style-option.active{background:var(--surface-secondary, rgba(45, 45, 45, .1));border-color:var(--border-subtle, rgba(45, 45, 45, .3));font-weight:600}.style-option-label{flex:1;text-align:left}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}}.tenant-home-page{padding:1.5rem;max-width:900px;margin:0 auto}.tenant-home-loading,.tenant-home-empty{color:var(--text-muted, #666);padding:1rem 0}.tenant-home-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.tenant-home-tabs{display:flex;gap:.5rem;flex:1;min-width:200px}.tenant-home-tab{flex:1;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-secondary, #fff);font-size:.8rem;font-weight:700;color:var(--text-muted, #666);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.tenant-home-tab.active{border-color:var(--primary, #2563eb);background:#2563eb14;color:var(--primary, #2563eb)}.tenant-home-refresh{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-secondary, #fff);font-size:.85rem;font-weight:600;cursor:pointer}.tenant-home-refresh:disabled{opacity:.6;cursor:not-allowed}.tenant-home-transfer-banner{padding:1rem 1.25rem;margin-bottom:1rem;border-radius:12px;border:1px solid rgba(234,179,8,.5);background:#fffbeb}.tenant-home-transfer-title{margin:0 0 .35rem;font-weight:700;color:#a16207;font-size:.95rem}.tenant-home-transfer-text{margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted, #666)}.tenant-home-transfer-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.tenant-home-hero{padding:1.25rem 1.5rem;margin-bottom:1rem;border-radius:14px;background:var(--surface-secondary, #fff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .06))}.tenant-home-kicker{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #666)}.tenant-home-title{margin:.15rem 0 .25rem;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.tenant-home-sub{margin:0;font-size:.95rem;color:var(--text-muted, #666)}.tenant-home-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.25rem}.tenant-home-summary-grid.two-col{grid-template-columns:repeat(2,1fr)}.tenant-home-summary-card{padding:1rem 1.1rem;border-radius:12px;background:var(--surface-secondary, #fff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));box-shadow:var(--shadow-soft, 0 1px 2px rgba(0, 0, 0, .04));display:flex;flex-direction:column;gap:.2rem}.tenant-home-summary-card.compact{min-height:auto}.tenant-home-summary-label{font-size:.75rem;color:var(--text-muted, #666)}.tenant-home-summary-value{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.tenant-home-summary-value.ok{color:#16a34a}.tenant-home-summary-value.warn{color:#d97706}.tenant-home-summary-value.primary{color:var(--primary, #2563eb)}.tenant-home-summary-sub{font-size:.75rem;color:var(--text-muted, #666)}.tenant-home-card-link{margin-top:.35rem;font-size:.8rem;font-weight:600;color:var(--primary, #2563eb);text-decoration:none}.tenant-home-card-link:hover{text-decoration:underline}.tenant-home-section{margin-bottom:1.5rem}.tenant-home-section h2{font-size:1.05rem;margin:0 0 .75rem}.tenant-home-section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.tenant-home-section-header h2{margin:0}.tenant-home-section-header a{font-size:.8rem;font-weight:700;color:var(--primary, #2563eb);text-decoration:none}.tenant-home-notice-list{list-style:none;margin:0;padding:0;border-radius:12px;overflow:hidden;border:1px solid var(--border-subtle, #eee);background:var(--surface-secondary, #fff)}.tenant-home-notice-list li{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle, #eee)}.tenant-home-notice-list li:last-child{border-bottom:none}.tenant-home-notice-list li.unread{background:#2563eb0a}.tenant-home-notice-title{font-weight:600;font-size:.9rem;margin-bottom:.2rem}.tenant-home-notice-message{font-size:.85rem;color:var(--text-muted, #666);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tenant-home-notice-meta{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;font-size:.75rem;color:var(--text-muted, #888)}.tenant-home-unread-badge{padding:.1rem .4rem;border-radius:4px;background:var(--primary, #2563eb);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase}.tenant-home-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.65rem}.tenant-home-quick-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:88px;padding:.75rem .5rem;border-radius:12px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-secondary, #fff);text-decoration:none;color:inherit;font-size:.72rem;font-weight:700;text-align:center;line-height:1.25;transition:border-color .15s,box-shadow .15s}.tenant-home-quick-card:hover{border-color:var(--primary, #2563eb);box-shadow:0 2px 8px #2563eb1f}.tenant-home-quick-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#2563eb1a;color:var(--primary, #2563eb)}.tenant-home-profile-card{padding:1.25rem;border-radius:12px;background:var(--surface-secondary, #fff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08))}.tenant-home-profile-name{margin:0 0 .75rem;font-size:1.1rem;font-weight:700}.tenant-home-profile-row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;font-size:.85rem}.tenant-home-profile-row span:first-child{color:var(--text-muted, #666)}.tenant-home-profile-row span:last-child{font-weight:600;text-align:right}.tenant-home-profile-btn{display:inline-block;margin-top:1rem;text-align:center;text-decoration:none}.tenant-home-activity-list{list-style:none;margin:0;padding:0;border-radius:12px;border:1px solid var(--border-subtle, #eee);background:var(--surface-secondary, #fff);overflow:hidden}.tenant-home-activity-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle, #eee)}.tenant-home-activity-item:last-child{border-bottom:none}.tenant-home-activity-body{display:flex;flex-direction:column;min-width:0}.tenant-home-activity-title{font-weight:600;font-size:.9rem}.tenant-home-activity-sub{font-size:.8rem;color:var(--text-muted, #666)}.tenant-home-activity-time{flex-shrink:0;font-size:.75rem;color:var(--text-muted, #888)}.tenant-home-activity-item.kind-payment .tenant-home-activity-title{color:#16a34a}.tenant-home-activity-item.kind-complaint .tenant-home-activity-title{color:#d97706}@media (max-width: 520px){.tenant-home-summary-grid.two-col{grid-template-columns:1fr}}.tenant-more-page{padding:1.5rem;max-width:560px;margin:0 auto}.tenant-more-header{margin-bottom:1.25rem}.tenant-more-header h1{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.tenant-more-subtitle{margin:0;font-size:.9rem;color:var(--text-muted, #666)}.tenant-more-list{display:flex;flex-direction:column;gap:.5rem}.tenant-more-row{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--surface-secondary, #fff);box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .06));text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .1s}.tenant-more-row:hover{border-color:var(--primary, #2563eb);box-shadow:0 2px 10px #2563eb1f}.tenant-more-row:active{transform:scale(.99)}.tenant-more-row-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;background:#2563eb1a;color:var(--primary, #2563eb)}.tenant-more-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.tenant-more-row-label{font-size:.95rem;font-weight:600}.tenant-more-row-desc{font-size:.78rem;color:var(--text-muted, #666);line-height:1.35}.tenant-more-chevron{flex-shrink:0;color:var(--text-muted, #999)}.tenant-profile-page{padding:1.5rem;max-width:720px;margin:0 auto}.tenant-profile-loading{text-align:center;padding:2rem;color:var(--text-muted, #666)}.tenant-profile-header{margin-bottom:1.5rem}.tenant-profile-header h1{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.tenant-profile-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.tenant-profile-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);margin-bottom:1rem}.tenant-profile-avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.tenant-profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--bg-muted, #eee);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--text-muted, #666)}.tenant-profile-avatar img{width:100%;height:100%;object-fit:cover}.tenant-profile-action-btns{display:flex;flex-wrap:wrap;gap:.5rem}.tenant-profile-edit-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border, #ddd);background:var(--bg, #fff);cursor:pointer;font-size:.9rem;text-decoration:none;color:inherit;display:inline-block}.tenant-profile-full-form{border-color:var(--primary, #2563eb);color:var(--primary, #2563eb)}.tenant-profile-edit-btn:hover{background:var(--bg-muted, #f5f5f5)}.tenant-profile-details .tenant-detail-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border, #eee)}.tenant-detail-label{font-weight:500;color:var(--text-muted, #666);min-width:140px}.tenant-profile-form .tenant-form-row{margin-bottom:1rem}.tenant-profile-form .tenant-form-row label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem;color:var(--text-muted, #666)}.tenant-profile-form .tenant-form-row input{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:8px;font-size:1rem}.tenant-form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.tenant-btn.secondary{background:var(--bg-muted, #f0f0f0);color:var(--text, #333)}.tenant-profile-hint{font-size:.85rem;color:var(--text-muted, #666);margin:0}.tenant-profile-hint a{color:var(--primary, #2563eb)}.tenant-my-details-page{padding:1.5rem 1.5rem 5rem;max-width:640px;margin:0 auto}.tenant-my-details-loading{color:var(--text-muted, #666);padding:2rem 0}.tenant-my-details-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.tenant-my-details-header h1{margin:0 0 .25rem;font-size:1.5rem}.tenant-my-details-subtitle{margin:0;font-size:.9rem;color:var(--text-muted, #666)}.tenant-my-details-back{font-size:.875rem;font-weight:600;color:var(--primary, #2563eb);text-decoration:none}.tenant-my-details-steps{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.tenant-my-details-step{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:10px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-secondary, #fff);cursor:pointer;text-align:left}.tenant-my-details-step.active{border-color:var(--primary, #2563eb);background:#2563eb0f}.tenant-my-details-step.done .tenant-my-details-step-num{background:#16a34a}.tenant-my-details-step-num{width:28px;height:28px;border-radius:50%;background:var(--primary, #2563eb);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tenant-my-details-step-text{display:flex;flex-direction:column;gap:.1rem}.tenant-my-details-step-text strong{font-size:.9rem}.tenant-my-details-step-text small{font-size:.75rem;color:var(--text-muted, #666)}.tenant-my-details-card{background:var(--surface-secondary, #fff);border-radius:12px;padding:1.25rem 1.5rem;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .06));margin-bottom:1rem}.tenant-my-details-card h2{margin:0 0 1rem;font-size:1.1rem}.tenant-my-details-card h3{margin:0 0 .5rem;font-size:.95rem}.tenant-my-details-photo-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem}.tenant-my-details-photo{position:relative;width:112px;height:112px;border-radius:50%;border:2px dashed var(--border-subtle, #ccc);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-muted, #f8fafc);font-size:.8rem;color:var(--text-muted, #666)}.tenant-my-details-photo img{width:100%;height:100%;object-fit:cover}.tenant-my-details-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;display:flex;align-items:center;justify-content:center;font-size:.75rem}.tenant-my-details-photo-actions{display:flex;flex-direction:column;gap:.5rem}.tenant-my-details-file-label{cursor:pointer;text-align:center}.tenant-my-details-remove{color:var(--app-logout, #dc2626)}.tenant-my-details-readonly-hint{display:block;font-size:.75rem;color:var(--text-muted, #888);margin-top:.2rem}.tenant-my-details-card .tenant-form-row{margin-bottom:1rem}.tenant-my-details-card .tenant-form-row label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem;color:var(--text-muted, #666)}.tenant-my-details-card .tenant-form-row input,.tenant-my-details-card .tenant-form-row select,.tenant-my-details-card .tenant-form-row textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:8px;font-size:1rem;font-family:inherit}.tenant-my-details-card .tenant-form-row input:disabled,.tenant-my-details-card .tenant-form-row textarea:disabled{background:var(--bg-muted, #f5f5f5);color:var(--text-muted, #666)}.field-error{display:block;font-size:.75rem;color:var(--app-logout, #dc2626);margin-top:.2rem}.tenant-my-details-doc-hint{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted, #666)}.tenant-my-details-doc-block{padding:1rem 0;border-top:1px solid var(--border-subtle, #eee)}.tenant-my-details-doc-block:first-of-type{border-top:none;padding-top:0}.tenant-my-details-doc-label{font-weight:600;margin-bottom:.5rem}.tenant-my-details-doc-preview{display:block;max-width:200px;margin-bottom:.5rem}.tenant-my-details-doc-preview img{width:100%;border-radius:8px;border:1px solid var(--border-subtle, #eee)}.tenant-my-details-doc-actions{display:flex;flex-wrap:wrap;gap:.5rem}.tenant-my-details-readonly-block{margin-top:1.25rem;padding:1rem;border-radius:8px;background:var(--bg-muted, #f8fafc);font-size:.9rem;color:var(--text-muted, #666)}.tenant-my-details-readonly-block p{margin:.25rem 0}.tenant-my-details-footer{display:flex;justify-content:space-between;gap:.75rem;margin-top:1rem;position:sticky;bottom:0;padding:1rem 0;background:linear-gradient(to top,var(--app-bg, #fff) 80%,transparent)}.tenant-my-details-page .tenant-btn{padding:.55rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none}.tenant-my-details-page .tenant-btn.primary{background:var(--primary, #2563eb);color:#fff}.tenant-my-details-page .tenant-btn.primary:disabled{opacity:.6;cursor:not-allowed}.tenant-my-details-page .tenant-btn.secondary{background:var(--bg-muted, #f0f0f0);color:var(--text, #333);border:1px solid var(--border-subtle, #e2e8f0)}.tenant-complaints-page{padding:1.5rem;max-width:800px;margin:0 auto}.tenant-page-header{margin-bottom:1.5rem}.tenant-page-header h1{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.tenant-page-subtitle{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem}.tenant-complaint-form-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);margin-bottom:1.5rem}.tenant-complaint-form-card h2{font-size:1.1rem;margin:0 0 1rem}.tenant-complaint-form-card .tenant-form-row{margin-bottom:1rem}.tenant-complaint-form-card .tenant-form-row label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.tenant-complaint-form-card .tenant-form-row input,.tenant-complaint-form-card .tenant-form-row select,.tenant-complaint-form-card .tenant-form-row textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--border, #ddd));border-radius:8px;font-size:1rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.tenant-complaint-form-card .tenant-form-row textarea::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.tenant-complaint-form-card .tenant-form-row select:focus,.tenant-complaint-form-card .tenant-form-row textarea:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.tenant-complaints-list h2{font-size:1.1rem;margin:0 0 1rem}.tenant-loading,.tenant-empty{color:var(--text-muted, #666);padding:1rem 0}.tenant-complaint-cards{list-style:none;padding:0;margin:0}.tenant-complaint-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1rem 1.25rem;margin-bottom:.75rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent)}.tenant-complaint-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.tenant-complaint-title{font-weight:600}.tenant-complaint-status{font-size:.8rem;padding:.2rem .5rem;border-radius:6px;text-transform:capitalize}.tenant-complaint-status.status-pending{background:#fef3c7;color:#92400e}.tenant-complaint-status.status-in_progress{background:#dbeafe;color:#1e40af}.tenant-complaint-status.status-resolved{background:#d1fae5;color:#065f46}.tenant-complaint-status.status-cancelled{background:#f3f4f6;color:#6b7280}.tenant-complaint-desc{margin:.5rem 0;font-size:.95rem;color:var(--text-primary, var(--text, #333))}.tenant-complaint-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-muted, #666)}.tenant-complaint-images{display:flex;gap:.5rem;margin-top:.5rem}.tenant-complaint-images img{width:64px;height:64px;object-fit:cover;border-radius:8px}.tenant-transactions-page{padding:1.5rem;max-width:900px;margin:0 auto}.tenant-table-wrap{overflow-x:auto}.tenant-table{width:100%;border-collapse:collapse;font-size:.9rem}.tenant-table{background:var(--app-card-bg, #ffffff)}.tenant-table th,.tenant-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle, var(--border, #eee))}.tenant-table th{font-weight:600;color:var(--text-primary, var(--text-muted, #666));background:var(--surface-secondary, var(--bg-muted, #f9fafb))}.tenant-table tbody tr{background:var(--app-card-bg, #ffffff)}.tenant-table tbody tr:nth-child(2n){background:var(--surface-secondary, rgba(0, 0, 0, .015))}.tenant-table tbody tr:hover{background:var(--surface-elevated, rgba(0, 0, 0, .025))!important}.tenant-table td{color:var(--text-primary, var(--text, #333))}.tenant-status-badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.8rem}.tenant-status-badge.status-paid{background:#d1fae5;color:#065f46}.tenant-status-badge.status-pending{background:#fef3c7;color:#92400e}.tenant-status-badge.status-failed,.tenant-status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.tenant-receipts-page{padding:1.5rem;max-width:800px;margin:0 auto}.tenant-receipt-cards{display:grid;gap:1rem}.tenant-receipt-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);border-left:4px solid var(--accent, var(--primary, #2563eb))}.tenant-receipt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tenant-receipt-number{font-weight:600;font-size:.95rem}.tenant-receipt-date{font-size:.9rem;color:var(--text-muted, #666)}.tenant-receipt-amount{font-size:1.5rem;font-weight:700;margin:.5rem 0}.tenant-receipt-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-muted, #666)}.tenant-notifications-page{padding:1.5rem;max-width:640px;margin:0 auto}.tenant-page-header{margin-bottom:1.25rem}.tenant-enable-push-btn{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--primary, #2563eb);background:var(--primary-bg, rgba(37, 99, 235, .1));border:1px solid var(--primary, #2563eb);border-radius:8px;cursor:pointer}.tenant-enable-push-btn:hover:not(:disabled){background:var(--primary-bg-hover, rgba(37, 99, 235, .15))}.tenant-enable-push-btn:disabled{opacity:.7;cursor:not-allowed}.tenant-notifications-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tenant-refresh-btn{display:inline-block;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--text-secondary, #666);background:var(--surface-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;cursor:pointer}.tenant-refresh-btn:hover:not(:disabled){background:var(--surface-elevated, #e2e8f0)}.tenant-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.tenant-push-status{font-size:.9rem;color:var(--text-secondary, #666);margin-top:.5rem}.tenant-notification-list{list-style:none;padding:0;margin:0}.tenant-notification-item{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1rem 1.25rem;margin-bottom:.75rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);cursor:default}.tenant-notification-item.unread{border-left:4px solid var(--accent, var(--primary, #2563eb));background:var(--surface-elevated, var(--bg-muted, #f8fafc))}.tenant-notification-title{font-weight:600;margin-bottom:.25rem;color:var(--text-primary, var(--text, #333))}.tenant-notification-message{font-size:.95rem;color:var(--text-primary, var(--text, #333));margin-bottom:.5rem}.tenant-notification-time{font-size:.8rem;color:var(--text-secondary, var(--text-muted, #666))}.tenant-pay-rent-page{padding:1.5rem;max-width:560px;margin:0 auto}.tenant-pay-rent-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent)}.tenant-pay-rent-card.highlight{border-left:4px solid var(--accent, var(--primary, #2563eb));background:var(--surface-elevated, var(--bg-muted, #f8fafc))}.tenant-pay-rent-card h2{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-muted, #666)}.tenant-pay-rent-amount{font-size:1.75rem;font-weight:700}.tenant-pay-rent-due{font-size:1.25rem;font-weight:600}.tenant-pay-rent-note{font-size:.9rem;color:var(--text-muted, #666);margin:.5rem 0 0}.tenant-pay-rent-card ul{margin:.5rem 0;padding-left:1.25rem}.tenant-pay-rent-card p{margin:0 0 .5rem}.tenant-pay-link{color:var(--primary, #2563eb);text-decoration:underline}.tenant-pay-online-page{padding:1.5rem;max-width:560px;margin:0 auto}.tenant-pay-loading{color:var(--text-muted, #666);padding:1rem 0}.tenant-pay-header{margin-bottom:1.5rem}.tenant-pay-header h1{font-size:1.5rem;margin:0 0 .25rem}.tenant-pay-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.tenant-pay-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);margin-bottom:1rem}.tenant-pay-unavailable{color:var(--text-muted, #666);text-align:center;padding:1rem 0}.tenant-pay-info{margin-bottom:1.5rem}.tenant-pay-trust{padding:.75rem;background:#d1fae5;border-radius:8px;color:#065f46;font-size:.9rem;margin:0}.tenant-pay-due{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border, #eee)}.tenant-pay-due h3{font-size:1rem;margin:0 0 .75rem}.due-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.due-amount{font-size:1.25rem;font-weight:700}.tenant-pay-custom h3{font-size:1rem;margin:0 0 .75rem}.custom-amount-form{display:flex;flex-direction:column;gap:.75rem}.custom-amount-form label{font-size:.85rem;font-weight:500}.custom-amount-form input{padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:8px;font-size:1rem}.tenant-pay-security{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent)}.tenant-pay-security h3{font-size:1rem;margin:0 0 .75rem}.tenant-pay-security ul{list-style:none;padding:0;margin:0}.tenant-pay-security li{padding:.25rem 0;color:var(--text-muted, #666);font-size:.9rem}.tenant-pay-muted{margin:0 0 .75rem;color:var(--text-muted, #666);font-size:.9rem}.tenant-pay-qr-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border, #eee)}.tenant-pay-qr-section h3{font-size:1rem;margin:0 0 .5rem}.tenant-pay-qr-wrap{display:flex;justify-content:center;padding:1rem;border:1px solid var(--border, #eee);border-radius:12px;margin-top:.75rem;background:var(--surface, #fff)}.tenant-pay-qr-img{width:200px;height:200px;object-fit:contain}.tenant-pay-proof-hint{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem}.tenant-pay-proof-file-ok{margin:0;font-size:.85rem;color:#065f46}.tenant-btn{padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;cursor:pointer;border:none}.tenant-btn.primary{background:var(--primary, #2563eb);color:var(--app-btn-primary-color, #fff)}.tenant-btn.primary:disabled{opacity:.6;cursor:not-allowed}.tenant-hostel-page{padding:1.5rem;max-width:640px;margin:0 auto}.tenant-hostel-loading,.tenant-hostel-empty{color:var(--text-muted, #666);padding:2rem 0}.tenant-hostel-header{margin-bottom:1.5rem}.tenant-hostel-header h1{font-size:1.5rem;margin:0 0 .25rem}.tenant-hostel-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.tenant-hostel-card{background:var(--surface-secondary, #fff);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, #eee)}.tenant-hostel-name{font-size:1.25rem;margin:0 0 .5rem}.tenant-hostel-description{color:var(--text-muted, #666);font-size:.9rem;margin:0 0 1rem}.tenant-hostel-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-subtle, #eee)}.tenant-hostel-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.tenant-hostel-section h3{font-size:.85rem;font-weight:600;margin:0 0 .5rem;color:var(--text-secondary, #555)}.tenant-hostel-section p{margin:.25rem 0;font-size:.95rem}.tenant-hostel-amenities{list-style:none;padding:0;margin:.5rem 0 0}.tenant-hostel-amenities li{padding:.25rem 0 .25rem 1.25rem;position:relative}.tenant-hostel-amenities li:before{content:"✓";position:absolute;left:0;color:var(--primary, #2563eb);font-weight:600}.tenant-food-menu-page{padding:.75rem 0 2rem;max-width:640px;width:100%;box-sizing:border-box}.tenant-food-header{margin-bottom:1.5rem}.tenant-food-header h1{margin:0 0 .25rem;font-size:1.5rem;color:var(--text-primary, #1a1a1a)}.tenant-food-subtitle{margin:0;font-size:.9rem;color:var(--text-secondary, #666)}.tenant-food-day-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;padding:.3rem;border-radius:12px;background:var(--surface-secondary, #f3f4f6);border:1px solid var(--border-subtle, #e5e5e5)}.tenant-food-day-tab{flex:1;min-width:2.6rem;padding:.45rem .35rem;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary, #6b7280);font-size:.8rem;font-weight:700;cursor:pointer}.tenant-food-day-tab.is-active{background:var(--surface-elevated, #fff);color:var(--interactive-primary, #2563eb);border-color:color-mix(in srgb,var(--interactive-primary, #2563eb) 28%,transparent);box-shadow:0 1px 2px #0000000f}.tenant-food-day-label{margin:0 0 1rem;font-size:.9rem;font-weight:700;color:var(--text-primary, #1a1a1a)}.tenant-food-loading,.tenant-food-empty{color:var(--text-secondary, #666);margin:0}.tenant-food-card{background:var(--surface-elevated, #fff);border:1px solid var(--border-subtle, #e5e5e5);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.06))}.tenant-food-section{margin-bottom:1.25rem}.tenant-food-section:last-child{margin-bottom:0}.tenant-food-section h3{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary, #1a1a1a)}.tenant-food-section ul{list-style:none;padding:0;margin:0}.tenant-food-section li{padding:.35rem 0;border-bottom:1px solid var(--border-subtle, #eee);color:var(--text-primary, #1a1a1a)}.tenant-food-section li:last-child{border-bottom:none}.tenant-food-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle, #e5e5e5)}.tenant-food-notes h3{margin:0 0 .35rem;font-size:1rem;color:var(--text-primary, #1a1a1a)}.tenant-food-notes p{margin:0;font-size:.9rem;color:var(--text-secondary, #666);white-space:pre-wrap}.hostel-info-page{padding:1.5rem;max-width:720px;margin:0 auto}.hostel-info-loading,.hostel-info-empty{color:var(--text-muted, #666);padding:2rem 0}.hostel-info-link{display:inline-block;margin-top:.5rem;color:var(--primary, #2563eb)}.hostel-info-header{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.hostel-info-header h1{font-size:1.5rem;margin:0}.hostel-info-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem;width:100%}.hostel-info-edit-btn,.hostel-info-save{padding:.5rem 1rem;border-radius:8px;border:none;background:var(--primary, #2563eb);color:#fff;font-weight:500;cursor:pointer}.hostel-info-cancel{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border, #ddd);background:#fff;cursor:pointer}.hostel-info-actions{display:flex;gap:.5rem;margin-left:auto}.hostel-info-card{background:var(--surface-secondary, #fff);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, #eee)}.hostel-info-field{margin-bottom:1rem}.hostel-info-field label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem;color:var(--text-secondary, #555)}.hostel-info-field p{margin:0;font-size:.95rem}.hostel-info-field input,.hostel-info-field textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:8px;font-size:1rem}.hostel-info-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media (max-width: 600px){.hostel-info-row{grid-template-columns:1fr}}.food-menu-page{padding:.75rem 0 2rem;max-width:720px;width:100%;box-sizing:border-box}.food-menu-header{margin-bottom:1.5rem}.food-menu-header h1{margin:0 0 .25rem;font-size:1.5rem;color:var(--text-primary, #1a1a1a)}.food-menu-subtitle{margin:0;font-size:.9rem;color:var(--text-secondary, #666)}.food-menu-empty,.food-menu-loading{color:var(--text-secondary, #666);margin:0}.food-menu-card{background:var(--surface-elevated, #fff);border:1px solid var(--border-subtle, #e5e5e5);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.06))}.food-menu-day-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;padding:.3rem;border-radius:12px;background:var(--surface-secondary, #f3f4f6);border:1px solid var(--border-subtle, #e5e5e5)}.food-menu-day-tab{flex:1;min-width:2.6rem;padding:.45rem .35rem;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary, #6b7280);font-size:.8rem;font-weight:700;cursor:pointer}.food-menu-day-tab.is-active{background:var(--surface-elevated, #fff);color:var(--interactive-primary, #2563eb);border-color:color-mix(in srgb,var(--interactive-primary, #2563eb) 28%,transparent);box-shadow:0 1px 2px #0000000f}.food-menu-day-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.food-menu-day-title{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary, #1a1a1a)}.food-menu-copy-all{border:1px solid var(--border-subtle, #ddd);background:var(--surface-secondary, #f9f9f9);color:var(--text-secondary, #666);border-radius:8px;padding:.35rem .65rem;font-size:.78rem;font-weight:700;cursor:pointer}.food-menu-copy-all:hover{color:var(--interactive-primary, #2563eb);border-color:color-mix(in srgb,var(--interactive-primary, #2563eb) 35%,transparent)}.food-menu-section{margin-bottom:1.5rem}.food-menu-section h4{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary, #1a1a1a)}.food-menu-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.food-menu-row input{flex:1;padding:.5rem .75rem;border:1px solid var(--input-border, #ccc);border-radius:6px;background:var(--input-bg, #fff);color:var(--input-text, #1a1a1a);font-size:.95rem}.food-menu-remove{width:32px;height:32px;padding:0;border:none;background:var(--surface-secondary, #f5f5f5);color:var(--text-secondary, #666);border-radius:6px;cursor:pointer;font-size:1.25rem;line-height:1;flex-shrink:0}.food-menu-remove:hover{background:var(--interactive-danger, #dc3545);color:#fff}.food-menu-add{margin-top:.5rem;padding:.4rem .75rem;font-size:.9rem;border:1px dashed var(--border-subtle, #ccc);background:transparent;color:var(--text-secondary, #666);border-radius:6px;cursor:pointer}.food-menu-add:hover{border-color:var(--interactive-primary, #2563eb);color:var(--interactive-primary, #2563eb)}.food-menu-empty-item{margin:0;font-size:.9rem;color:var(--text-secondary, #666)}.food-menu-item-list.read-only{list-style:none;padding:0;margin:0}.food-menu-item-list.read-only li{padding:.35rem 0;border-bottom:1px solid var(--border-subtle, #eee);color:var(--text-primary, #1a1a1a)}.food-menu-optional-block{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle, #e5e5e5)}.food-menu-optional-block h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-primary, #1a1a1a)}.food-menu-optional-hint{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary, #666)}.food-menu-optional-section{margin-bottom:1rem;padding:1rem;background:var(--surface-secondary, #f9f9f9);border-radius:8px;border:1px solid var(--border-subtle, #eee)}.food-menu-optional-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.food-menu-optional-title{flex:1;padding:.5rem .75rem;border:1px solid var(--input-border, #ccc);border-radius:6px;background:var(--input-bg, #fff);color:var(--input-text, #1a1a1a);font-size:.95rem;font-weight:600}.food-menu-remove-section{padding:.35rem .6rem;font-size:.8rem;border:none;background:transparent;color:var(--interactive-danger, #dc3545);cursor:pointer}.food-menu-add-section{margin-top:.5rem;padding:.5rem .75rem;font-size:.9rem;border:1px dashed var(--border-subtle, #ccc);background:transparent;color:var(--text-secondary, #666);border-radius:6px;cursor:pointer}.food-menu-add-section:hover{border-color:var(--interactive-primary, #2563eb);color:var(--interactive-primary, #2563eb)}.food-menu-notes{margin-top:1.5rem}.food-menu-notes label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--text-primary, #1a1a1a)}.food-menu-notes textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, #ccc);border-radius:6px;background:var(--input-bg, #fff);color:var(--input-text, #1a1a1a);font-size:.95rem;resize:vertical;box-sizing:border-box}.food-menu-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-subtle, #e5e5e5)}.food-menu-actions .btn-primary{padding:.6rem 1.25rem;background:var(--interactive-primary, #2563eb);color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer}.food-menu-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}.expenses-page{flex:1;min-height:0;width:100%;max-width:920px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;gap:0}.expenses-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.expenses-empty{color:var(--text-muted, #666);padding:1.5rem 0}.expenses-header-search{width:min(240px,42vw);padding:.45rem .75rem;border-radius:10px;border:1px solid var(--input-border, var(--border, #e5e7eb));background:var(--input-bg, var(--app-input-bg, #fff));color:var(--input-text, var(--app-text));font-size:.875rem}.expenses-header-search:focus{outline:none;border-color:var(--input-focus, var(--primary, #2563eb))}.expenses-header-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.expenses-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:10px;padding:.55rem .9rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .12s}.expenses-btn:active{transform:translateY(1px)}.expenses-btn--primary{background:var(--primary, #2563eb);color:#fff}.expenses-btn--primary:hover{filter:brightness(1.05)}.expenses-btn--ghost{background:var(--surface-elevated, var(--app-btn-bg, #f3f4f6));color:var(--app-text, #111);border-color:var(--border-subtle, rgba(0, 0, 0, .08))}.expenses-btn--danger{background:transparent;color:var(--app-logout, #dc2626);border-color:color-mix(in srgb,var(--app-logout, #dc2626) 35%,transparent)}.expenses-hero{position:relative;overflow:hidden;flex-shrink:0;border-radius:18px;padding:1.25rem 1.35rem 1.1rem;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:linear-gradient(145deg,color-mix(in srgb,var(--primary, #2563eb) 12%,var(--surface-secondary, #fff)) 0%,var(--surface-secondary, #fff) 48%,color-mix(in srgb,#10b981 8%,var(--surface-secondary, #fff)) 100%);box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .06))}.expenses-hero-glow{position:absolute;inset:-40% auto auto -20%;width:55%;height:120%;background:radial-gradient(circle,color-mix(in srgb,var(--primary, #2563eb) 22%,transparent),transparent 70%);pointer-events:none}.expenses-hero-top{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.expenses-hero-eyebrow{margin:0 0 .2rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #666)}.expenses-hero-amount{margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;color:var(--app-text, #111)}.expenses-hero-meta,.expenses-hero-hint{margin:.35rem 0 0;font-size:.875rem;color:var(--text-muted, #666)}.expenses-breakdown{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.55rem;margin-top:1rem}.expenses-breakdown-item{display:flex;align-items:center;gap:.4rem;padding:.55rem .7rem;border-radius:10px;background:color-mix(in srgb,var(--surface-elevated, #fff) 75%,transparent);border:1px solid var(--border-subtle, rgba(0, 0, 0, .05));font-size:.8rem}.expenses-breakdown-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.expenses-breakdown-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary, #6b7280)}.expenses-breakdown-value{font-weight:700;color:var(--app-text, #111)}.expenses-when-strip{flex-shrink:0;border:1px solid var(--border-subtle, var(--app-border, rgba(0, 0, 0, .08)));border-radius:12px;background:var(--surface-primary, var(--app-card-bg, #fff));padding:.65rem .85rem}.expenses-when-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.expenses-when-result{font-size:.72rem;font-weight:600;color:var(--app-text-muted, var(--text-muted, #666))}.expenses-when-clear{border:none;background:transparent;color:var(--primary, #2563eb);font-size:.72rem;font-weight:700;cursor:pointer;padding:0}.expenses-when-controls{display:flex;gap:.45rem}.expenses-when-btn{position:relative;flex:1;min-height:48px;display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .85rem;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border, rgba(0, 0, 0, .1)));background:var(--surface-elevated, var(--app-input-bg, #f3f4f6));color:var(--app-text-muted, var(--text-muted, #666));cursor:pointer;text-align:left}.expenses-when-btn.is-active{border-color:color-mix(in srgb,var(--primary, #2563eb) 40%,transparent);background:color-mix(in srgb,var(--primary, #2563eb) 8%,transparent);color:var(--primary, #2563eb)}.expenses-when-btn-icon{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--primary, #2563eb) 12%,transparent);color:var(--primary, #2563eb)}.expenses-when-btn-text{display:flex;flex-direction:column;gap:.05rem;min-width:0}.expenses-when-btn-text strong{font-size:.78rem;font-weight:800;color:var(--app-text, #111)}.expenses-when-btn-text span{font-size:.72rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expenses-when-badge{position:absolute;bottom:6px;right:8px;font-size:.52rem;font-weight:800;letter-spacing:.04em;padding:2px 5px;border-radius:999px;background:var(--primary, #2563eb);color:#fff}.expenses-sections{display:flex;flex-wrap:wrap;gap:.45rem;flex-shrink:0}.expenses-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:var(--surface-secondary, #fff);color:var(--text-secondary, #6b7280);border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:650;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.expenses-chip.is-active{color:#fff;border-color:var(--chip-accent, var(--primary, #2563eb));background:var(--chip-accent, var(--primary, #2563eb))}.expenses-chip.is-active .expenses-chip-dot{background:#fff!important;box-shadow:0 0 0 1px #ffffff59}.expenses-chip-dot{width:7px;height:7px;border-radius:50%}.expenses-list-wrap{flex:0 0 auto}.expenses-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.expenses-card{width:100%;display:flex;gap:0;text-align:left;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:14px;background:var(--surface-secondary, var(--card-bg, #fff));box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .05));overflow:hidden;cursor:pointer;padding:0;color:inherit;transition:border-color .15s,box-shadow .15s,transform .12s}.expenses-card:hover{border-color:color-mix(in srgb,var(--primary, #2563eb) 28%,transparent);box-shadow:0 4px 14px #0000000f;transform:translateY(-1px)}.expenses-card-accent{width:5px;flex-shrink:0}.expenses-card-main{flex:1;padding:.9rem 1rem;min-width:0}.expenses-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.expenses-card-top strong{font-size:.95rem;font-weight:700;color:var(--app-text, #111)}.expenses-card-amount{font-weight:800;font-size:.95rem;white-space:nowrap;color:var(--app-text, #111)}.expenses-card-meta{display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin-top:.45rem;font-size:.78rem;color:var(--text-muted, #666)}.expenses-pill{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:999px;background:var(--surface-elevated, #f3f4f6);color:var(--text-secondary, #6b7280);font-weight:650}.expenses-card-notes{margin:.45rem 0 0;font-size:.82rem;color:var(--text-secondary, #6b7280);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.expenses-empty-card{text-align:center;padding:2.25rem 1.25rem;border-radius:16px;border:1px dashed var(--border-subtle, rgba(0, 0, 0, .14));background:color-mix(in srgb,var(--surface-secondary, #fff) 92%,transparent)}.expenses-empty-icon{width:48px;height:48px;margin:0 auto .75rem;border-radius:14px;display:grid;place-items:center;font-weight:800;color:var(--primary, #2563eb);background:color-mix(in srgb,var(--primary, #2563eb) 12%,transparent)}.expenses-empty-card h3{margin:0 0 .35rem;font-size:1.05rem}.expenses-empty-card p{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem;max-width:360px;margin-left:auto;margin-right:auto}.expenses-form{display:flex;flex-direction:column;gap:.85rem}.expenses-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:650;color:var(--text-secondary, #6b7280)}.expenses-form-field{display:flex;flex-direction:column;gap:.4rem}.expenses-form-label{font-size:.8rem;font-weight:650;color:var(--text-secondary, #6b7280)}.expenses-section-picker{display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow-y:auto;padding:.35rem;border-radius:12px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:var(--surface-elevated, var(--app-input-bg, #f8fafc))}.expenses-section-option{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;padding:.55rem .65rem;border-radius:10px;border:1px solid transparent;background:var(--surface-secondary, #fff);color:var(--app-text, #111);cursor:pointer;transition:border-color .15s,background .15s}.expenses-section-option:hover{border-color:color-mix(in srgb,var(--sec-accent, var(--primary, #2563eb)) 28%,transparent)}.expenses-section-option.is-active{border-color:var(--sec-accent, var(--primary, #2563eb));background:var(--sec-accent, var(--primary, #2563eb))}.expenses-section-option.is-active .expenses-section-option-text strong,.expenses-section-option.is-active .expenses-section-option-text em,.expenses-section-option.is-active .expenses-section-option-check{color:#fff}.expenses-section-option.is-active .expenses-section-option-dot{background:#fff!important;box-shadow:0 0 0 1px #ffffff59}.expenses-section-option-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.expenses-section-option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.expenses-section-option-text strong{font-size:.85rem;font-weight:700;color:var(--app-text, #111)}.expenses-section-option-text em{font-style:normal;font-size:.7rem;color:var(--text-muted, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expenses-section-option-check{width:1.1rem;text-align:center;font-weight:800;color:var(--sec-accent, var(--primary, #2563eb));flex-shrink:0}.expenses-form input,.expenses-form select,.expenses-form textarea{padding:.65rem .8rem;border-radius:10px;border:1px solid var(--input-border, var(--border, #ddd));background:var(--input-bg, var(--app-input-bg, #fff));color:var(--input-text, var(--app-text, #111));font-size:.9rem;font-weight:500;color-scheme:light dark}.expenses-form select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted, #666) 50%),linear-gradient(135deg,var(--text-muted, #666) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2rem}.expenses-form select option,.expenses-form select optgroup{background-color:var(--surface-elevated, var(--app-card-bg, #ffffff));color:var(--app-text, #111827)}.expenses-form input:focus,.expenses-form select:focus,.expenses-form textarea:focus{outline:none;border-color:var(--input-focus, var(--primary, #2563eb));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #2563eb) 16%,transparent)}.expenses-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.expenses-form-hint{margin:0;font-size:.82rem;color:var(--text-muted, #666);line-height:1.45}.expenses-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.expenses-modal-footer-right{display:flex;gap:.5rem}@media (max-width: 640px){.expenses-form-row{grid-template-columns:1fr}.expenses-header-search{width:100%}.expenses-hero{padding:1.1rem 1rem}}.rent-collection-page{padding:1.5rem;max-width:720px;margin:0 auto}.rent-collection-empty,.rent-collection-loading{color:var(--text-muted, #666);padding:1rem 0}.rent-collection-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.rent-collection-billing-link{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;background:var(--bg-muted, #f1f5f9);color:var(--text-primary, inherit);border:1px solid var(--border-subtle, #e2e8f0);white-space:nowrap}.rent-collection-billing-link:hover{border-color:var(--primary, #2563eb)}.rent-collection-staff-title{font-size:1.25rem;margin:0 0 .5rem}.rent-collection-back-link{display:inline-block;margin-top:1rem;text-decoration:none}.rent-collection-instructions ol.rent-collection-steps{margin:0;padding-left:1.25rem;color:var(--text-muted, #666);font-size:.9rem;line-height:1.55}.rent-collection-instructions li{margin-bottom:.5rem}.rent-collection-instructions li:last-child{margin-bottom:0}.rent-collection-header h1{font-size:1.5rem;margin:0 0 .25rem}.rent-collection-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.rent-collection-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);margin-bottom:1rem}.rent-collection-card h2,.rent-collection-card h3{font-size:1.1rem;margin:0 0 1rem}.rent-collection-info{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem}.rent-collection-info a{color:var(--primary, #2563eb)}.rent-collection-status{margin-bottom:1rem}.status-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.status-label{font-weight:500;min-width:100px}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.verified{background:#dbeafe;color:#1e40af}.status-badge.unverified{background:#fef3c7;color:#92400e}.rent-collection-verify{margin-top:1rem;padding:1rem;background:var(--bg-muted, #f8fafc);border-radius:8px}.rent-collection-verify h3{font-size:1rem;margin:0 0 .5rem}.rent-collection-success{margin-top:1rem;padding:1rem;background:#d1fae5;border-radius:8px;color:#065f46}.rent-collection-update{margin-top:1rem}.rent-collection-form .form-row{margin-bottom:1rem}.rent-collection-form .form-row label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.rent-collection-form .form-row input{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:8px;font-size:1rem}.rent-collection-form .form-row small{display:block;margin-top:.25rem;font-size:.8rem;color:var(--text-muted, #666)}.rent-collection-trust{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent)}.rent-collection-trust h3{font-size:1rem;margin:0 0 .75rem}.rent-collection-trust ul{list-style:none;padding:0;margin:0}.rent-collection-trust li{padding:.25rem 0;color:var(--text-muted, #666);font-size:.9rem}.rent-settings-card{margin-bottom:1rem}.rent-due-section{margin-bottom:1.5rem}.rent-due-section label,.whatsapp-toggle-row .whatsapp-label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.rent-due-hint,.whatsapp-hint{font-size:.85rem;color:var(--text-muted, #666);margin:0 0 .75rem}.rent-due-days{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.rent-due-chip{width:36px;height:36px;border-radius:18px;border:1px solid var(--border, #ddd);background:var(--surface-primary, #fff);font-size:.9rem;cursor:pointer;transition:all .15s}.rent-due-chip:hover{border-color:var(--primary, #2563eb)}.rent-due-chip.active{background:var(--primary, #2563eb);border-color:var(--primary, #2563eb);color:#fff}.rent-save-btn{margin-top:.25rem}.whatsapp-toggle-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle, #eee)}.whatsapp-toggle-row>div{flex:1}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border, #ccc);border-radius:26px;transition:.2s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary, #2563eb)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.rent-qr-card .rent-qr-preview{margin:0 0 1rem;padding:1rem;background:var(--bg-muted, #f8fafc);border-radius:8px;text-align:center}.rent-qr-preview img{max-width:220px;max-height:220px;object-fit:contain;border-radius:8px}.rent-qr-file-input{display:none}.rent-qr-actions{display:flex;flex-wrap:wrap;gap:.5rem}.rent-qr-remove{color:var(--app-logout, #dc2626);border-color:#dc262659}.rent-qr-set-hint{margin:.75rem 0 0;font-size:.85rem;color:var(--text-muted, #666)}.rent-welcome-rules{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle, #eee)}.rent-welcome-rules label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.rent-welcome-rules textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;margin-bottom:.75rem}.billing-page{padding:1.5rem;max-width:900px;margin:0 auto}.billing-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.billing-title{font-size:1.5rem;margin:0 0 .25rem}.billing-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.billing-loading,.billing-empty{padding:2rem;color:var(--text-muted, #666)}.billing-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .06))}.billing-card h2{font-size:1.1rem;margin:0 0 1rem}.billing-card-sub{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem;line-height:1.45}.billing-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem 1rem;margin-bottom:.75rem}.billing-summary-item{display:flex;flex-direction:column;gap:.15rem}.billing-summary-label{font-size:.8rem;color:var(--text-muted, #666)}.billing-summary-value{font-weight:600;font-size:.95rem}.billing-summary-value.warn{color:var(--app-logout, #dc2626)}.billing-summary-value.ok{color:var(--success, #16a34a)}.billing-formula{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted, #666);line-height:1.4}.billing-info-strip{padding:.75rem 1rem;border-radius:8px;background:#eab30826;color:#a16207;font-size:.875rem;margin-bottom:1rem}.billing-pay-btn,.billing-secondary-btn,.billing-link-btn{display:inline-block;padding:.6rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;border:none}.billing-pay-btn{background:var(--primary, #2563eb);color:#fff}.billing-pay-btn:disabled{opacity:.6;cursor:not-allowed}.billing-secondary-btn,.billing-link-btn{background:var(--bg-muted, #f1f5f9);color:var(--text-primary, inherit);border:1px solid var(--border-subtle, #e2e8f0)}.billing-history-list{display:flex;flex-direction:column;gap:0}.billing-history-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-subtle, #eee)}.billing-history-row:last-child{border-bottom:none}.billing-history-title{font-weight:600}.billing-history-meta{font-size:.8rem;color:var(--text-muted, #666);margin-top:.15rem}.billing-history-actions{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.billing-history-amount{font-weight:600}.billing-receipt-link{background:none;border:none;color:var(--primary, #2563eb);font-size:.8rem;font-weight:600;cursor:pointer;padding:0}.billing-table{width:100%;border-collapse:collapse;font-size:.875rem}.billing-table th,.billing-table td{text-align:left;padding:.5rem .75rem .5rem 0;border-bottom:1px solid var(--border-subtle, #eee)}.billing-table th{color:var(--text-muted, #666);font-weight:600}.billing-txn-meta{color:var(--text-muted, #666);font-size:.8rem}.billing-status{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.billing-status-paid{background:#16a34a26;color:#16a34a}.billing-status-pending{background:#eab30826;color:#a16207}.billing-status-failed,.billing-status-cancelled{background:#dc26261f;color:#dc2626}.platform-gateway-page{padding:1.5rem;max-width:720px;margin:0 auto}.platform-gateway-loading{color:var(--text-muted, #666);padding:1rem 0}.platform-gateway-header{margin-bottom:1.5rem}.platform-gateway-header h1{font-size:1.5rem;margin:0 0 .25rem}.platform-gateway-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.platform-gateway-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);margin-bottom:1rem}.platform-gateway-card h2,.platform-gateway-card h3{font-size:1.1rem;margin:0 0 1rem;color:var(--text-primary, var(--app-text))}.platform-gateway-form .form-row label.required:after{content:" *";color:var(--app-logout, #dc2626)}.platform-gateway-info{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem}.platform-gateway-status{margin-bottom:1rem}.platform-gateway-verify{margin-top:1rem;padding:1rem;background:var(--bg-muted, #f8fafc);border-radius:8px}.platform-gateway-verify h3{font-size:1rem;margin:0 0 .5rem}.platform-gateway-recovery{margin:.75rem 0 0;font-size:.85rem;color:var(--text-muted, #666)}.platform-gateway-link-btn{background:none;border:none;color:var(--primary, #2563eb);cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.platform-gateway-link-btn:hover:not(:disabled){color:var(--primary-hover, #1d4ed8)}.platform-gateway-success{margin-top:1rem;padding:1rem;background:#d1fae5;border-radius:8px;color:#065f46}.platform-gateway-update{margin-top:1rem}.platform-gateway-form .form-row{margin-bottom:1rem}.platform-gateway-form .form-row label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.platform-gateway-form .form-row input{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--border, #ddd));border-radius:8px;font-size:1rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.platform-gateway-form .form-row input::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.platform-gateway-form .form-row input:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.platform-gateway-form .form-actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}@media (max-width: 768px){.platform-gateway-page{padding-bottom:5rem}}.tal-list{display:flex;flex-direction:column;gap:.75rem}.tal-card{display:block;text-decoration:none;color:inherit;background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1rem 1.25rem;border:1px solid var(--border-subtle, #e5e7eb);box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .06));transition:border-color .15s,box-shadow .15s}.tal-card:hover{border-color:var(--primary, #1e3a5f);box-shadow:0 4px 12px #0f766e1f}.tal-card.highlighted{border-color:var(--primary, #1e3a5f);background:#0f766e0a}.tal-card-top{display:flex;align-items:flex-start;gap:.75rem}.tal-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#0f766e1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:var(--primary, #1e3a5f)}.tal-avatar img{width:100%;height:100%;object-fit:cover}.tal-body{flex:1;min-width:0}.tal-name{font-weight:700;font-size:.95rem}.tal-meta{font-size:.82rem;color:var(--text-secondary, #475569);margin-top:2px}.tal-meta.muted{color:var(--text-muted, #94a3b8)}.tal-status{font-size:.72rem;font-weight:700;padding:.25rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.tal-status.status-pending{background:#fef3c7;color:#92400e}.tal-status.status-approved{background:#d1fae5;color:#065f46}.tal-status.status-rejected{background:#fee2e2;color:#991b1b}.tal-review-hint{margin-top:.5rem;font-size:.78rem;font-weight:600;color:var(--primary, #1e3a5f)}.tal-empty,.tal-empty-wrap{color:var(--text-muted, #64748b);padding:1.5rem 0;text-align:center}.tal-empty-title{font-weight:700;color:var(--text, #0f172a);margin:0 0 .35rem}.tal-empty-sub{margin:0 0 .75rem;font-size:.9rem}.tal-invite-link{color:var(--primary, #1e3a5f);font-weight:600;text-decoration:none}.tal-invite-link:hover{text-decoration:underline}.complaints-page{max-width:900px}.complaints-empty-msg,.complaints-loading,.complaints-empty{color:var(--text-muted, #666);padding:1rem 0}.complaints-header{margin-bottom:1.5rem}.complaints-eyebrow{margin:0 0 .25rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted, #666)}.complaints-header h1{font-size:1.75rem;margin:0 0 .25rem}.complaints-subtitle{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem;line-height:1.45;max-width:520px}.complaints-tab-row{display:flex;gap:.35rem;padding:4px;border-radius:12px;border:1px solid var(--border-subtle, var(--border, #e5e7eb));background:var(--surface-elevated, var(--bg-muted, #f3f4f6));margin-top:1rem}.complaints-tab-btn{flex:1;padding:.6rem .75rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary, #6b7280);font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.complaints-tab-btn.active{background:var(--surface-secondary, #fff);color:var(--primary, #2563eb);border-color:color-mix(in srgb,var(--primary, #2563eb) 28%,transparent);box-shadow:0 1px 3px #0000000f}.complaints-filters{margin-bottom:1rem}.complaints-filters select{padding:.5rem .75rem;border-radius:8px;border:1px solid var(--input-border, var(--border, #ddd));background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.complaints-filters select:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.complaints-list{display:flex;flex-direction:column;gap:.75rem}.complaints-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1rem 1.25rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);cursor:pointer}.complaints-card.highlighted{border-color:var(--primary, #2563eb);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary, #2563eb) 35%,transparent)}.complaints-card-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.complaints-card-title{font-weight:600}.complaints-badge{font-size:.8rem;padding:.2rem .5rem;border-radius:6px;text-transform:capitalize}.complaints-badge.status-pending{background:#fef3c7;color:#92400e}.complaints-badge.status-in_progress{background:#dbeafe;color:#1e40af}.complaints-badge.status-resolved{background:#d1fae5;color:#065f46}.complaints-badge.status-cancelled{background:#f3f4f6;color:#6b7280}.complaints-card-desc{margin:.5rem 0;font-size:.95rem}.complaints-card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-muted, #666)}.complaint-detail-loading{padding:1rem 0;color:var(--text-muted, #666)}.complaint-detail{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border, #eee)}.complaint-detail-images{display:flex;gap:.5rem;margin-bottom:1rem}.complaint-detail-images img{width:80px;height:80px;object-fit:cover;border-radius:8px}.complaint-detail-actions{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.complaint-detail-actions select{padding:.4rem .75rem;border-radius:8px;border:1px solid var(--input-border, var(--border, #ddd));background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.complaint-detail-actions select:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.complaint-resolution{margin-bottom:1rem;font-size:.9rem;color:var(--text-muted, #666)}.complaint-comments h4{font-size:1rem;margin:0 0 .75rem}.complaint-comment{background:var(--surface-elevated, var(--bg-muted, #f8f9fa));border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem;border:1px solid var(--border-subtle, transparent)}.complaint-comment.staff{border-left:3px solid var(--accent, var(--primary, #2563eb))}.complaint-comment-author{font-weight:600;margin-right:.5rem;color:var(--text-primary, var(--text, #333))}.complaint-comment-badge{font-size:.7rem;background:var(--primary, #2563eb);color:var(--app-btn-primary-color, #fff);padding:.1rem .4rem;border-radius:4px}.complaint-comment p{margin:.35rem 0 0;color:var(--text-primary, var(--text, #333))}.complaint-comment-time{font-size:.75rem;color:var(--text-muted, #666)}.complaint-comment-images{display:flex;gap:.25rem;margin-top:.25rem}.complaint-comment-images img{width:48px;height:48px;object-fit:cover;border-radius:4px}.complaint-add-comment{margin-top:1rem}.complaint-add-comment textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--border, #ddd));border-radius:8px;font-size:1rem;margin-bottom:.5rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.complaint-add-comment textarea::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.complaint-add-comment textarea:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.complaint-detail-close{margin-top:1rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border, #ddd);background:var(--bg, #fff);cursor:pointer}.notifications-send-page{padding:1.5rem;max-width:560px;margin:0 auto}.notifications-send-empty{color:var(--text-muted, #666);padding:1rem 0}.notifications-send-header{margin-bottom:1.5rem}.notifications-send-header h1{font-size:1.5rem;margin:0 0 .25rem}.notifications-send-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.notifications-send-form{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent)}.notifications-send-form .form-row{margin-bottom:1rem}.notifications-send-form .form-row label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.notifications-send-form .form-row input,.notifications-send-form .form-row select,.notifications-send-form .form-row textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--border, #ddd));border-radius:8px;font-size:1rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.notifications-send-form .form-row select:focus,.notifications-send-form .form-row textarea:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.notifications-send-form .form-row textarea{resize:vertical}.notifications-send-form .form-row textarea::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.notifications-send-form .form-row small{display:block;margin-top:.25rem;color:var(--text-muted, #666)}.form-actions{margin-top:1.25rem}.notif-inbox-page{padding:20px;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.notif-inbox-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.notif-inbox-header-text{flex:1;min-width:0}.notif-inbox-sent-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--app-border);border-radius:12px;background:var(--surface-primary, var(--app-card-bg));color:var(--app-btn-primary-bg);font-weight:800;font-size:.875rem;text-decoration:none;flex-shrink:0;transition:background .15s ease}.notif-inbox-sent-btn:hover{background:var(--surface-secondary, var(--app-btn-bg))}.notif-inbox-title-h1{margin:0;color:var(--app-text);font-size:1.75rem;font-weight:800}.notif-inbox-subtitle{margin:6px 0 0;color:var(--app-text-muted);font-size:.95rem}.notif-inbox-loading{padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}.notif-inbox-list{display:flex;flex-direction:column;gap:12px}.notif-inbox-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid var(--app-border);border-radius:12px;background:var(--surface-primary, var(--app-card-bg));text-align:left;cursor:pointer;font:inherit;color:inherit;transition:background .15s ease,border-color .15s ease}.notif-inbox-card:hover{background:var(--surface-secondary, var(--app-btn-bg))}.notif-inbox-card.unread{background:var(--surface-elevated, var(--app-card-bg));border-left:4px solid var(--app-btn-primary-bg)}.notif-inbox-card-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--app-btn-primary-bg) 13%,transparent);color:var(--app-btn-primary-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-inbox-card-body{flex:1;min-width:0}.notif-inbox-card-title{font-weight:700;color:var(--app-text);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-inbox-card-message{font-size:.9rem;color:var(--app-text-muted);line-height:1.35;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-inbox-card-date{font-size:.78rem;color:var(--app-text-muted);font-weight:600}.notif-inbox-card-chevron{flex-shrink:0;color:var(--app-text-muted)}.notif-inbox-empty{border:1px solid var(--app-border);border-radius:16px;padding:48px 24px;text-align:center;background:var(--surface-primary, var(--app-card-bg))}.notif-inbox-empty-icon{width:80px;height:80px;margin:0 auto 16px;border-radius:40px;background:var(--surface-secondary, var(--app-btn-bg));color:var(--app-text-muted);display:flex;align-items:center;justify-content:center}.notif-inbox-empty-title{margin:0 0 6px;font-weight:700;color:var(--app-text);font-size:1rem}.notif-inbox-empty-sub{margin:0;color:var(--app-text-muted);font-size:.875rem}.notif-inbox-refresh{margin-top:20px;padding:8px 16px;border:1px solid var(--app-border);border-radius:10px;background:var(--surface-primary, var(--app-card-bg));color:var(--app-text);font-weight:700;cursor:pointer}.notif-inbox-refresh:hover:not(:disabled){background:var(--surface-secondary, var(--app-btn-bg))}.notif-inbox-refresh:disabled{opacity:.6;cursor:default}.data-table-wrapper{position:relative;width:100%;max-width:100%;overflow:hidden}.data-table-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;position:relative}.data-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;flex:1;min-width:0}.data-table-search{min-width:200px;max-width:320px;padding:.5rem .75rem;border:1px solid var(--input-border, var(--border-subtle, var(--app-border)));border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--surface-secondary, var(--app-input-bg)));color:var(--input-text, var(--text-primary, var(--app-text)));transition:border-color .2s,box-shadow .2s}.data-table-search::placeholder{color:var(--input-placeholder, var(--text-secondary, var(--app-text-muted)))}.data-table-search:focus{outline:none;border-color:var(--input-focus, var(--accent, var(--app-status-mid)));box-shadow:0 0 0 2px #007aff26}.data-table-pagination-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.data-table-page-size{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--app-text)}.data-table-page-size select{padding:.4rem .5rem;border:1px solid var(--input-border, var(--app-border));border-radius:8px;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.data-table-page-size select:focus{outline:none;border-color:var(--input-focus, var(--app-border))}.data-table-range{font-size:.875rem;color:var(--text-secondary, var(--app-text-muted))}.data-table-page-buttons{display:flex;align-items:center;gap:.25rem}.data-table-page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--app-border);border-radius:8px;background:var(--app-btn-bg);color:var(--app-text);font-size:1.1rem;cursor:pointer;transition:background .2s}.data-table-page-btn:hover:not(:disabled){background:var(--app-card-bg)}.data-table-page-btn:disabled{opacity:.5;cursor:not-allowed}.data-table-page-num{font-size:.8rem;color:var(--app-text-muted);padding:0 .5rem}.data-table-controls{position:relative}.column-toggle-btn{background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;color:var(--text-primary, var(--app-text));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft, 0 2px 4px rgba(0, 0, 0, .05))}.column-toggle-btn:hover{background:var(--surface-elevated, var(--app-card-bg))}.column-toggle-btn:active{transform:scale(.98)}.column-toggle-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:200px;animation:bounceIn .3s cubic-bezier(.68,-.55,.265,1.55)}.column-toggle-header{font-weight:600;color:var(--text-primary, var(--app-text));margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle, var(--app-border-light));font-size:.9rem}.column-toggle-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;cursor:pointer;border-radius:8px;transition:background .2s;color:var(--text-primary, var(--app-text))}.column-toggle-item:hover{background:var(--surface-secondary, var(--app-input-bg))}.column-toggle-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--input-focus, var(--app-status-mid))}.glass-table-wrapper{background:var(--app-card-bg, #ffffff);border:1px solid var(--border-subtle, var(--app-border-light));border-radius:12px;overflow-x:auto;overflow-y:visible;box-shadow:0 1px 3px #0000000d;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55);width:100%;position:relative;display:block;box-sizing:border-box;isolation:isolate}.data-table{width:auto;min-width:100%;border-collapse:collapse;background:var(--app-card-bg, #ffffff);table-layout:fixed;margin:0;display:table}.data-table thead{background:var(--surface-secondary, var(--app-input-bg))}.table-header-cell{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;letter-spacing:.5px;color:var(--text-primary, var(--app-text));border-bottom:2px solid var(--border-subtle, var(--app-border));cursor:move;-webkit-user-select:none;user-select:none;position:relative;transition:background .2s;overflow:visible}.table-header-cell.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.table-header-cell:hover{background:var(--surface-elevated, var(--app-card-bg))}.table-header-cell.dragging{opacity:.5;cursor:grabbing}.table-header-cell.drag-over{background:var(--app-input-bg);border-left:3px solid var(--app-status-mid)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.drag-handle{opacity:.4;font-size:1rem;cursor:grab;transition:opacity .2s}.table-header-cell:hover .drag-handle{opacity:.8}.table-header-cell:active .drag-handle{cursor:grabbing}.resize-handle{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;background:transparent;z-index:1;transition:background .2s}.resize-handle:hover{background:var(--border-subtle, var(--app-border))}.table-header-cell.resizing .resize-handle{background:var(--accent, var(--app-status-mid));width:3px}.actions-header{text-align:center;cursor:default}.actions-header .resize-handle{cursor:default}.actions-header .resize-handle:hover{background:transparent}.table-row{border-bottom:1px solid var(--border-subtle, var(--app-border-light));transition:background .15s ease;background:var(--app-card-bg, #ffffff)}.table-row:nth-child(2n){background:var(--surface-secondary, rgba(0, 0, 0, .015))}.table-row:hover{background:var(--surface-elevated, rgba(0, 0, 0, .025))!important}.table-cell{padding:.75rem 1rem;color:var(--text-primary, var(--app-text));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.actions-cell{text-align:center;width:150px;position:sticky;right:0;z-index:2;background:inherit;box-shadow:-2px 0 4px #00000008}.table-row:hover .actions-cell,.table-row.selected .actions-cell{background:inherit}.action-buttons{display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn{background:var(--app-btn-bg);border:1px solid var(--app-border);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;color:var(--app-text);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.action-btn:hover{background:var(--app-card-bg)}.edit-btn:hover{border-color:var(--app-status-mid);color:var(--app-btn-primary-bg)}.delete-btn:hover{border-color:var(--app-logout);color:var(--app-logout)}.empty-cell{padding:3rem;text-align:center;color:var(--text-secondary, var(--app-text-muted));font-size:1rem}.selection-header{text-align:center;cursor:default;position:sticky;left:0;z-index:3;background:var(--surface-secondary, var(--app-input-bg));box-shadow:2px 0 4px #00000008}.selection-header .select-all-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--input-focus, var(--accent, var(--app-status-mid)))}.selection-cell{text-align:center;padding:.75rem 1rem;position:sticky;left:0;z-index:2;background:inherit;box-shadow:2px 0 4px #00000008}.table-row:hover .selection-cell,.table-row.selected .selection-cell{background:inherit}.row-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--input-focus, var(--app-status-mid))}.table-row.selected{background:var(--surface-elevated, rgba(0, 0, 0, .03))!important}.table-row.selected:hover{background:var(--surface-elevated, rgba(0, 0, 0, .04))!important}.table-footer{margin-top:1rem;padding:1rem 1.5rem;border-radius:12px;background:var(--app-card-bg);border:1px solid var(--app-border-light);animation:bounceUp .3s cubic-bezier(.68,-.55,.265,1.55)}.table-footer-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.selected-count{font-weight:600;color:var(--text-primary, var(--app-text));font-size:.95rem}.table-footer-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.glass-table-wrapper::-webkit-scrollbar{height:8px}.glass-table-wrapper::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:10px}.glass-table-wrapper::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:10px;transition:background .3s}.glass-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--app-text-muted)}@media (max-width: 768px){.column-toggle-menu{right:0;left:auto}.glass-table-wrapper{overflow-x:auto}.data-table{min-width:600px}}.notif-sent-page{padding:20px;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.notif-sent-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.notif-sent-h1{margin:0;color:var(--app-text);font-size:1.75rem;font-weight:800}.notif-sent-sub{margin:6px 0 0;color:var(--app-text-muted);font-size:.95rem}.notif-sent-refresh{padding:.45rem .9rem;border:1px solid var(--app-border);border-radius:10px;background:var(--app-btn-bg);color:var(--app-text);cursor:pointer;font-weight:800}.notif-sent-filters{margin-bottom:1.25rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notif-sent-search{padding:.5rem .75rem;border-radius:10px;border:1px solid var(--input-border, var(--app-border));font-size:.92rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text));min-width:260px}.notif-sent-select{padding:.5rem .75rem;border-radius:10px;border:1px solid var(--input-border, var(--app-border));font-size:.92rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.notif-sent-loading{padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}.notif-sent-title{border:none;background:transparent;padding:0;cursor:pointer;text-align:left;font:inherit;font-weight:900;color:var(--app-text);text-decoration:underline;text-underline-offset:3px}.notif-sent-title:hover{color:var(--app-text-muted)}.notif-sent-message{color:var(--app-text)}.notif-sent-pill{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--app-input-bg);border:1px solid var(--app-border);font-weight:900;font-size:.75rem;color:var(--app-text)}.notif-sent-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:900;display:inline-block}.notif-sent-badge.unread{background:var(--app-status-mid);color:#fff}.notif-sent-badge.read{background:var(--app-status-muted);color:#fff}.notif-sent-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--app-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.notif-sent-modal{width:94%;max-width:980px;max-height:92vh;overflow:auto;background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-strong, 0 8px 32px rgba(0, 0, 0, .15))}.notif-sent-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notif-sent-modal-title{margin:0;color:var(--app-text);font-size:1.2rem;font-weight:950}.notif-sent-modal-meta{margin-top:6px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--app-text-muted);font-weight:800;font-size:.9rem}.notif-sent-mini{color:var(--app-text-muted);font-weight:800;font-size:.9rem}.notif-sent-close{border:1px solid var(--app-border);background:var(--app-btn-bg);color:var(--app-text);border-radius:10px;padding:6px 10px;cursor:pointer;font-weight:950}.notif-sent-modal-message{margin-top:10px;color:var(--app-text);background:var(--app-input-bg);border:1px solid var(--app-border);border-radius:12px;padding:10px 12px;font-weight:700}.notif-sent-rec-filters{margin-top:14px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.notif-sent-rec-name{display:flex;flex-direction:column;gap:2px}.notif-sent-rec-main{font-weight:950;color:var(--app-text)}.notif-sent-rec-sub{font-weight:750;color:var(--app-text-muted);font-size:.88rem}.notif-sent-pager{margin-top:12px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.notif-sent-pager-btn{padding:.4rem .8rem;border:1px solid var(--app-border);border-radius:10px;background:var(--app-btn-bg);color:var(--app-text);cursor:pointer;font-weight:900}.notif-sent-pager-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 860px){.notif-sent-header{flex-direction:column;align-items:flex-start}}.notif-sent-footerhint{margin-top:10px;color:var(--app-text-muted);font-weight:750;font-size:.9rem}.notif-sent-footerhint code{background:var(--app-input-bg);border:1px solid var(--app-border);border-radius:10px;padding:2px 8px}.notif-rec-page{padding:20px;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.notif-rec-header{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.notif-rec-back{border:none;background:transparent;color:var(--app-text);cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px;font-weight:800}.notif-rec-back:hover{color:var(--app-text-muted)}.notif-rec-head-main{flex:1;min-width:260px}.notif-rec-h1{margin:0;color:var(--app-text);font-size:1.5rem;font-weight:900}.notif-rec-meta{margin-top:6px;display:flex;flex-wrap:wrap;gap:10px;color:var(--app-text-muted);font-weight:800;font-size:.92rem}.notif-rec-message{margin:10px 0 14px;color:var(--app-text);background:var(--app-input-bg);border:1px solid var(--app-border);border-radius:12px;padding:10px 12px;font-weight:700}.notif-rec-filters{margin-bottom:1.25rem;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.notif-rec-search{padding:.5rem .75rem;border-radius:10px;border:1px solid var(--input-border, var(--app-border));font-size:.92rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text));min-width:260px}.notif-rec-select{padding:.5rem .75rem;border-radius:10px;border:1px solid var(--input-border, var(--app-border));font-size:.92rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.notif-rec-loading{padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}.notif-rec-link{border:none;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit;width:100%}.notif-rec-main{font-weight:950;color:var(--app-text);text-decoration:underline;text-underline-offset:3px}.notif-rec-link:hover .notif-rec-main{color:var(--app-text-muted)}.notif-rec-sub{margin-top:3px;font-weight:750;color:var(--app-text-muted);font-size:.88rem}.notif-rec-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:900;display:inline-block}.notif-rec-badge.unread{background:var(--app-status-mid);color:#fff}.notif-rec-badge.read{background:var(--app-status-muted);color:#fff}.notif-rec-pager{margin-top:12px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.notif-rec-pager-btn{padding:.4rem .8rem;border:1px solid var(--app-border);border-radius:10px;background:var(--app-btn-bg);color:var(--app-text);cursor:pointer;font-weight:900}.notif-rec-pager-btn:disabled{opacity:.5;cursor:not-allowed}.notif-rec-mini{color:var(--app-text-muted);font-weight:800;font-size:.9rem}.notif-rec-note{margin-top:12px;color:var(--app-text-muted);font-weight:750;font-size:.9rem}.activity-page{padding:20px;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.activity-title{margin:0;color:var(--app-text);font-size:1.75rem;font-weight:800}.activity-sub{margin:6px 0 0;color:var(--app-text-muted);font-size:.95rem}.activity-refresh{padding:.45rem .9rem;border:1px solid var(--app-border);border-radius:10px;background:var(--app-btn-bg);color:var(--app-text);cursor:pointer;font-weight:800}.activity-filters{margin-bottom:1.25rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.activity-search{padding:.5rem .75rem;border-radius:10px;border:1px solid var(--input-border, var(--app-border));font-size:.92rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text));min-width:320px}.activity-select{padding:.5rem .75rem;border-radius:10px;border:1px solid var(--input-border, var(--app-border));font-size:.92rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.activity-loading{padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}.activity-link{border:none;background:transparent;padding:0;cursor:pointer;text-align:left;font:inherit;font-weight:900;color:var(--app-text);text-decoration:underline;text-underline-offset:3px}.activity-link:hover{color:var(--app-text-muted)}.activity-summary{color:var(--app-text);display:inline-block;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 860px){.activity-header{flex-direction:column;align-items:flex-start}}.activity-detail-page{padding:20px;max-width:720px;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.activity-detail-back{border:none;background:transparent;color:var(--app-text);cursor:pointer;padding:6px 0 14px;text-decoration:underline;text-underline-offset:3px;font-weight:850}.activity-detail-back:hover{color:var(--app-text-muted)}.activity-detail-head-card{background:var(--app-card-bg);border:1px solid var(--app-border);border-radius:14px;padding:16px;margin-bottom:14px}.activity-detail-head-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.activity-detail-kicker{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--app-text-muted)}.activity-detail-info-btn{width:32px;height:32px;border-radius:999px;border:1px solid var(--app-border);background:var(--app-input-bg);color:var(--app-btn-primary-bg, var(--app-text));font-weight:900;font-size:.9rem;cursor:pointer;line-height:1}.activity-detail-info-btn:hover{background:var(--app-border)}.activity-detail-title{margin:8px 0 0;color:var(--app-text);font-size:1.35rem;font-weight:900;line-height:1.25}.activity-detail-subtitle{margin:8px 0 0;color:var(--app-text-muted);font-size:.95rem;line-height:1.45}.activity-detail-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.activity-detail-meta-chip{display:inline-flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:10px;background:var(--app-input-bg);border:1px solid var(--app-border);min-width:120px}.activity-detail-meta-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted)}.activity-detail-meta-chip strong{color:var(--app-text);font-weight:800;font-size:.9rem}.activity-detail-amount{margin:12px 0 0;font-size:1.45rem;font-weight:900;color:var(--app-text)}.activity-detail-badge{display:inline-block;margin-top:8px;font-size:.82rem;font-weight:800;color:var(--app-btn-primary-bg, var(--app-text))}.activity-detail-card{background:var(--app-card-bg);border:1px solid var(--app-border);border-radius:14px;padding:16px;margin-bottom:14px}.activity-detail-card-title{margin:0 0 12px;font-size:1rem;font-weight:900;color:var(--app-text)}.activity-detail-points{margin:0;padding-left:1.1rem;color:var(--app-text-muted);font-size:.94rem;line-height:1.55}.activity-detail-points li+li{margin-top:6px}.activity-detail-meta-list{margin:0;display:grid;gap:8px}.activity-detail-meta-item{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--app-border)}.activity-detail-meta-item:last-child{border-bottom:none}.activity-detail-meta-item dt{margin:0;font-size:.85rem;font-weight:800;color:var(--app-text-muted)}.activity-detail-meta-item dd{margin:0;font-size:.92rem;font-weight:700;color:var(--app-text);word-break:break-word}.activity-detail-loading{padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}.activity-wa-card{max-width:640px}.activity-wa-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.activity-wa-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#25d36626;color:#128c7e;font-weight:900;font-size:.75rem}.activity-wa-kind{margin:0;font-size:1.1rem;font-weight:900;color:var(--app-text)}.activity-wa-recipient{margin:0 0 12px;color:var(--app-text-muted);font-weight:700}.activity-wa-bubble{background:#dcf8c6;border:1px solid #b8e6a8;border-radius:14px;padding:14px 16px;margin-bottom:12px}.activity-wa-message{margin:0;color:#1a1a1a;font-size:.98rem;line-height:1.55;white-space:pre-wrap}.activity-wa-status{margin:0;font-weight:800;font-size:.92rem}.activity-wa-status.sent{color:#128c7e}.activity-wa-status.failed{color:#dc2626}.activity-wa-fail{margin:8px 0 0;color:#dc2626;font-size:.88rem;line-height:1.45}.activity-detail-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.activity-detail-info-modal{width:min(100%,480px);background:var(--app-card-bg);border:1px solid var(--app-border);border-radius:14px;padding:16px;box-shadow:0 20px 40px #0000002e}.activity-detail-info-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.activity-detail-info-head h2{margin:0;font-size:1.05rem;font-weight:900}.activity-detail-info-close{border:none;background:transparent;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--app-text-muted)}.activity-detail-info-lead{margin:0 0 12px;color:var(--app-text-muted);font-size:.92rem;line-height:1.5}.activity-detail-info-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.activity-detail-info-item{border:1px solid var(--app-border);border-radius:10px;padding:10px 12px;background:var(--app-input-bg)}.activity-detail-info-item strong{display:block;margin-bottom:4px;font-size:.88rem}.activity-detail-info-item p{margin:0;font-size:.88rem;line-height:1.45;color:var(--app-text-muted)}.activity-detail-info-ok{width:100%;border:none;border-radius:10px;padding:12px;background:var(--app-btn-primary-bg, #1e3a5f);color:#fff;font-weight:800;cursor:pointer}@media (max-width: 640px){.activity-detail-meta-item{grid-template-columns:1fr;gap:4px}}.wa-outbound-filter-strip{margin-bottom:1.15rem}.wa-outbound-filter-strip .payments-filter-clear{border:none;background:none;padding:0;font-size:.72rem;font-weight:700;color:var(--interactive-primary, var(--app-btn-primary-bg));cursor:pointer;text-decoration:underline}.wa-outbound-filter-strip .payments-filter-chips{display:flex;flex-wrap:wrap;gap:.45rem}.wa-outbound-filter-strip .payments-filter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));font-size:.72rem;font-weight:600;color:var(--text-primary, var(--app-text));cursor:pointer;max-width:100%}.wa-outbound-filter-strip .payments-filter-chip-dismiss{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--app-text-muted) 14%,transparent);font-size:.85rem;line-height:1;color:var(--app-text-muted)}.wa-outbound-filter-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}@media (min-width: 720px){.wa-outbound-filter-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}.wa-outbound-filter-control-value{font-size:.68rem;font-weight:700;opacity:.85;max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-outbound-filter-control-hostel-label{display:none}@media (min-width: 900px){.wa-outbound-filter-control-hostel-label{display:inline;font-size:.68rem;font-weight:700;opacity:.85;max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.wa-filter-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0000006b;display:flex;align-items:flex-end;justify-content:center}.wa-filter-sheet{position:relative;width:min(100%,520px);max-height:86vh;display:flex;flex-direction:column;background:var(--surface-primary, var(--app-card-bg));border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -6px 18px #0000002e;overflow:hidden}.wa-filter-sheet-handle-wrap{padding:10px 0 6px;display:flex;justify-content:center}.wa-filter-sheet-handle{width:44px;height:5px;border-radius:999px;background:var(--border-subtle, var(--app-border))}.wa-filter-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem .85rem}.wa-filter-sheet-header h2{margin:0;font-size:1.25rem;font-weight:900;letter-spacing:-.04em;color:var(--text-primary, var(--app-text))}.wa-filter-sheet-close{width:36px;height:36px;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));color:var(--app-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.wa-filter-sheet-content{padding:.35rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0));overflow:auto;display:flex;flex-direction:column;gap:.55rem}.wa-filter-preset-card{position:relative;text-align:left;width:100%;border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;padding:.95rem 3rem .95rem 1rem;background:var(--surface-elevated, var(--app-input-bg));cursor:pointer}.wa-filter-preset-card.active{border-color:var(--text-primary, var(--app-text));background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 8%,transparent)}.wa-filter-preset-title{display:block;font-size:1rem;font-weight:900;letter-spacing:-.02em;color:var(--text-primary, var(--app-text))}.wa-filter-preset-sub{display:block;margin-top:2px;font-size:.75rem;font-weight:700;color:var(--app-text-muted)}.wa-filter-preset-check{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-primary, var(--app-card-bg));display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary, var(--app-text))}@media (min-width: 640px){.wa-filter-sheet-overlay{align-items:center}.wa-filter-sheet{border-radius:24px;max-height:min(86vh,640px)}}.wa-outbound-page{padding:.75rem 1.25rem 1.5rem;max-width:none;margin:0;width:100%}.wa-outbound-denied,.wa-outbound-loading{color:var(--text-muted, #666);padding:1rem 0}.wa-outbound-header-actions{display:flex;gap:.5rem;align-items:center}.wa-outbound-link-btn{text-decoration:none;color:inherit;display:inline-flex;align-items:center}.wa-outbound-refresh{padding:.45rem .85rem;border-radius:8px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-secondary, #fff);font-weight:600;font-size:.8125rem;cursor:pointer;white-space:nowrap}.wa-outbound-refresh:disabled{opacity:.6;cursor:not-allowed}.wa-outbound-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.wa-outbound-summary-pill{padding:1rem;border-radius:12px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-secondary, #fff);text-align:center}.wa-outbound-summary-pill.sent{background:#16a34a14;border-color:#16a34a40}.wa-outbound-summary-pill.failed{background:#dc262614;border-color:#dc262640}.wa-outbound-summary-value{display:block;font-size:1.35rem;font-weight:800}.wa-outbound-summary-label{display:block;font-size:.75rem;color:var(--text-muted, #666);margin-top:.15rem}.wa-outbound-list{list-style:none;margin:0;padding:0}.wa-outbound-card{width:100%;text-align:left;padding:1rem 1.15rem;margin-bottom:.75rem;border-radius:12px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--surface-secondary, #fff);box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .06));cursor:pointer;transition:border-color .15s,box-shadow .15s}.wa-outbound-card:hover{border-color:var(--primary, #2563eb);box-shadow:0 2px 10px #2563eb1f}.wa-outbound-card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.wa-outbound-type-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:#2563eb1a;color:var(--primary, #2563eb);font-size:.75rem;font-weight:700;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-outbound-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700}.wa-outbound-status-badge.sent{background:#16a34a26;color:#16a34a}.wa-outbound-status-badge.failed{background:#dc26261f;color:#dc2626}.wa-outbound-status-badge.large{font-size:.85rem;padding:.35rem .85rem}.wa-outbound-card-hostel{font-weight:700;font-size:1rem;margin-bottom:.15rem}.wa-outbound-card-tenant{font-size:.9rem;color:var(--text-secondary, #555);margin-bottom:.15rem}.wa-outbound-card-when{font-size:.8rem;color:var(--text-muted, #888);margin-bottom:.5rem}.wa-outbound-card-preview{margin:0;font-size:.9rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wa-outbound-card-error{margin:.5rem 0 0;font-size:.8rem;font-weight:600;color:#dc2626}.wa-outbound-card-link{display:inline-block;margin-top:.65rem;font-size:.8rem;font-weight:600;color:var(--primary, #2563eb)}.wa-outbound-empty{text-align:center;padding:3rem 1rem}.wa-outbound-empty-title{font-weight:700;margin:0 0 .5rem}.wa-outbound-empty-sub{color:var(--text-muted, #666);font-size:.9rem;max-width:400px;margin:0 auto}.wa-outbound-load-more{text-align:center;margin-top:1rem}.wa-outbound-back{display:inline-block;margin-bottom:1rem;font-size:.875rem;font-weight:600;color:var(--primary, #2563eb);text-decoration:none}.wa-outbound-detail-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem}.wa-outbound-detail-header h1{margin:0;font-size:1.35rem;flex:1}.wa-outbound-detail-preview{padding:1rem 1.15rem;border-radius:12px;background:var(--bg-muted, #f8fafc);border:1px solid var(--border-subtle, #eee);margin-bottom:1.25rem}.wa-outbound-detail-preview h2{margin:0 0 .5rem;font-size:.85rem;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.04em}.wa-outbound-detail-preview p{margin:0;line-height:1.5}.wa-outbound-detail-grid{margin:0;padding:0}.wa-outbound-detail-row{display:grid;grid-template-columns:140px 1fr;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border-subtle, #eee)}.wa-outbound-detail-row dt{margin:0;font-size:.8rem;font-weight:600;color:var(--text-muted, #666)}.wa-outbound-detail-row dd{margin:0;font-size:.9rem;word-break:break-word}.wa-outbound-detail-row dd.mono{font-family:ui-monospace,monospace;font-size:.8rem}@media (max-width: 520px){.wa-outbound-summary{grid-template-columns:1fr}.wa-outbound-detail-row{grid-template-columns:1fr;gap:.15rem}}.wa-detail-page{padding:1.5rem 1.5rem 3rem;max-width:720px;margin:0 auto}.wa-detail-topbar{margin-bottom:1.25rem}.wa-detail-topbar h1{margin:.5rem 0 0;font-size:1.35rem}.wa-detail-back{display:inline-block;font-size:.875rem;font-weight:600;color:var(--primary, #2563eb);text-decoration:none}.wa-detail-muted,.wa-detail-error{color:var(--text-muted, #666);padding:1rem 0}.wa-detail-error{color:var(--app-logout, #dc2626)}.wa-detail-status-hero{text-align:center;padding:1.5rem 1rem;border-radius:14px;border:1px solid transparent;margin-bottom:1rem}.wa-detail-status-hero.sent{background:#16a34a1a;border-color:#16a34a59}.wa-detail-status-hero.failed{background:#dc262614;border-color:#dc262659}.wa-detail-status-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.wa-detail-status-hero.sent .wa-detail-status-icon{background:#16a34a33;color:#16a34a}.wa-detail-status-hero.failed .wa-detail-status-icon{background:#dc262626;color:#dc2626}.wa-detail-status-title{margin:0;font-size:1.15rem;font-weight:700}.wa-detail-status-hero.sent .wa-detail-status-title{color:#16a34a}.wa-detail-status-hero.failed .wa-detail-status-title{color:#dc2626}.wa-detail-status-sub{margin:.25rem 0 0;font-size:.95rem;color:var(--text-muted, #666)}.wa-detail-failure-banner{padding:1rem 1.15rem;margin-bottom:1rem;border-radius:10px;background:#dc26261a;border:1px solid rgba(220,38,38,.3)}.wa-detail-failure-banner strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#dc2626;margin-bottom:.35rem}.wa-detail-failure-banner p{margin:0;font-size:.9rem;line-height:1.45;color:#991b1b}.wa-detail-card{background:var(--surface-secondary, #fff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:12px;padding:1.15rem 1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .05))}.wa-detail-card h2{margin:0 0 .75rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #666)}.wa-detail-preview-body{margin:0;font-size:.95rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.wa-detail-grid{margin:0}.wa-detail-row{display:grid;grid-template-columns:150px 1fr;gap:.65rem 1rem;padding:.55rem 0;border-bottom:1px solid var(--border-subtle, #eee)}.wa-detail-row:last-child{border-bottom:none}.wa-detail-row dt{margin:0;font-size:.8rem;font-weight:600;color:var(--text-muted, #666)}.wa-detail-row dd{margin:0;font-size:.9rem;font-weight:500;word-break:break-word}.wa-detail-row dd.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:400}.wa-detail-payload-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:0}.wa-detail-payload-header h2{margin:0}.wa-detail-payload-actions{display:flex;gap:.5rem}.wa-detail-btn{padding:.35rem .75rem;border-radius:6px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-muted, #f8fafc);font-size:.8rem;font-weight:600;cursor:pointer}.wa-detail-btn:hover{border-color:var(--primary, #2563eb)}.wa-detail-payload-json{margin:.75rem 0 0;padding:1rem;border-radius:8px;background:#1e293b;color:#e2e8f0;font-size:.75rem;line-height:1.45;overflow-x:auto;max-height:420px;overflow-y:auto}@media (max-width: 520px){.wa-detail-row{grid-template-columns:1fr;gap:.15rem}}.wa-inbox-page{padding:.75rem 1.25rem 1.25rem;max-width:none;margin:0;height:100%;min-height:0;display:flex;flex-direction:column;flex:1}.wa-inbox-muted,.wa-inbox-empty{color:var(--text-muted, #666);padding:1rem 0}.wa-inbox-header-actions{display:flex;gap:.5rem;align-items:center}.wa-inbox-link-btn,.wa-inbox-refresh{padding:.45rem .85rem;border-radius:8px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-secondary, #fff);font-weight:600;font-size:.8125rem;cursor:pointer;text-decoration:none;color:inherit;white-space:nowrap}.wa-inbox-refresh:disabled{opacity:.6;cursor:not-allowed}.wa-inbox-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.wa-inbox-summary-pill{background:var(--surface-secondary, #fff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:12px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.15rem}.wa-inbox-summary-pill.unread{border-color:#25d36655;background:#25d3660d}.wa-inbox-summary-value{font-size:1.35rem;font-weight:700}.wa-inbox-summary-label{font-size:.8rem;color:var(--text-muted, #666)}.wa-inbox-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:1rem;border:1px solid var(--border-subtle, #e2e8f0);border-radius:16px;overflow:hidden;background:var(--surface-secondary, #fff)}.wa-inbox-list-panel{border-right:1px solid var(--border-subtle, #e2e8f0);display:flex;flex-direction:column;min-height:0}.wa-inbox-search{padding:.75rem;border-bottom:1px solid var(--border-subtle, #e2e8f0)}.wa-inbox-search input{width:100%;padding:.55rem .75rem;border-radius:8px;border:1px solid var(--border-subtle, #e2e8f0);font-size:.9rem}.wa-inbox-conversation-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.wa-inbox-conversation-item{width:100%;text-align:left;border:none;border-bottom:1px solid var(--border-subtle, #e2e8f0);background:transparent;padding:.85rem .9rem;cursor:pointer}.wa-inbox-conversation-item:hover,.wa-inbox-conversation-item.active{background:#25d36612}.wa-inbox-conversation-top,.wa-inbox-conversation-bottom{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.wa-inbox-conversation-name{font-weight:600;font-size:.95rem}.wa-inbox-conversation-time{font-size:.75rem;color:var(--text-muted, #666);white-space:nowrap}.wa-inbox-conversation-hostel{display:block;font-size:.78rem;color:var(--text-muted, #666);margin:.15rem 0}.wa-inbox-conversation-preview{font-size:.82rem;color:var(--text-muted, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.wa-inbox-unread-badge{background:#25d366;color:#fff;font-size:.72rem;font-weight:700;min-width:1.25rem;height:1.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 .35rem}.wa-inbox-thread-panel{display:flex;flex-direction:column;min-height:0}.wa-inbox-thread-placeholder{margin:auto}.wa-inbox-thread-header{padding:1rem 1.1rem;border-bottom:1px solid var(--border-subtle, #e2e8f0)}.wa-inbox-thread-header h2{margin:0 0 .2rem;font-size:1.1rem}.wa-inbox-thread-meta{margin:0;font-size:.82rem;color:var(--text-muted, #666)}.wa-inbox-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.65rem;background:#f8fafc}.wa-inbox-bubble-wrap{display:flex}.wa-inbox-bubble-wrap.inbound{justify-content:flex-start}.wa-inbox-bubble-wrap.outbound{justify-content:flex-end}.wa-inbox-bubble{max-width:min(80%,420px);border-radius:14px;padding:.65rem .8rem;box-shadow:0 1px 2px #0000000f}.wa-inbox-bubble.inbound{background:#fff;border:1px solid var(--border-subtle, #e2e8f0)}.wa-inbox-bubble.outbound{background:#dcf8c6;border:1px solid #b8e6a8}.wa-inbox-bubble p{margin:0 0 .35rem;white-space:pre-wrap;word-break:break-word}.wa-inbox-bubble-meta{font-size:.72rem;color:var(--text-muted, #666)}.wa-inbox-bubble-error{display:block;margin-top:.25rem;font-size:.75rem;color:#dc2626}.wa-inbox-compose{border-top:1px solid var(--border-subtle, #e2e8f0);padding:.85rem 1rem 1rem;background:#fff}.wa-inbox-window-note{margin:0 0 .65rem;font-size:.82rem;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:.55rem .75rem}.wa-inbox-compose-row{display:flex;gap:.65rem;align-items:flex-end}.wa-inbox-compose-row textarea{flex:1;resize:vertical;min-height:72px;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border-subtle, #e2e8f0);font-family:inherit;font-size:.92rem}.wa-inbox-send-btn{padding:.65rem 1.1rem;border:none;border-radius:10px;background:#25d366;color:#fff;font-weight:700;cursor:pointer}.wa-inbox-send-btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 900px){.wa-inbox-page{height:auto;min-height:calc(100vh - 4rem)}.wa-inbox-layout{grid-template-columns:1fr;min-height:70vh}.wa-inbox-list-panel{max-height:240px;border-right:none;border-bottom:1px solid var(--border-subtle, #e2e8f0)}.wa-inbox-summary{grid-template-columns:1fr}}.di-page{flex:1;min-height:0;width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.di-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1rem;padding-bottom:2.5rem}.di-hero{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:linear-gradient(135deg,color-mix(in srgb,var(--primary, #2563eb) 12%,var(--surface-secondary, #fff)),var(--surface-secondary, #fff) 55%);padding:1.25rem 1.35rem 1.1rem;display:grid;gap:1rem}.di-hero-glow{position:absolute;width:220px;height:220px;right:-60px;top:-80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary, #2563eb) 35%,transparent),transparent 70%);pointer-events:none}.di-hero-copy{position:relative;z-index:1;text-align:left}.di-eyebrow{margin:-2px 0 .6rem;display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--primary, #2563eb)}.di-eyebrow>span{display:inline-flex;align-items:center;line-height:1}.di-eyebrow-sep{font-size:.9em;line-height:1;opacity:.65;transform:translateY(-1px)}.di-hero-copy h2{margin:0 0 .45rem;font-size:1.45rem;letter-spacing:-.03em;color:var(--app-text, #111)}.di-hero-copy p{margin:0;color:var(--text-secondary, #6b7280);font-size:.92rem;line-height:1.45;max-width:58ch}.di-hero-steps{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem}.di-step{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--surface-elevated, #f3f4f6) 88%,transparent);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));font-size:.78rem;font-weight:700;color:var(--app-text, #111)}.di-step span{width:1.25rem;height:1.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, #2563eb);color:#fff;font-size:.7rem}.di-panel{border-radius:18px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--surface-secondary, var(--card-bg, #fff));box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .05));padding:1rem 1.1rem 1.15rem}.di-panel-head{margin-bottom:.85rem}.di-panel-head h3{margin:0;font-size:1.05rem;letter-spacing:-.02em;color:var(--app-text, #111)}.di-panel-head p{margin:.2rem 0 0;color:var(--text-muted, #666);font-size:.84rem}.di-header-actions{display:flex;gap:.45rem;flex-wrap:wrap}.di-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;padding:.65rem .95rem;font-size:.86rem;font-weight:750;cursor:pointer;transition:transform .12s,filter .15s,background .15s,border-color .15s}.di-btn:disabled{opacity:.5;cursor:not-allowed}.di-btn:not(:disabled):active{transform:translateY(1px)}.di-btn--primary{background:var(--primary, #2563eb);color:#fff}.di-btn--accent{background:#0f766e;color:#fff}.di-btn--ghost{background:var(--surface-elevated, #f3f4f6);color:var(--app-text, #111);border-color:var(--border-subtle, rgba(0, 0, 0, .08))}.di-hostel-tools{display:grid;grid-template-columns:1.2fr 1fr;gap:.75rem;margin-bottom:.75rem}.di-input{width:100%;border-radius:12px;border:1px solid var(--input-border, var(--border, #e5e7eb));background:var(--input-bg, var(--app-input-bg, #fff));color:var(--input-text, var(--app-text));padding:.7rem .85rem;font-size:.9rem}.di-input:focus{outline:none;border-color:var(--input-focus, var(--primary, #2563eb))}.di-selected-hostel{border-radius:12px;border:1px solid color-mix(in srgb,var(--primary, #2563eb) 35%,transparent);background:color-mix(in srgb,var(--primary, #2563eb) 8%,transparent);padding:.65rem .8rem;display:flex;flex-direction:column;gap:.15rem}.di-selected-hostel strong{font-size:.92rem;color:var(--app-text, #111)}.di-selected-hostel span{font-size:.78rem;color:var(--text-muted, #666)}.di-selected-hostel.is-muted{border-color:var(--border-subtle, rgba(0, 0, 0, .08));background:var(--surface-elevated, #f8fafc)}.di-combo{position:relative;min-width:0}.di-combo-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;text-align:left;border-radius:12px;border:1px solid var(--input-border, var(--border, #e5e7eb));background:var(--input-bg, var(--app-input-bg, #fff));padding:.6rem .85rem;cursor:pointer;transition:border-color .15s;min-height:3.1rem}.di-combo-trigger:hover,.di-combo-trigger[aria-expanded=true]{border-color:var(--input-focus, var(--primary, #2563eb))}.di-combo-placeholder{font-size:.9rem;color:var(--text-muted, #9ca3af)}.di-combo-value{display:flex;flex-direction:column;gap:.1rem;min-width:0}.di-combo-value strong{font-size:.9rem;color:var(--app-text, #111);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.di-combo-value span{font-size:.75rem;color:var(--text-muted, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.di-combo-caret{color:var(--text-muted, #666);font-size:.8rem;flex-shrink:0}.di-combo-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;border-radius:14px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:var(--surface-secondary, var(--card-bg, #fff));box-shadow:0 14px 40px #00000029;padding:.55rem;display:flex;flex-direction:column;gap:.45rem}.di-combo-search{padding:.55rem .75rem}.di-combo-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.di-combo-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;text-align:left;border-radius:10px;border:1px solid transparent;background:transparent;padding:.55rem .65rem;cursor:pointer}.di-combo-option:hover{background:var(--surface-elevated, #f3f4f6)}.di-combo-option.is-active{border-color:color-mix(in srgb,var(--primary, #2563eb) 40%,transparent);background:color-mix(in srgb,var(--primary, #2563eb) 10%,transparent)}.di-combo-option-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.di-combo-option-main strong{font-size:.87rem;color:var(--app-text, #111);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.di-combo-option-main span{font-size:.74rem;color:var(--text-muted, #666)}.di-combo-check{color:var(--primary, #2563eb);font-weight:800;flex-shrink:0}.di-combo-count{margin:0;padding:0 .25rem;font-size:.72rem;color:var(--text-muted, #666)}.di-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.di-template-card{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;border-radius:16px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--surface-elevated, #f8fafc);padding:.85rem .95rem;cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .15s}.di-template-card:hover{border-color:color-mix(in srgb,var(--primary, #2563eb) 45%,transparent);box-shadow:0 4px 14px #00000014}.di-template-card:active{transform:translateY(1px)}.di-template-icon{width:2.4rem;height:2.4rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--di-accent, var(--primary)) 24%,#fff);color:#0f172a;font-weight:800;font-size:1rem;flex-shrink:0}.di-template-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.di-template-text strong{font-size:.9rem;color:var(--app-text, #111)}.di-template-text span{font-size:.76rem;color:var(--text-muted, #666)}.di-template-ext{font-size:.72rem;font-weight:800;color:var(--primary, #2563eb);border:1px solid color-mix(in srgb,var(--primary, #2563eb) 35%,transparent);border-radius:999px;padding:.2rem .55rem;flex-shrink:0}.di-drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.di-drop{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;border-radius:16px;border:1.5px dashed color-mix(in srgb,var(--di-accent, var(--primary)) 55%,#cbd5e1);background:color-mix(in srgb,var(--di-accent, var(--primary)) 10%,transparent);padding:1rem;cursor:pointer;transition:border-color .15s,background .15s,transform .12s}.di-drop.is-drag,.di-drop.has-file{border-style:solid;border-color:var(--di-accent, var(--primary))}.di-drop-icon{width:2.4rem;height:2.4rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--di-accent, var(--primary)) 22%,#fff);color:#0f172a;font-weight:800;flex-shrink:0}.di-drop-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.di-drop-text strong{font-size:.92rem;color:var(--app-text, #111)}.di-drop-text span{font-size:.78rem;color:var(--text-muted, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.di-drop-cta,.di-drop-clear{font-size:.78rem;font-weight:800;color:var(--primary, #2563eb)}.di-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.95rem}.di-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:.85rem}.di-stat{border-radius:14px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--surface-elevated, #f8fafc);padding:.7rem .8rem;display:flex;flex-direction:column;gap:.15rem}.di-stat strong{font-size:1.2rem;letter-spacing:-.03em;color:var(--app-text, #111)}.di-stat span{font-size:.72rem;color:var(--text-muted, #666);font-weight:650}.di-stat--ok{background:color-mix(in srgb,#10b981 12%,transparent);border-color:color-mix(in srgb,#10b981 30%,transparent)}.di-stat--bad{background:color-mix(in srgb,#ef4444 10%,transparent);border-color:color-mix(in srgb,#ef4444 28%,transparent)}.di-result-toolbar{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;align-items:center;margin-bottom:.7rem}.di-chips{display:flex;flex-wrap:wrap;gap:.4rem}.di-chip{border-radius:999px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:var(--surface-elevated, #f8fafc);color:var(--text-secondary, #6b7280);padding:.35rem .75rem;font-size:.78rem;font-weight:750;text-transform:capitalize;cursor:pointer}.di-chip.is-active{background:var(--primary, #2563eb);border-color:var(--primary, #2563eb);color:#fff}.di-table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));max-height:420px}.di-table{width:100%;border-collapse:collapse;font-size:.82rem}.di-table th,.di-table td{padding:.65rem .75rem;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, .06));text-align:left;vertical-align:top}.di-table th{position:sticky;top:0;background:var(--surface-elevated, #f8fafc);z-index:1;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #666)}.di-empty-cell,.di-empty{color:var(--text-muted, #666);font-size:.9rem;padding:.75rem 0}.di-tag{display:inline-flex;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:800;text-transform:uppercase}.di-tag--room{background:#dcfce7;color:#166534}.di-tag--tenant{background:#e0f2fe;color:#075985}.di-status{display:inline-flex;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:800;text-transform:capitalize}.di-status--ready,.di-status--validated{background:#dbeafe;color:#1d4ed8}.di-status--success,.di-status--completed{background:#dcfce7;color:#166534}.di-status--failed,.di-status--completed_with_errors{background:#fee2e2;color:#b91c1c}.di-status--processing{background:#fef3c7;color:#92400e}.di-reason{color:var(--text-secondary, #6b7280);max-width:280px}.di-history{display:grid;gap:.55rem}.di-history-card{width:100%;text-align:left;border-radius:14px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--surface-elevated, #f8fafc);padding:.8rem .9rem;cursor:pointer;display:flex;flex-direction:column;gap:.35rem}.di-history-card.is-active{border-color:var(--primary, #2563eb);background:color-mix(in srgb,var(--primary, #2563eb) 8%,#fff)}.di-history-top,.di-history-meta{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.di-history-top strong{font-size:.92rem;color:var(--app-text, #111)}.di-history-meta{font-size:.78rem;color:var(--text-muted, #666)}.di-history-files{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.74rem;color:var(--text-secondary, #6b7280)}.di-history-files span{background:var(--surface-secondary, #fff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:999px;padding:.15rem .55rem}.di-panel--overflow{overflow:visible;position:relative;z-index:5}@media (max-width: 820px){.di-hostel-tools,.di-drop-grid,.di-template-grid,.di-stats{grid-template-columns:1fr}}:root{--bg: #020408;--bg2: #060b14;--navy: #0a1628;--cyan: #00e5ff;--cyan2: #00b4d8;--gold: #ffc107;--gold2: #ff9800;--rose: #ff4d6d;--text: #e8f4f8;--muted: #4a6580;--glass: rgba(255, 255, 255, .03);--gb: rgba(255, 255, 255, .06)}.landing-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;position:relative}.landing-page #pc{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.65}.landing-page .prog{position:fixed;top:0;left:0;height:2px;z-index:700;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--rose));width:0%;box-shadow:0 0 12px var(--cyan)}.landing-page .lp-nav{position:fixed;top:0;left:0;right:0;z-index:600;display:flex;align-items:center;justify-content:space-between;padding:20px 60px;background:#020408a6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--gb);animation:navIn .9s cubic-bezier(.23,1,.32,1) both}@keyframes navIn{0%{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}.landing-page .logo{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.landing-page .nav-logo-icon{height:72px;width:auto}.landing-page .nav-logo-wordmark{height:44px;width:auto}.landing-page .logo:before{content:"";position:absolute;top:-12px;right:-24px;bottom:-12px;left:-24px;border-radius:999px;background:radial-gradient(circle at 0% 50%,rgba(255,255,255,.35),transparent 60%),radial-gradient(circle at 100% 50%,rgba(255,255,255,.45),transparent 70%);filter:blur(16px);opacity:.9;z-index:-1}.landing-page .nav-r{display:flex;align-items:center;gap:28px}.landing-page .nav-lk{font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.landing-page .nav-lk:hover{color:var(--text)}.landing-page .nav-btn{font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:linear-gradient(135deg,var(--cyan),var(--cyan2));border:none;padding:10px 28px;border-radius:50px;text-decoration:none;transition:transform .25s,box-shadow .25s;box-shadow:0 0 24px #00e5ff59;position:relative;overflow:hidden}.landing-page .nav-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 44px #00e5ff99}.landing-page .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:130px 40px 90px;position:relative;z-index:1;overflow:hidden}.landing-page .hmesh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(0,229,255,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(255,193,7,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(255,77,109,.05) 0%,transparent 60%);animation:meshS 14s ease-in-out infinite alternate}@keyframes meshS{0%{filter:blur(0px)}to{filter:blur(2px)}}.landing-page .hring{position:absolute;border-radius:50%;border:1px solid rgba(0,229,255,.05);pointer-events:none;top:50%;left:50%}.landing-page .hr1{width:600px;height:600px;transform:translate(-50%,-50%);animation:rSpin 40s linear infinite}.landing-page .hr2{width:900px;height:900px;transform:translate(-50%,-50%);animation:rSpin 60s linear infinite reverse;border-color:#ffc1070a}.landing-page .hr3{width:1200px;height:1200px;transform:translate(-50%,-50%);animation:rSpin 80s linear infinite;border-color:#ff4d6d08}@keyframes rSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.landing-page .h-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 22px;border-radius:50px;background:#00e5ff0d;border:1px solid rgba(0,229,255,.18);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:44px;animation:fUp .8s .3s both}.landing-page .ldot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:lpulse 1.8s infinite}@keyframes lpulse{0%,to{box-shadow:0 0 #00e5ff80}50%{box-shadow:0 0 0 9px #00e5ff00}}.landing-page .h-title{font-family:Bebas Neue,system-ui,sans-serif;font-size:clamp(5rem,13vw,11rem);letter-spacing:.02em;line-height:.9;animation:fUp .8s .5s both}.landing-page .w1{display:block;background:linear-gradient(180deg,#fff 40%,#ffffff40);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-page .w2{display:block;background:linear-gradient(135deg,var(--cyan) 0%,var(--gold) 50%,var(--rose) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gM 5s ease infinite,fUp .8s .65s both;filter:drop-shadow(0 0 48px rgba(0,229,255,.35))}.landing-page .hero-title-logo{display:block;width:min(520px,80vw);max-width:100%;height:auto;margin:0 auto;transform-origin:center;animation:heroLogoIntro 1.6s cubic-bezier(.23,1,.32,1) .3s forwards,heroLogoShine 1.4s ease-out .6s forwards}.landing-page .hero-title-logo:after{content:""}@keyframes heroLogoIntro{0%{transform:translateY(40px) scale(1.4);opacity:0;filter:drop-shadow(0 0 0 rgba(0,229,255,0))}40%{opacity:1;transform:translateY(0) scale(1.4)}to{transform:translateY(0) scale(1);opacity:1;filter:drop-shadow(0 0 36px rgba(0,229,255,.55))}}@keyframes heroLogoShine{0%{-webkit-mask-image:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,0) 60%);-webkit-mask-position:-200%;-webkit-mask-size:200%}to{-webkit-mask-position:200%}}@keyframes gM{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.landing-page .h-sub{margin-top:28px;font-size:clamp(1rem,1.8vw,1.18rem);color:#e8f4f873;font-weight:300;max-width:510px;line-height:1.85;animation:fUp .8s .8s both}.landing-page .h-cta{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:52px;animation:fUp .8s 1s both}.landing-page .btn{position:relative;padding:17px 46px;border-radius:50px;font-weight:700;font-size:.92rem;letter-spacing:.04em;text-decoration:none;border:none;overflow:hidden;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s}.landing-page .btn-p{color:var(--bg);background:linear-gradient(135deg,var(--cyan),var(--cyan2));box-shadow:0 8px 40px #00e5ff66}.landing-page .btn-p:hover{transform:translateY(-5px) scale(1.04);box-shadow:0 20px 60px #00e5ff8c}.landing-page .btn-s{color:var(--text);background:transparent;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-page .btn-s:hover{transform:translateY(-4px);border-color:#ffffff40;background:#ffffff0d;box-shadow:0 20px 40px #0000004d}.landing-page .btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.22),transparent 70%);opacity:0;transition:opacity .3s}.landing-page .btn:hover:after{opacity:1}.landing-page .arr{margin-left:8px;display:inline-block;transition:transform .3s}.landing-page .btn:hover .arr{transform:translate(6px)}@keyframes fUp{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}.landing-page .stats{display:flex;flex-wrap:wrap;justify-content:center;max-width:880px;margin:0 auto;background:#ffffff06;border:1px solid var(--gb);border-radius:22px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;position:relative;z-index:2}.landing-page .sc{flex:1;min-width:160px;padding:34px 28px;text-align:center;border-right:1px solid var(--gb);position:relative;transition:background .3s}.landing-page .sc:last-child{border-right:none}.landing-page .sc:hover{background:#00e5ff08}.landing-page .sc:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .4s}.landing-page .sc:nth-child(1):after{background:var(--cyan)}.landing-page .sc:nth-child(2):after{background:var(--gold)}.landing-page .sc:nth-child(3):after{background:var(--rose)}.landing-page .sc:nth-child(4):after{background:linear-gradient(90deg,var(--cyan),var(--gold))}.landing-page .sc:hover:after{transform:scaleX(1)}.landing-page .sv{font-family:Bebas Neue,system-ui,sans-serif;font-size:2.6rem;letter-spacing:.06em;line-height:1}.landing-page .sc:nth-child(1) .sv{color:var(--cyan)}.landing-page .sc:nth-child(2) .sv{color:var(--gold)}.landing-page .sc:nth-child(3) .sv{color:var(--rose)}.landing-page .sc:nth-child(4) .sv{background:linear-gradient(135deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-page .sl{font-size:.7rem;color:var(--muted);margin-top:5px;letter-spacing:.08em;font-weight:500}.landing-page .ticker-wrap{overflow:hidden;white-space:nowrap;border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);padding:16px 0;background:#0000004d;position:relative;z-index:2;margin-top:80px}.landing-page .ticker-in{display:inline-flex;animation:tick 28s linear infinite}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-page .ti{display:inline-flex;align-items:center;gap:10px;font-family:Bebas Neue,system-ui,sans-serif;font-size:.95rem;letter-spacing:.18em;color:var(--muted);padding:0 36px}.landing-page .tdot{width:4px;height:4px;background:var(--cyan);border-radius:50%}.landing-page .sec{padding:130px 60px;position:relative;z-index:2}.landing-page .sec-in{max-width:1180px;margin:0 auto}.landing-page .tag{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:22px}.landing-page .tag:before{content:"";width:26px;height:1.5px;background:linear-gradient(90deg,var(--cyan),transparent)}.landing-page .stitle{font-family:Bebas Neue,system-ui,sans-serif;font-size:clamp(2.6rem,5.5vw,5rem);letter-spacing:.02em;line-height:.95;margin-bottom:22px}.landing-page .stitle em{font-style:normal;background:linear-gradient(135deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-page .sbody{font-size:1rem;color:#e8f4f873;line-height:1.85;max-width:520px;font-weight:300}.landing-page .ag{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.landing-page .fps{display:flex;flex-direction:column;gap:13px;margin-top:38px}.landing-page .fp{display:flex;align-items:center;gap:16px;background:#ffffff05;border:1px solid var(--gb);border-radius:16px;padding:17px 22px;transition:border-color .3s,transform .3s,background .3s}.landing-page .fp:hover{border-color:#00e5ff38;background:#00e5ff08;transform:translate(9px)}.landing-page .fpi{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.landing-page .fpi.c{background:#00e5ff1a}.landing-page .fpi.g{background:#ffc1071a}.landing-page .fpi.r{background:#ff4d6d1a}.landing-page .fpt h4{font-size:.86rem;font-weight:700;margin-bottom:2px}.landing-page .fpt p{font-size:.74rem;color:var(--muted);line-height:1.5}.landing-page .tilt{perspective:1100px}.landing-page .ti-in{background:#ffffff05;border:1px solid var(--gb);border-radius:28px;padding:4px;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s;transform-style:preserve-3d;will-change:transform}.landing-page .tilt:hover .ti-in{box-shadow:0 40px 100px #000000b3,0 0 80px #00e5ff12}.landing-page .mock{background:linear-gradient(145deg,#090f1e,#060b14);border-radius:24px;overflow:hidden}.landing-page .mbar{background:#ffffff0a;padding:13px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--gb)}.landing-page .dots2{display:flex;gap:7px}.landing-page .dd{width:11px;height:11px;border-radius:50%}.landing-page .dd:nth-child(1){background:#ff5f57}.landing-page .dd:nth-child(2){background:#ffbd2e}.landing-page .dd:nth-child(3){background:#28c840}.landing-page .mwt{font-size:.7rem;color:var(--muted);font-weight:600;letter-spacing:.08em;margin:0 auto}.landing-page .mbody{padding:22px}.landing-page .mr{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:18px}.landing-page .mb{background:#ffffff08;border:1px solid var(--gb);border-radius:13px;padding:15px 12px;position:relative;overflow:hidden;transition:border-color .3s}.landing-page .mb:hover{border-color:#00e5ff33}.landing-page .mb:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:0 0 13px 13px}.landing-page .mb:nth-child(1):before{background:var(--cyan)}.landing-page .mb:nth-child(2):before{background:var(--gold)}.landing-page .mb:nth-child(3):before{background:var(--rose)}.landing-page .mn{font-family:Bebas Neue,system-ui,sans-serif;font-size:1.7rem;letter-spacing:.05em;line-height:1}.landing-page .c1{color:var(--cyan)}.landing-page .c2{color:var(--gold)}.landing-page .c3{color:var(--rose)}.landing-page .ml{font-size:.58rem;color:var(--muted);margin-top:4px;letter-spacing:.06em}.landing-page .ca{background:#ffffff05;border:1px solid var(--gb);border-radius:13px;padding:15px;margin-bottom:15px}.landing-page .ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.landing-page .ct{font-size:.7rem;color:var(--text);font-weight:600}.landing-page .cbadge{font-size:.58rem;padding:3px 10px;border-radius:50px;background:#00e5ff1a;color:var(--cyan);border:1px solid rgba(0,229,255,.2)}.landing-page .bars2{display:flex;align-items:flex-end;gap:7px;height:75px}.landing-page .bw{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.landing-page .bf{width:100%;border-radius:4px 4px 0 0;animation:bUp 1.8s cubic-bezier(.23,1,.32,1) both}@keyframes bUp{0%{height:0!important}}.landing-page .bf.bc1{background:linear-gradient(to top,var(--cyan),rgba(0,229,255,.2))}.landing-page .bf.bc2{background:linear-gradient(to top,var(--gold),rgba(255,193,7,.2))}.landing-page .bf.bc3{background:linear-gradient(to top,var(--rose),rgba(255,77,109,.2))}.landing-page .bl{font-size:.52rem;color:var(--muted)}.landing-page .tl{display:flex;flex-direction:column;gap:8px}.landing-page .tr2{display:flex;align-items:center;gap:11px;background:#ffffff05;border:1px solid var(--gb);border-radius:10px;padding:9px 13px;transition:border-color .3s,transform .3s}.landing-page .tr2:hover{border-color:#00e5ff26;transform:translate(4px)}.landing-page .av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--bg);flex-shrink:0}.landing-page .av1{background:linear-gradient(135deg,var(--cyan),var(--cyan2))}.landing-page .av2{background:linear-gradient(135deg,var(--gold),var(--gold2))}.landing-page .av3{background:linear-gradient(135deg,var(--rose),#ff8fa3)}.landing-page .tn{font-size:.72rem;font-weight:600;flex:1}.landing-page .tr{font-size:.62rem;color:var(--muted)}.landing-page .ts{font-size:.58rem;font-weight:700;padding:3px 10px;border-radius:50px}.landing-page .paid{background:#00e5ff14;color:var(--cyan);border:1px solid rgba(0,229,255,.2)}.landing-page .due{background:#ffc10714;color:var(--gold);border:1px solid rgba(255,193,7,.2)}.landing-page .psec{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);overflow:hidden}.landing-page .ph{text-align:center;margin-bottom:76px}.landing-page .ph .tag{justify-content:center}.landing-page .ph .tag:before{display:none}.landing-page .ph .sbody{margin:0 auto}.landing-page .pchs{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:26px}.landing-page .pch{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:600;padding:9px 22px;border-radius:50px;background:#ffffff08;border:1px solid var(--gb);color:var(--muted);transition:all .25s}.landing-page .pch:hover{border-color:#00e5ff4d;color:var(--cyan);background:#00e5ff0d;transform:translateY(-3px);box-shadow:0 10px 28px #00e5ff1a}.landing-page .sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative}.landing-page .sgrid:before{content:"";position:absolute;top:52px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.25),rgba(255,193,7,.25),transparent)}.landing-page .sbox{background:#ffffff05;border:1px solid var(--gb);border-radius:26px;padding:42px 34px 38px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.23,1,.32,1),border-color .3s,box-shadow .3s}.landing-page .sbox:hover{transform:translateY(-14px);border-color:#00e5ff38;box-shadow:0 32px 80px #00000080,0 0 60px #00e5ff0d,inset 0 1px #00e5ff14}.landing-page .sbox:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(0,229,255,.07),transparent 70%);opacity:0;transition:opacity .4s}.landing-page .sbox:hover:before{opacity:1}.landing-page .sbox:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .45s}.landing-page .sbox:nth-child(1):after{background:var(--cyan)}.landing-page .sbox:nth-child(2):after{background:var(--gold)}.landing-page .sbox:nth-child(3):after{background:var(--rose)}.landing-page .sbox:hover:after{transform:scaleX(1)}.landing-page .snb{font-family:Bebas Neue,system-ui,sans-serif;font-size:5.5rem;letter-spacing:-.02em;line-height:1;position:absolute;top:16px;right:22px;opacity:.05;transition:opacity .3s}.landing-page .sbox:nth-child(1) .snb{color:var(--cyan)}.landing-page .sbox:nth-child(2) .snb{color:var(--gold)}.landing-page .sbox:nth-child(3) .snb{color:var(--rose)}.landing-page .sbox:hover .snb{opacity:.12}.landing-page .sico{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;margin-bottom:22px;position:relative;z-index:1}.landing-page .sbox:nth-child(1) .sico{background:#00e5ff1a;box-shadow:0 0 24px #00e5ff26}.landing-page .sbox:nth-child(2) .sico{background:#ffc1071a;box-shadow:0 0 24px #ffc10726}.landing-page .sbox:nth-child(3) .sico{background:#ff4d6d1a;box-shadow:0 0 24px #ff4d6d26}.landing-page .sttl{font-family:Bebas Neue,system-ui,sans-serif;font-size:1.35rem;letter-spacing:.04em;margin-bottom:12px;position:relative;z-index:1}.landing-page .sdsc{font-size:.82rem;color:var(--muted);line-height:1.75;position:relative;z-index:1}.landing-page .rzps{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:60px;padding:18px 36px;background:#00e5ff0a;border:1px solid rgba(0,229,255,.12);border-radius:14px;width:fit-content;margin-left:auto;margin-right:auto}.landing-page .rpd{width:8px;height:8px;background:var(--cyan);border-radius:50%;animation:rpp 2s infinite}@keyframes rpp{0%,to{box-shadow:0 0 #00e5ff80}50%{box-shadow:0 0 0 10px #00e5ff00}}.landing-page .rzt{font-size:.82rem;color:#e8f4f88c;font-weight:400}.landing-page .rzt strong{color:var(--cyan);font-weight:700}.landing-page .cg{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:flex-start}.landing-page .ccs{display:flex;flex-direction:column;gap:14px}.landing-page .cc{display:flex;align-items:center;gap:18px;background:#ffffff05;border:1px solid var(--gb);border-radius:18px;padding:26px 28px;transition:transform .3s,border-color .3s,box-shadow .3s}.landing-page .cc:hover{transform:translate(9px);border-color:#00e5ff33;box-shadow:0 20px 50px #0000004d}.landing-page .cci{width:48px;height:48px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.landing-page .cci.em{background:#00e5ff14;border:1px solid rgba(0,229,255,.14)}.landing-page .cci.ph{background:#ffc10714;border:1px solid rgba(255,193,7,.14)}.landing-page .ccl{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:5px}.landing-page .ccv{font-weight:700;font-size:.93rem}.landing-page .lp-footer{padding:60px 60px 44px;border-top:1px solid var(--gb);text-align:center;position:relative;z-index:2}.landing-page .flogo{margin-bottom:10px}.landing-page .fcopy{font-size:.76rem;color:var(--muted);letter-spacing:.05em}.landing-page .footer-logo-img{max-width:min(420px,80vw);width:100%;display:block;margin:0 auto;filter:drop-shadow(0 0 18px rgba(0,229,255,.3))}.landing-page .rv{opacity:0;transform:translateY(44px);transition:opacity .9s cubic-bezier(.23,1,.32,1),transform .9s cubic-bezier(.23,1,.32,1)}.landing-page .rv.on{opacity:1;transform:translateY(0)}.landing-page .d1{transition-delay:.1s}.landing-page .d2{transition-delay:.2s}.landing-page .d3{transition-delay:.3s}.landing-page .d4{transition-delay:.4s}@media (max-width: 960px){.landing-page .lp-nav{padding:15px 22px}.landing-page .sec{padding:80px 22px}.landing-page .ag,.landing-page .cg,.landing-page .sgrid{grid-template-columns:1fr}.landing-page .sgrid:before{display:none}.landing-page .stats{margin:0 22px}}@media (max-width: 560px){.landing-page .hero{padding:100px 20px 60px}.landing-page .h-title{font-size:clamp(3.5rem,14vw,5rem)}.landing-page .h-cta{flex-direction:column;align-items:center}.landing-page .btn{width:100%;max-width:300px;text-align:center}.landing-page .lp-nav .nav-lk{display:none}.landing-page .lp-footer{padding:36px 22px 28px}}.notification-bell-btn{position:relative;width:40px;height:40px;padding:0;border:none;border-radius:10px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,transform .15s ease}.notification-bell-btn:hover{background:var(--surface-secondary, rgba(0, 0, 0, .04));transform:scale(1.04)}.notification-bell-icon{display:block;object-fit:contain}.notification-bell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e53935;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;pointer-events:none}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem 1.1rem;background:var(--surface-primary, var(--app-card-bg));border-bottom:1px solid var(--app-border);position:sticky;top:0;z-index:90;flex-shrink:0}.app-header-left{flex:1;min-width:0;display:flex;align-items:center;gap:.65rem}.app-header-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--app-border);border-radius:10px;background:var(--surface-secondary, var(--app-card-bg));color:var(--text-primary, var(--app-text));cursor:pointer;flex-shrink:0}.app-header-greeting-wrap{position:relative;flex:1;min-width:0}.app-header-greeting{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0;border:none;background:transparent;text-align:left;cursor:default;color:inherit;font:inherit}.app-header-greeting.is-switchable{cursor:pointer}.app-header-greeting.is-switchable:hover .app-header-hostel-sub,.app-header-greeting.is-switchable:hover .app-header-name{color:var(--primary, var(--app-text))}.app-header-greeting-line{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, var(--app-text-muted));margin-bottom:.1rem}.app-header-name-row{display:inline-flex;align-items:center;gap:.2rem;max-width:100%}.app-header-name{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary, var(--app-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-chevron{flex-shrink:0;color:var(--text-secondary, var(--app-text-muted));transition:transform .2s ease}.app-header-chevron.open{transform:rotate(180deg)}.app-header-hostel-sub{margin-top:.15rem;font-size:.72rem;color:var(--text-secondary, var(--app-text-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app-header-hostel-address{display:block;margin-top:.1rem;font-size:.72rem;color:var(--text-secondary, var(--app-text-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-tenant-hostel,.app-header-brand-block{min-width:0}.app-header-brand-title{display:block;font-size:1.1rem;font-weight:700;color:var(--text-primary, var(--app-text))}.app-header-brand-sub{display:block;margin-top:.1rem;font-size:.75rem;color:var(--text-secondary, var(--app-text-muted))}.app-header-hostel-dropdown{position:absolute;top:calc(100% + .45rem);left:0;min-width:240px;background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--app-border);border-radius:12px;box-shadow:0 10px 40px var(--app-shadow);padding:.45rem;z-index:200}.app-header-hostel-dropdown-header{padding:.45rem .65rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary, var(--app-text-muted));border-bottom:1px solid var(--app-border-light, var(--app-border));margin-bottom:.2rem}.app-header-hostel-option{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.6rem .65rem;border:none;border-radius:8px;background:transparent;cursor:pointer;text-align:left;color:var(--text-primary, var(--app-text))}.app-header-hostel-option:hover{background:var(--nav-hover-bg, var(--surface-secondary, var(--app-btn-bg)))}.app-header-hostel-option.active{background:var(--nav-active-bg, var(--surface-elevated, #fff));box-shadow:var(--nav-active-shadow, 0 2px 8px rgba(0, 0, 0, .08))}.app-header-hostel-option-name{font-size:.9rem;font-weight:600}.app-header-hostel-option-city{margin-top:.1rem;font-size:.78rem;color:var(--text-secondary, var(--app-text-muted))}.app-header-right,.app-header-profile-cluster{display:flex;align-items:center;gap:.65rem;flex-shrink:0;margin-left:auto}.app-header-brand-label{height:26px;width:auto;max-width:100px;object-fit:contain;display:none}.app-header-profile-cluster .app-header-brand-label,.app-header-right .app-header-brand-label{display:block}.app-header-profile-btn{width:40px;height:40px;padding:0;border:none;border-radius:10px;background:var(--primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color, #fff);cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #1e3a5f2e}.app-header-profile-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px #1e3a5f38}.app-header-profile-photo{width:100%;height:100%;object-fit:cover}.app-header-profile-initials{font-size:.95rem;font-weight:700;line-height:1}@media (min-width: 900px){.app-header-profile-cluster .app-header-brand-label,.app-header-right .app-header-brand-label{height:28px}}@media (max-width: 768px){.app-header{padding:.85rem 1rem .95rem}.app-header-menu-btn{display:inline-flex}.app-header-name{font-size:1rem}.app-header--page-bar{padding:.65rem 1rem .75rem}.app-header-page-bar-main{flex-wrap:wrap;gap:.5rem}.app-header-page-bar-title-block{order:1;flex:1 1 auto;min-width:0}.app-header-profile-cluster{order:2;margin-left:auto}.app-header-page-bar-actions{order:3;width:100%;margin-left:0;justify-content:flex-start}.app-header-page-bar-search{order:4;flex:1 1 100%;max-width:none}.app-header-menu-btn--page-bar{order:0}}.app-header--page-bar{flex-direction:row;align-items:flex-start;gap:.65rem;padding:.75rem 1.5rem .85rem}.app-header-menu-btn--page-bar{margin-top:.15rem;flex-shrink:0}.app-header-page-bar{flex:1;min-width:0;display:flex;flex-direction:column;gap:.55rem}.app-header-page-bar-main{display:flex;align-items:center;gap:.75rem;min-width:0;width:100%}.app-header-page-bar-title-block{flex:1;min-width:0}.app-header-page-bar-title-block--with-back{display:flex;align-items:flex-start;gap:.35rem}.app-header-page-bar-title-inner{min-width:0;flex:1}.app-header-page-back{width:36px;height:36px;margin-top:.05rem;padding:0;border:none;border-radius:10px;background:transparent;color:var(--text-primary, var(--app-text));font-size:1.2rem;line-height:1;cursor:pointer;flex-shrink:0}.app-header-page-back:hover{background:var(--surface-secondary, var(--app-btn-bg))}.app-header-page-bar-title-block--with-back .app-header-page-title{font-size:1.12rem}.app-header-detail-tabs{display:flex;gap:0;width:100%;overflow-x:auto;border-bottom:1px solid var(--app-border, var(--border-subtle))}.app-header-detail-tab{flex:1;min-width:0;padding:.55rem .45rem;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--app-text-muted);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap}.app-header-detail-tab.active{color:var(--primary, var(--app-btn-primary-bg));border-bottom-color:var(--primary, var(--app-btn-primary-bg))}.app-header-page-title{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary, var(--app-text));white-space:nowrap}.app-header-page-subtitle{margin-top:.1rem;font-size:.72rem;color:var(--text-secondary, var(--app-text-muted));white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:min(560px,58vw);line-height:1.35}.app-header-greeting-wrap--inline{position:relative;margin-top:.12rem}.app-header-hostel-switch{display:inline-flex;align-items:center;gap:.25rem;padding:0;border:none;background:transparent;font-size:.72rem;font-weight:600;color:var(--text-secondary, var(--app-text-muted));cursor:default;max-width:280px}.app-header-hostel-switch.is-switchable{cursor:pointer}.app-header-hostel-switch.is-switchable:hover{color:var(--text-primary, var(--app-text))}.app-header-hostel-switch.is-switchable:hover .app-header-hostel-switch-name{color:var(--app-btn-primary-bg, var(--primary, #1e3a5f))}.app-header-hostel-switch:disabled{cursor:default}.app-header-hostel-switch-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.app-header-page-meta{display:flex;align-items:center;gap:.65rem;margin-top:.15rem;flex-wrap:wrap}.app-header-page-bar-search{flex:1;min-width:140px;max-width:420px}.app-page-bar-search-wrap{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;min-height:40px;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));cursor:text}.app-page-bar-search-wrap:focus-within{border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 45%,var(--app-border))}.app-page-bar-search-icon{width:16px;height:16px;flex-shrink:0;opacity:.72}.app-page-bar-search{flex:1;min-width:0;border:none;background:transparent;color:var(--app-text);font-size:.875rem;padding:.4rem 0}.app-page-bar-search:focus{outline:none}.app-header-page-bar-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.app-header-page-bar-profile{display:flex;align-items:center;gap:.65rem;flex-shrink:0;margin-left:auto}.app-header-page-bar-toolbar{display:flex;flex-direction:column;gap:.45rem;min-width:0}.app-header-page-bar-toolbar .owner-home-tabs--header{max-width:none}@media (max-width: 768px){.owner-home-tabs--header .owner-home-tab-label{display:none}.owner-home-tabs--header .owner-home-tab{justify-content:center;padding:.5rem}.owner-home-tabs--header .owner-home-tab-icon-wrap,.owner-home-tabs--header .owner-home-tab-icon{width:30px;height:30px}}.app-header-page-bar-toolbar .owner-segmented{margin-top:0}.app-page-bar-filter-summary{margin:0;font-size:.72rem;font-weight:600;color:var(--text-secondary, var(--app-text-muted))}.app-page-bar-stat-badge{min-width:34px;height:34px;padding:0 .45rem;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-btn-bg));display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.app-page-bar-stat-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.app-page-bar-stat-dot--active{background:#22c55e}.app-page-bar-stat-dot--vacated{background:var(--app-logout, #ef4444)}.app-page-bar-stat-dot--occupied{background:var(--app-status-mid, #d97706)}.app-page-bar-stat-dot--vacant{background:#22c55e}.app-page-bar-stat-count{font-size:.72rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.app-page-bar-stat-badge--active .app-page-bar-stat-count{color:#22c55e}.app-page-bar-stat-badge--vacated .app-page-bar-stat-count{color:var(--app-logout, #ef4444)}.app-page-bar-stat-badge--occupied .app-page-bar-stat-count{color:var(--app-status-mid, #d97706)}.app-page-bar-stat-badge--vacant .app-page-bar-stat-count{color:#22c55e}.app-page-bar-legend{display:flex;align-items:center;gap:.65rem}.app-page-bar-legend-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.62rem;font-weight:600;color:var(--text-secondary, var(--app-text-muted))}.app-page-bar-total{font-size:.68rem;color:var(--text-secondary, var(--app-text-muted))}.app-page-bar-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-btn-bg));color:var(--text-secondary, var(--app-text-muted));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s,border-color .15s}.app-page-bar-icon-btn:hover{color:var(--text-primary, var(--app-text));border-color:color-mix(in srgb,var(--accent, var(--app-btn-primary-bg)) 35%,var(--app-border))}.app-page-bar-icon-btn--accent,.app-page-bar-icon-btn--accent:hover{color:var(--app-btn-primary-bg, var(--primary, #1e3a5f))}.app-page-bar-btn{padding:.45rem .85rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--text-primary, var(--app-text));background:var(--interactive-secondary, var(--app-btn-bg));white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.app-page-bar-btn:hover:not(:disabled):not(.app-page-bar-btn-primary){background:var(--surface-elevated, var(--app-card-bg))}.app-page-bar-btn:disabled{opacity:.5;cursor:not-allowed}.app-page-bar-btn-primary{background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color, #fff);border-color:var(--interactive-primary, var(--app-btn-primary-bg))}.app-page-bar-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--interactive-primary, var(--app-btn-primary-bg)) 88%,#000);border-color:color-mix(in srgb,var(--interactive-primary, var(--app-btn-primary-bg)) 88%,#000);color:var(--app-btn-primary-color, #fff)}.app-page-bar-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.app-page-bar-toolbar-row .owner-segmented{flex:1;min-width:min(100%,280px)}.app-page-bar-toolbar-row-summary{flex-shrink:0;white-space:nowrap}.app-page-bar-date-row-summary{margin-left:auto;flex-shrink:0;white-space:nowrap}@media (max-width: 720px){.app-page-bar-date-row-summary{margin-left:0;width:100%}}.app-page-bar-filters{display:flex;flex-wrap:wrap;gap:.4rem}.app-page-bar-filter-pill{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-card-bg));color:var(--text-primary, var(--app-text));font-size:.78rem;font-weight:600;cursor:pointer}.app-page-bar-filter-pill.active{background:var(--interactive-primary, var(--app-btn-primary-bg));border-color:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color, #fff)}.app-page-bar-mode-row{display:flex;gap:0;padding:3px;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg))}.app-page-bar-mode-pill{padding:.35rem .75rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, var(--app-text-muted));font-size:.78rem;font-weight:600;cursor:pointer}.app-page-bar-mode-pill.active{background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color, #fff)}.app-page-bar-date-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.app-page-bar-date-chip{padding:.35rem .65rem;border-radius:8px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-card-bg));color:var(--text-primary, var(--app-text));font-size:.78rem;font-weight:600;cursor:pointer}.app-page-bar-date-chip.active{background:var(--interactive-primary, var(--app-btn-primary-bg));border-color:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color, #fff)}.layout{--sidebar-width: 210px;--sidebar-collapsed-width: 53px;display:flex;height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;position:relative}.sidebar{width:var(--sidebar-width);background:var(--app-sidebar-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);color:var(--text-primary, var(--app-text));display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;border-right:1px solid var(--app-sidebar-border);box-shadow:4px 0 20px var(--shadow-soft, var(--app-shadow));z-index:1000;animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55);transition:width .3s cubic-bezier(.4,0,.2,1),background .25s ease,border-color .2s ease;isolation:isolate;will-change:transform}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:.85rem .75rem;border-bottom:1px solid var(--app-sidebar-border);background:var(--surface-secondary, var(--app-input-bg));display:flex;align-items:center;justify-content:space-between;min-height:60px}.collapse-btn{background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--app-border);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-primary, var(--app-text));display:flex;align-items:center;justify-content:center;width:32px;height:32px}.collapse-btn:hover{background:var(--surface-secondary, var(--app-card-bg));transform:scale(1.05)}.header-content{display:flex;align-items:center;gap:.75rem;flex:1;margin-left:.5rem}.HosteLyt-logo-Transp{display:none}.sidebar-brand-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.sidebar-brand-text{min-width:0}.sidebar-brand-text h2{font-size:1rem;font-weight:800;margin:0;color:var(--text-primary, var(--app-text));letter-spacing:-.02em;white-space:nowrap}.sidebar-brand-tagline{display:block;font-size:.68rem;font-weight:500;color:var(--text-secondary, var(--app-text-muted));margin-top:1px;white-space:nowrap}.sidebar-header h2{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary, var(--app-text));animation:none;white-space:nowrap}.sidebar.collapsed .header-content{display:none}.sidebar.collapsed .collapse-btn{margin:0 auto}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:0 0 1rem;overflow-y:auto;overflow-x:hidden}.sidebar-nav-spacer{flex:1;min-height:.75rem}.nav-item{display:flex;align-items:center;justify-content:flex-start;padding:.6rem .75rem;margin:.2rem .5rem;color:var(--nav-inactive-color, var(--text-primary, #1e293b));text-decoration:none;border-radius:999px;transition:background .2s ease,color .2s ease,box-shadow .2s ease;position:relative;font-weight:600;gap:.75rem;white-space:nowrap;border:none}.nav-item svg{flex-shrink:0;width:20px;height:20px;stroke:currentColor}.nav-item-icon--asset,.nav-item-icon--payments{position:relative;flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.nav-item-icon--asset img,.nav-item-icon--payments img{width:20px;height:20px;object-fit:contain;display:block}.nav-item-icon--asset-static-hidden,.nav-item-icon--payments-static-hidden{visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.nav-item-icon--asset-animated,.nav-item-icon--payments-animated{position:absolute;top:0;right:0;bottom:0;left:0}.nav-item>span:not(.nav-item-icon){flex:1}.sidebar.collapsed .nav-item{justify-content:center;padding:0;width:44px;height:44px;margin:.25rem auto;gap:0}.sidebar.collapsed .nav-item>span:not(.nav-item-icon){display:none}.sidebar.collapsed .nav-item-icon--asset,.sidebar.collapsed .nav-item-icon--payments{display:inline-flex;width:22px;height:22px}.sidebar.collapsed .nav-item-icon--asset img,.sidebar.collapsed .nav-item-icon--payments img{width:22px;height:22px}.nav-item:hover{background:var(--nav-hover-bg, color-mix(in srgb, var(--primary) 8%, transparent));color:var(--nav-active-color, var(--text-primary, var(--app-text)))}.nav-item.active{background:var(--nav-active-bg, var(--surface-elevated, #fff));color:var(--nav-active-color, var(--primary));font-weight:700;box-shadow:var(--nav-active-shadow, 0 3px 12px rgba(30, 58, 95, .14))}.sidebar.collapsed .nav-item.active{border-radius:50%}.sidebar-footer{padding:.75rem;border-top:1px solid var(--app-sidebar-border);background:var(--surface-secondary, var(--app-input-bg));position:relative;min-height:60px;display:flex;align-items:center;justify-content:center}.profile-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:100%;gap:.75rem;cursor:pointer}.sidebar.collapsed .profile-avatar{justify-content:center}.avatar-circle{width:40px;height:40px;border-radius:50%;background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px var(--app-shadow)}.avatar-circle:hover{transform:scale(1.1);box-shadow:var(--shadow-strong, 0 6px 20px rgba(128, 128, 128, .4))}.profile-name-inline{font-weight:600;color:var(--text-primary, var(--app-text));font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar.collapsed .profile-name-inline{display:none}.profile-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background:var(--surface-secondary, var(--app-card-bg));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--app-border);border-radius:16px;box-shadow:0 8px 32px var(--app-shadow);padding:1rem;animation:bounceUp .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1001;min-width:200px}.profile-info{margin-bottom:.75rem}.profile-name{font-weight:600;color:var(--text-primary, var(--app-text));font-size:.95rem;margin:0 0 .25rem}.profile-email{font-size:.8rem;color:var(--text-secondary, var(--app-text-muted));margin:0 0 .25rem}.profile-role{font-size:.75rem;color:var(--text-secondary, var(--app-text-muted));text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin:0}.profile-menu-divider{height:1px;background:var(--app-border-light);margin:.75rem 0}.profile-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-primary, var(--app-text));font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.profile-menu-item:hover{background:var(--surface-secondary, var(--app-input-bg));transform:translate(3px)}.profile-menu-item.logout-menu-item{color:var(--app-logout)}.profile-menu-item.logout-menu-item:hover{background:#ef44441a;color:var(--interactive-danger, var(--app-logout))}.logo-info-item{cursor:default;padding:.75rem;background:var(--surface-secondary, var(--app-input-bg));border-radius:8px;margin-top:.25rem}.logo-info-item:hover{background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));transform:none}.logo-info-title{display:block;font-weight:700;color:var(--text-primary, var(--app-text));font-size:.95rem;margin-bottom:.25rem}.logo-info-subtitle{display:block;font-size:.75rem;color:var(--text-secondary, var(--app-text-muted))}.main-content{flex:1;margin-left:var(--sidebar-width);padding:0;height:100dvh;max-height:100dvh;min-height:0;position:relative;z-index:1;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:calc(100vw - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.main-content.collapsed{margin-left:var(--sidebar-collapsed-width);width:calc(100vw - var(--sidebar-collapsed-width));max-width:calc(100vw - var(--sidebar-collapsed-width))}.main-content-inner{flex:1;min-height:0;padding:2rem;overflow-y:auto;overflow-x:hidden}.main-content-inner:has(.room-form-page),.main-content-inner:has(.room-detail-page),.main-content-inner:has(.tenant-form-page),.main-content-inner:has(.tenant-detail-page){display:flex;flex-direction:column;overflow:hidden;padding:0}.main-content-inner--list-page{padding:.65rem 1.25rem 1.25rem;display:flex;flex-direction:column;min-height:0;overflow:hidden}.main-content-inner--list-page .tenants-page,.main-content-inner--list-page .rooms-page,.main-content-inner--list-page .rents-page,.main-content-inner--list-page .payments-page,.main-content-inner--list-page .expenses-page,.main-content-inner--list-page .owner-home,.main-content-inner--list-page .wa-inbox-page,.main-content-inner--list-page .wa-outbound-page,.main-content-inner--list-page .di-page,.main-content-inner--list-page .sahd-page,.main-content-inner--list-page .detail-page,.main-content-inner--list-page .sa-entity-page{flex:1;min-height:0;height:auto;max-height:none;max-width:none;width:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.main-content-inner--list-page .sahd-page,.main-content-inner--list-page .detail-page,.main-content-inner--list-page .food-menu-page,.main-content-inner--list-page .tenant-food-menu-page{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-width:720px;margin:0 auto;padding:.75rem 1rem 2.5rem;display:block;width:100%}.hostel-switcher-wrap{position:absolute;top:1rem;right:1.5rem;z-index:100}.hostel-switcher-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--surface-secondary, var(--app-card-bg));border:1px solid var(--app-border);border-radius:10px;cursor:pointer;color:var(--text-secondary, var(--app-text-muted));transition:all .2s ease;box-shadow:0 2px 8px var(--app-shadow)}.hostel-switcher-trigger:hover{background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));border-color:var(--app-border);color:var(--text-primary, var(--app-text));box-shadow:0 4px 12px var(--app-shadow)}.hostel-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--surface-secondary, var(--app-card-bg));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--app-border);border-radius:12px;box-shadow:0 10px 40px var(--app-shadow);padding:.5rem;z-index:1002;animation:bounceUp .25s cubic-bezier(.68,-.55,.265,1.55)}.hostel-dropdown-header{padding:.5rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, var(--app-text-muted));border-bottom:1px solid var(--app-border-light);margin-bottom:.25rem}.hostel-dropdown-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.65rem .75rem;border:none;border-radius:8px;background:transparent;cursor:pointer;color:var(--text-primary, var(--app-text));font-size:.9rem;text-align:left;transition:all .2s ease}.hostel-dropdown-item:hover{background:var(--surface-secondary, var(--app-input-bg))}.hostel-dropdown-item.active{background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));font-weight:600}.hostel-dropdown-name{font-weight:500}.hostel-dropdown-city{font-size:.8rem;color:var(--text-secondary, var(--app-text-muted));margin-top:2px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:.5rem .75rem .25rem;background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));border:1px solid var(--app-border);border-radius:8px;cursor:pointer;color:var(--text-primary, var(--app-text));transition:all .2s ease}.theme-toggle:hover{background:var(--surface-secondary, var(--app-card-bg));transform:scale(1.05)}.sidebar.collapsed .theme-toggle{margin-left:auto;margin-right:auto}.sidebar-floating-tip{position:fixed;transform:translateY(-50%);z-index:10050;display:flex;align-items:center;pointer-events:none;animation:sidebarTipIn .2s cubic-bezier(.34,1.25,.64,1) both}.sidebar-floating-tip--left{flex-direction:row-reverse;transform:translate(-100%,-50%);animation-name:sidebarTipInLeft}.sidebar-floating-tip--left .sidebar-floating-tip__arrow{border-right:none;border-left:8px solid var(--surface-secondary, var(--app-card-bg));filter:drop-shadow(1px 0 0 color-mix(in srgb,var(--accent, #00c2ff) 35%,var(--app-border)))}.sidebar-floating-tip__arrow{flex-shrink:0;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid var(--surface-secondary, var(--app-card-bg));filter:drop-shadow(-1px 0 0 color-mix(in srgb,var(--accent, #00c2ff) 35%,var(--app-border)))}.sidebar-floating-tip__panel{position:relative;padding:.5rem .85rem .5rem .95rem;border-radius:12px;background:var(--surface-secondary, var(--app-card-bg));border:1px solid color-mix(in srgb,var(--accent, #00c2ff) 28%,var(--border-subtle, var(--app-border)));color:var(--text-primary, var(--app-text));font-size:.8125rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap;box-shadow:0 10px 28px color-mix(in srgb,var(--primary, #1e3a5f) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--accent, #00c2ff) 12%,transparent),inset 0 1px color-mix(in srgb,#ffffff 55%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.sidebar-floating-tip__panel:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--accent, #00c2ff) 0%,var(--primary-mid, var(--primary, #2e4a7f)) 100%)}.sidebar-floating-tip__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--accent, #00c2ff) 8%,transparent) 0%,transparent 55%);pointer-events:none}@keyframes sidebarTipIn{0%{opacity:0;transform:translateY(-50%) translate(-6px) scale(.96)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}@keyframes sidebarTipInLeft{0%{opacity:0;transform:translate(-100%,-50%) translate(6px) scale(.96)}to{opacity:1;transform:translate(-100%,-50%) translate(0) scale(1)}}@media (prefers-reduced-motion: reduce){.sidebar-floating-tip{animation:none}}@media (max-width: 768px){.sidebar-floating-tip{display:none!important}}.sidebar-overlay,.mobile-menu-btn{display:none}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;animation:fadeIn .2s ease}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:1rem;left:1rem;z-index:998;width:44px;height:44px;padding:0;background:var(--app-card-bg);border:1px solid var(--app-border);border-radius:10px;color:var(--app-text);cursor:pointer;box-shadow:var(--app-shadow);-webkit-tap-highlight-color:transparent}.mobile-menu-btn:hover{background:var(--app-btn-bg)}.mobile-menu-btn:active{transform:scale(.98)}.sidebar{width:var(--sidebar-width);max-width:85vw;transform:translate(-100%);transition:transform .25s ease}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width);max-width:85vw}.sidebar.mobile-open.collapsed{width:var(--sidebar-width)}.main-content,.main-content.collapsed{margin-left:0;width:100%;max-width:100%}.main-content-inner:has(.room-form-page),.main-content-inner:has(.room-detail-page),.main-content-inner:has(.tenant-form-page),.main-content-inner:has(.tenant-detail-page){padding:0}.main-content-inner{padding:1rem}.mobile-menu-btn{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.taf-page{min-height:100vh;background:#f4f6f8;padding:16px 16px 48px;display:flex;justify-content:center}.taf-shell{width:100%;max-width:520px}.taf-header{margin-bottom:12px}.taf-header h1{margin:0 0 6px;font-size:1.35rem;font-weight:700;color:#0f172a}.taf-header p{margin:0;color:#64748b;font-size:.9rem;line-height:1.45}.taf-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px}.taf-mode-title{font-size:.95rem;font-weight:700;color:#0f172a}.taf-mode-hint{font-size:.78rem;color:#64748b;margin-top:2px}.taf-switch{position:relative;width:48px;height:28px;flex-shrink:0}.taf-switch input{opacity:0;width:0;height:0}.taf-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:999px;cursor:pointer;transition:background .2s}.taf-switch-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.taf-switch input:checked+.taf-switch-slider{background:var(--primary, #1e3a5f)}.taf-switch input:checked+.taf-switch-slider:before{transform:translate(20px)}.taf-steps{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.taf-step-pill{flex:1;min-width:64px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:8px 6px;text-align:center;cursor:pointer}.taf-step-pill.active{border-color:var(--primary, #1e3a5f);background:#ecfdf5}.taf-step-pill .title{display:block;font-size:.72rem;font-weight:700;color:#0f172a}.taf-step-pill .sub{display:block;font-size:.65rem;color:#64748b;margin-top:2px}.taf-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;margin-bottom:12px}.taf-card.hero{border-width:1px;box-shadow:none}.taf-section-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 14px}.taf-section-label{font-size:.78rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.taf-field{margin-bottom:14px}.taf-field label{display:block;font-size:.82rem;font-weight:600;color:#334155;margin-bottom:6px}.taf-field input,.taf-field select,.taf-field textarea{width:100%;border:1px solid #dbe3ee;border-radius:12px;padding:12px;font:inherit;background:#fff;box-sizing:border-box}.taf-field textarea{min-height:72px;resize:vertical}.taf-field.has-error input,.taf-field.has-error select,.taf-field.has-error textarea{border-color:#dc2626}.taf-field-error{color:#dc2626;font-size:.75rem;margin-top:4px}.taf-help{font-size:.78rem;color:#64748b;line-height:1.4;margin:6px 0 0}.taf-photo-row{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px}.taf-photo-circle{width:120px;height:120px;border-radius:60px;border:2px solid var(--primary, #1e3a5f);background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative}.taf-photo-circle img{width:100%;height:100%;object-fit:cover}.taf-photo-emoji{font-size:1.6rem}.taf-photo-hint{font-size:.72rem;color:#64748b;margin-top:4px}.taf-photo-optional{font-size:.68rem;font-weight:600;color:#94a3b8;margin-top:2px}.taf-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0f172a73;color:#fff}.taf-photo-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:taf-spin .8s linear infinite}.taf-photo-uploading{font-size:.72rem;font-weight:600}.taf-photo-source-modal{width:min(100%,360px);background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.taf-photo-source-hint{margin:0 0 4px;color:#64748b;font-size:.88rem;line-height:1.4}@keyframes taf-spin{to{transform:rotate(360deg)}}.taf-remove-photo{border:1px solid #dc2626;color:#dc2626;background:transparent;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600;cursor:pointer}.taf-room-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dbe3ee;border-radius:12px;padding:12px;background:#f8fafc;cursor:pointer;text-align:left}.taf-room-btn.has-error{border-color:#dc2626}.taf-room-primary{font-weight:600;color:#0f172a;font-size:.92rem}.taf-room-sub{font-size:.78rem;color:#64748b;margin-top:2px}.taf-chip-row{display:flex;flex-wrap:wrap;gap:8px}.taf-chip{border:1px solid #dbe3ee;background:#fff;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:600;color:#334155;cursor:pointer}.taf-chip.selected{background:var(--primary, #1e3a5f);border-color:var(--primary, #1e3a5f);color:#fff}.taf-switch-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e2e8f0}.taf-accordion{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;padding:0;margin-bottom:12px;cursor:pointer}.taf-accordion-title{font-size:1rem;font-weight:700;color:#0f172a}.taf-accordion-badge{font-size:.78rem;color:#64748b}.taf-doc-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.taf-doc-preview{width:72px;height:48px;border-radius:8px;border:1px solid #dbe3ee;object-fit:cover;background:#f8fafc}.taf-doc-placeholder{width:72px;height:48px;border-radius:8px;border:1px solid #dbe3ee;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#94a3b8}.taf-btn-secondary{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:8px 14px;font-weight:600;font-size:.85rem;cursor:pointer}.taf-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.taf-footer{display:flex;gap:10px;margin-top:8px;padding-bottom:24px}.taf-footer-spacer{flex:1}.taf-btn-primary{flex:1;border:none;border-radius:14px;padding:14px;background:var(--primary, #1e3a5f);color:#fff;font-weight:700;font-size:1rem;cursor:pointer}.taf-btn-primary:disabled{opacity:.65;cursor:not-allowed}.taf-btn-outline{border:1px solid var(--primary, #1e3a5f);background:transparent;color:var(--primary, #1e3a5f);border-radius:14px;padding:14px 18px;font-weight:700;cursor:pointer}.taf-form-error{color:#b91c1c;font-size:.88rem;margin:0 0 8px}.taf-hidden-input{display:none}.taf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:16px}.taf-modal{width:100%;max-width:520px;max-height:80vh;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden}.taf-modal-title{font-size:1.05rem;font-weight:700;padding:16px 16px 8px}.taf-modal-search{margin:0 16px 12px;border:1px solid #dbe3ee;border-radius:12px;padding:12px;font:inherit}.taf-modal-list{overflow-y:auto;flex:1;padding:0 8px}.taf-room-option{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.taf-room-option:hover,.taf-room-option.selected{background:#ecfdf5}.taf-modal-close{border:none;border-top:1px solid #e2e8f0;background:#fff;padding:14px;font-weight:600;color:var(--primary, #1e3a5f);cursor:pointer}.taf-success-card,.taf-error-card{background:#fff;border-radius:20px;padding:32px 24px;text-align:center;box-shadow:0 12px 40px #0f172a14}.taf-success-card h1,.taf-error-card h1{margin:0 0 8px;font-size:1.4rem}@media (min-width: 640px){.taf-modal-backdrop{align-items:center}.taf-modal{border-radius:16px}}.taf-form-simple{display:flex;flex-direction:column;gap:12px}.taf-one-step{display:block}.taf-one-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px 16px 20px;box-shadow:0 8px 28px #0f172a0f}.taf-one-step-intro{margin:0 0 16px;font-size:.88rem;color:#64748b;line-height:1.45;text-align:center}.taf-empty-note{margin:0;color:#b45309;font-weight:600;font-size:.92rem;line-height:1.5;text-align:center}.taf-photo-block{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.taf-link-btn{margin-top:8px;border:none;background:none;color:var(--primary, #1e3a5f);font-size:.82rem;font-weight:600;cursor:pointer;padding:0}.taf-gender-badge{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.88rem;color:#64748b}.taf-gender-badge strong{color:#0f172a;font-weight:700}.taf-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.taf-row-2{grid-template-columns:1fr;gap:0}}.taf-divider{height:1px;background:#e2e8f0;margin:6px 0 16px}.taf-docs-heading{margin:0 0 10px;font-size:.82rem;font-weight:600;color:#334155}.taf-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.taf-doc-tile.has-error .taf-doc-tile-btn{border-color:#dc2626}.taf-doc-tile-btn{width:100%;min-height:112px;border:1.5px dashed #cbd5e1;border-radius:14px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;cursor:pointer}.taf-doc-tile-btn:disabled{opacity:.7;cursor:wait}.taf-doc-tile-icon{width:36px;height:36px;border-radius:50%;background:#ecfdf5;color:var(--primary, #1e3a5f);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:300;line-height:1}.taf-doc-tile-img{width:100%;max-height:72px;object-fit:cover;border-radius:8px}.taf-doc-tile-label{font-size:.78rem;font-weight:600;color:#475569;text-align:center}.taf-doc-tile-remove{margin-top:6px;width:100%;border:none;background:none;color:#64748b;font-size:.75rem;cursor:pointer}.taf-readonly-value{padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;font-weight:600;color:#0f172a}.taf-submit-btn{width:100%;margin-top:4px}.taf-photo-source-modal{padding:0 16px 20px;border-radius:16px 16px 0 0}.taf-photo-source-actions{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.taf-photo-circle.has-error{border-color:#dc2626}.taf-source-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;padding:16px}.taf-photo-source-inline{display:flex;gap:8px;margin-top:10px}.taf-photo-source-btn{min-width:96px}.tenant-apply-page{min-height:100vh;background:#f4f6f8;padding:24px 16px 48px;display:flex;justify-content:center}.tenant-apply-page>p{color:#64748b;text-align:center;margin-top:48px}.invite-page{max-width:480px;padding-top:.75rem;--invite-brand: var(--app-btn-primary-bg, var(--primary, #1e3a5f))}.invite-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.invite-header-title{flex:1;margin:0;text-align:center;font-size:1.125rem;font-weight:700;color:var(--text-primary, var(--app-text));min-width:120px}.invite-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.invite-header-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .85rem;border-radius:8px;border:1px solid var(--border-subtle, var(--app-border));background:var(--app-btn-bg, var(--surface-secondary, #f8fafc));color:var(--text-primary, var(--app-text));font-weight:600;font-size:.8125rem;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease}.invite-header-action-btn:hover:not(:disabled){border-color:var(--invite-brand);background:color-mix(in srgb,var(--invite-brand) 8%,var(--app-btn-bg, #f8fafc));color:var(--invite-brand)}.invite-header-action-btn:disabled{opacity:.65;cursor:default}.invite-header-icon-btn{width:40px;height:40px;padding:0;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border));background:var(--app-btn-bg, var(--surface-secondary, #f8fafc));color:var(--text-primary, var(--app-text));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.invite-header-icon-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--invite-brand) 35%,var(--app-border));color:var(--invite-brand)}.invite-header-icon-btn:disabled{opacity:.55;cursor:default}.invite-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--text-secondary, var(--app-text-muted))}.invite-loading-spinner{width:32px;height:32px;border:3px solid color-mix(in srgb,var(--invite-brand) 20%,transparent);border-top-color:var(--invite-brand);border-radius:50%;animation:invite-spin .8s linear infinite}@keyframes invite-spin{to{transform:rotate(360deg)}}.invite-hero-card{background:var(--surface-primary, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;overflow:hidden;text-align:center;margin-bottom:1rem;box-shadow:0 2px 12px #0f172a0f}.invite-hero-accent{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.55rem 1rem;background:color-mix(in srgb,var(--invite-brand) 10%,transparent)}.invite-hero-badge{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--invite-brand) 16%,transparent);color:var(--invite-brand);display:inline-flex;align-items:center;justify-content:center}.invite-hero-badge-label{font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--invite-brand)}.invite-hostel-name{margin:1rem 1rem 0;font-size:1.375rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary, var(--app-text))}.invite-subtitle{margin:.35rem 1.25rem 0;font-size:.875rem;line-height:1.5;color:var(--text-secondary, var(--app-text-muted))}.invite-pending-pill{display:inline-flex;align-items:center;gap:.35rem;margin-top:.65rem;padding:.3rem .75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--app-status-warning, #f59e0b) 28%,transparent);background:color-mix(in srgb,var(--app-status-warning, #f59e0b) 10%,transparent);color:var(--app-status-warning, #d97706);font-size:.75rem;font-weight:600}.invite-qr-frame{margin:1.25rem 1rem 1rem;padding:1.25rem;border-radius:16px;border:1.5px solid color-mix(in srgb,var(--invite-brand) 20%,transparent);background:var(--surface-secondary, var(--app-screen-bg));display:inline-flex;flex-direction:column;align-items:center;box-shadow:0 8px 24px color-mix(in srgb,var(--invite-brand) 8%,transparent)}.invite-qr-inner{padding:.5rem;border-radius:12px;background:#fff;line-height:0}.invite-qr-hint{margin:.5rem 0 0;font-size:.75rem;font-weight:600;letter-spacing:.03em;color:var(--text-secondary, var(--app-text-muted))}.invite-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.invite-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.85rem .35rem;border-radius:12px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-btn-bg));cursor:pointer;transition:border-color .15s ease,background .15s ease}.invite-action-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--invite-brand) 35%,var(--app-border))}.invite-action-btn:disabled{opacity:.7;cursor:default}.invite-action-icon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}.invite-action-icon--primary{background:color-mix(in srgb,var(--invite-brand) 10%,transparent);color:var(--invite-brand)}.invite-action-icon--whatsapp{background:#25d3661a;color:#25d366}.invite-action-label{font-size:.6875rem;font-weight:700;text-align:center;color:var(--text-primary, var(--app-text))}.invite-action-spinner{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--invite-brand) 25%,transparent);border-top-color:var(--invite-brand);border-radius:50%;animation:invite-spin .8s linear infinite}.invite-steps-card{background:var(--surface-primary, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border));border-radius:16px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 12px #0f172a0d}.invite-steps-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem}.invite-steps-header-icon{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--invite-brand) 10%,transparent);color:var(--invite-brand);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.invite-steps-title{margin:0;font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary, var(--app-text))}.invite-steps-subtitle{margin:2px 0 0;font-size:.8125rem;line-height:1.35;color:var(--text-secondary, var(--app-text-muted))}.invite-step-row{display:flex;align-items:flex-start;gap:0}.invite-step-rail{width:44px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.invite-step-icon-wrap{width:40px;height:40px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center}.invite-step-icon-wrap--primary,.invite-step-icon-wrap--info{background:color-mix(in srgb,var(--invite-brand) 10%,transparent);border-color:color-mix(in srgb,var(--invite-brand) 27%,transparent);color:var(--invite-brand)}.invite-step-icon-wrap--warning{background:color-mix(in srgb,var(--app-status-warning, #f59e0b) 10%,transparent);border-color:color-mix(in srgb,var(--app-status-warning, #f59e0b) 27%,transparent);color:var(--app-status-warning, #d97706)}.invite-step-icon-wrap--success{background:color-mix(in srgb,var(--app-status-success, #16a34a) 10%,transparent);border-color:color-mix(in srgb,var(--app-status-success, #16a34a) 27%,transparent);color:var(--app-status-success, #16a34a)}.invite-step-connector{width:2px;height:24px;margin:4px 0;border-radius:1px}.invite-step-connector--primary,.invite-step-connector--info{background:color-mix(in srgb,var(--invite-brand) 20%,transparent)}.invite-step-connector--warning{background:color-mix(in srgb,var(--app-status-warning, #f59e0b) 20%,transparent)}.invite-step-connector--success{background:color-mix(in srgb,var(--app-status-success, #16a34a) 20%,transparent)}.invite-step-body{flex:1;min-width:0;padding-top:2px}.invite-step-body--spaced{padding-bottom:1.25rem}.invite-step-title-row{display:flex;align-items:center;gap:.35rem}.invite-step-index{font-size:.8125rem;font-weight:800}.invite-step-index--primary,.invite-step-index--info{color:var(--invite-brand)}.invite-step-index--warning{color:var(--app-status-warning, #d97706)}.invite-step-index--success{color:var(--app-status-success, #16a34a)}.invite-step-title{font-size:.9375rem;font-weight:700;color:var(--text-primary, var(--app-text))}.invite-step-description{margin:4px 0 0;font-size:.8125rem;line-height:1.45;color:var(--text-secondary, var(--app-text-muted))}.invite-steps-footer{display:flex;align-items:flex-start;gap:.5rem;margin-top:1.25rem;padding:.85rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--app-status-warning, #f59e0b) 16%,transparent);background:color-mix(in srgb,var(--app-status-warning, #f59e0b) 6%,transparent);color:var(--app-status-warning, #d97706)}.invite-steps-footer p{margin:0;flex:1;font-size:.75rem;line-height:1.45;color:var(--text-secondary, var(--app-text-muted))}.invite-reset-btn{width:100%;padding:.85rem 1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--app-status-error, #dc2626) 34%,transparent);background:transparent;color:var(--app-status-error, #dc2626);font-weight:700;font-size:.9375rem;cursor:pointer;transition:background .15s ease}.invite-reset-btn:hover:not(:disabled){background:color-mix(in srgb,var(--app-status-error, #dc2626) 6%,transparent)}.invite-reset-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 520px){.invite-header-row{flex-wrap:wrap}.invite-header-title{order:1;flex:1 1 calc(100% - 52px);text-align:left}.invite-header-icon-btn{order:0}.invite-header-actions{order:2;width:100%;justify-content:flex-end}.invite-actions-grid{grid-template-columns:1fr}.invite-action-btn{flex-direction:row;justify-content:flex-start;padding:.75rem 1rem}}.tap-page{max-width:900px}.tap-invite-btn{padding:.55rem 1rem;border-radius:8px;background:var(--primary, #1e3a5f);color:#fff;font-weight:700;font-size:.85rem;text-decoration:none}.tap-invite-btn:hover{opacity:.92}.tap-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tap-filter-pill{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #fff);font-size:.82rem;font-weight:600;cursor:pointer;color:var(--text-secondary, #475569)}.tap-filter-pill.active{background:var(--primary, #1e3a5f);border-color:var(--primary, #1e3a5f);color:#fff}.tad-page{max-width:720px;margin:0 auto}.tad-page.owner-page{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px))}.tad-page.has-actions{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}.tad-topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem 0}.tad-back{color:var(--primary, #1e3a5f);font-weight:600;text-decoration:none;font-size:.9rem}.tad-topbar-actions{display:flex;gap:.5rem}.tad-icon-btn{width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--border, #e2e8f0);background:var(--surface, #fff);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.tad-icon-img{width:18px;height:18px;object-fit:contain}.tad-icon-img.whatsapp{width:22px;height:22px}.tad-hero{height:220px;overflow:hidden;margin-top:.75rem;background:#0f766e14}.tad-hero-img{width:100%;height:100%;object-fit:cover}.tad-hero-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:800;color:var(--primary, #1e3a5f)}.tad-content{padding:0 1.25rem;margin-top:-1.5rem;position:relative}.tad-summary{background:var(--surface-secondary, #fff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:16px;padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-soft, 0 2px 8px rgba(0, 0, 0, .06))}.tad-summary h1{margin:0;font-size:1.35rem}.tad-subtitle{margin:.35rem 0 0;color:var(--text-muted, #64748b);font-size:.9rem}.tad-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.tad-pill{font-size:.72rem;font-weight:700;padding:.3rem .6rem;border-radius:999px}.tad-pill.status-pending{background:#fef3c7;color:#92400e}.tad-pill.status-approved{background:#d1fae5;color:#065f46}.tad-pill.status-rejected{background:#fee2e2;color:#991b1b}.tad-pill.invite{background:#0f766e1f;color:var(--primary, #1e3a5f)}.tad-hint{margin:.75rem 0 0;font-size:.85rem;color:var(--text-muted, #64748b);line-height:1.45}.tad-section{background:var(--surface-secondary, #fff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:12px;padding:1rem 1.25rem;margin-bottom:.75rem}.tad-section h2{margin:0 0 .75rem;font-size:1rem}.tad-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.tad-row:last-child{border-bottom:none}.tad-row.stacked{flex-direction:column;gap:.25rem}.tad-row-label{font-size:.82rem;font-weight:600;color:var(--text-muted, #64748b);flex:.42}.tad-row-value{font-size:.85rem;font-weight:500;text-align:right;flex:.58}.tad-row.stacked .tad-row-value{text-align:left}.tad-doc-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem 0;border:none;border-bottom:1px solid var(--border-subtle, #f1f5f9);background:transparent;cursor:pointer;text-align:left}.tad-doc-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover}.tad-doc-expand{margin-left:auto;color:var(--primary, #1e3a5f);font-weight:700;font-size:.78rem}.tad-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.tad-preview-modal{max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column}.tad-preview-header{display:flex;align-items:center;gap:1rem;color:#fff;margin-bottom:.5rem}.tad-preview-header h3{margin:0;flex:1;text-align:center}.tad-preview-close{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:1.5rem;cursor:pointer}.tad-preview-image{max-height:calc(90vh - 60px);width:100%;object-fit:contain}.tad-actions{position:fixed;left:0;right:0;bottom:0;display:flex;gap:.75rem;padding:1rem 1.25rem;background:var(--surface, #fff);border-top:1px solid var(--border, #e2e8f0);z-index:50}.tad-reject-btn,.tad-approve-btn{flex:1;min-height:48px;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer}.tad-reject-btn{border:1.5px solid #dc2626;background:transparent;color:#dc2626}.tad-approve-btn{flex:1.4;border:none;background:#059669;color:#fff}.tad-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.tad-confirm-modal{background:var(--surface, #fff);border-radius:14px;padding:1.5rem;max-width:400px;width:100%}.tad-confirm-modal h3{margin:0 0 .5rem}.tad-confirm-modal p{margin:0 0 1.25rem;color:var(--text-muted, #64748b);line-height:1.45}.tad-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.tad-confirm-actions button{padding:.55rem 1rem;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #fff);font-weight:600;cursor:pointer}.tad-confirm-actions button.approve{background:#059669;border-color:#059669;color:#fff}.tad-confirm-actions button.reject{background:#dc2626;border-color:#dc2626;color:#fff}.tad-empty,.tad-empty-wrap{padding:2rem;text-align:center;color:var(--text-muted, #64748b)}.tad-empty-wrap a{color:var(--primary, #1e3a5f)}.rdb-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--surface-elevated, var(--app-btn-bg));border-radius:10px}.rdb-label{display:block;font-size:.72rem;color:var(--text-secondary, var(--app-text-muted));margin-bottom:.15rem}.rdb-summary strong.due{color:#dc2626}.rdb-summary strong.paid{color:#059669}.rdb-summary strong.saved{color:var(--accent, var(--app-btn-primary-bg))}.rdb-month{border:1px solid var(--border-subtle, var(--app-border));border-radius:10px;padding:.75rem;margin-bottom:.5rem}.rdb-month-head{display:flex;justify-content:space-between;margin-bottom:.35rem;font-size:.9rem}.rdb-charge{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-secondary, var(--app-text-muted));padding:.15rem 0}.rdb-credit{font-size:.78rem;color:var(--accent, var(--app-btn-primary-bg));margin-top:.25rem}@media (max-width: 480px){.rdb-summary{grid-template-columns:1fr}}.rents-list-filter-strip{border:1px solid var(--border-subtle, var(--app-border));border-radius:12px;background:var(--surface-primary, var(--app-card-bg));padding:.65rem .85rem;margin-bottom:.85rem;flex-shrink:0}.rents-list-filter-summary-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}.rents-list-filter-result{font-size:.72rem;font-weight:600;color:var(--app-text-muted)}.rents-filter-clear{border:none;background:transparent;color:var(--app-logout, #dc2626);font-size:.72rem;font-weight:700;cursor:pointer;padding:0}.rents-filter-clear:hover{text-decoration:underline}.rents-filter-button-row{display:flex;align-items:stretch;gap:.45rem}.rents-when-btn{flex:1.5;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.35rem .65rem;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));cursor:pointer;text-align:left}.rents-when-btn-icon{color:var(--app-btn-primary-bg, var(--primary, #1e3a5f));display:inline-flex;flex-shrink:0}.rents-when-btn-text{min-width:0;display:flex;flex-direction:column;gap:.05rem}.rents-when-btn-title{font-size:.8125rem;font-weight:800;color:var(--app-text);letter-spacing:-.02em}.rents-when-btn-sub{font-size:.6875rem;font-weight:600;color:var(--app-text-muted)}.rents-room-filter-btn{position:relative;flex:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .65rem;border-radius:10px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-input-bg));color:var(--app-btn-primary-bg, var(--primary, #1e3a5f));font-size:.75rem;font-weight:700;cursor:pointer}.rents-room-filter-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--app-btn-primary-bg, var(--primary, #1e3a5f));color:var(--app-btn-primary-color, #fff);font-size:.58rem;font-weight:800;line-height:16px;text-align:center}.rrp-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border-radius:10px;background:var(--app-input-bg);border:1px solid var(--app-border);margin-bottom:14px}.rrp-mode-pill{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--app-text-muted);font-weight:700;font-size:.88rem;cursor:pointer}.rrp-mode-pill.active{background:var(--app-card-bg);border-color:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 35%,transparent);color:var(--app-btn-primary-bg, #1e3a5f)}.rrp-banner{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 25%,transparent);background:color-mix(in srgb,var(--app-btn-primary-bg, #1e3a5f) 8%,transparent);font-size:.88rem;line-height:1.45}.rrp-amount-card{border:1px solid var(--app-border);border-radius:12px;padding:14px;background:var(--app-input-bg);margin-bottom:14px}.rrp-amount-label{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted);margin-bottom:6px}.rrp-amount-display{font-size:1.65rem;font-weight:900;color:var(--app-text)}.rrp-amount-hint{margin:6px 0 0;font-size:.82rem;color:var(--app-text-muted)}.rrp-input-row{display:flex;align-items:center;gap:4px}.rrp-currency{font-size:1.35rem;font-weight:800}.rrp-amount-input{flex:1;border:none;background:transparent;font-size:1.65rem;font-weight:900;color:var(--app-text);outline:none;min-width:0}.rrp-summary{border:1px solid var(--app-border);border-radius:10px;padding:10px 12px;margin-bottom:14px;display:grid;gap:8px}.rrp-summary-line{display:flex;justify-content:space-between;gap:12px;font-size:.88rem}.rrp-summary-line span:first-child{color:var(--app-text-muted)}.rrp-summary-line strong.due{color:#dc2626}.rrp-summary-line strong.saved{color:#15803d}.rrp-months{max-height:220px;overflow-y:auto;border:1px solid var(--app-border);border-radius:10px;margin-bottom:14px}.rrp-month-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--app-border)}.rrp-month-row:last-child{border-bottom:none}.rrp-month-label{font-weight:700;font-size:.9rem}.rrp-month-sub{font-size:.78rem;margin-top:2px}.rrp-month-sub.credit{color:#15803d}.rrp-month-sub.recording{color:var(--app-btn-primary-bg, #1e3a5f)}.rrp-month-charge{font-size:.75rem;color:var(--app-text-muted);margin-top:2px}.rrp-month-amount{font-weight:800;white-space:nowrap}.rrp-month-amount.due{color:#d97706}.rrp-month-amount.cleared{color:#15803d}.rrp-wa-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 4px;border-top:1px solid var(--app-border)}.rrp-wa-row strong{display:block;font-size:.9rem}.rrp-wa-row span{font-size:.8rem;color:var(--app-text-muted)}.rrp-info-btn{width:34px;height:34px;border-radius:999px;border:1px solid var(--app-border);background:var(--app-input-bg);color:var(--app-btn-primary-bg, #1e3a5f);font-weight:900;cursor:pointer;flex-shrink:0}.rrp-header-row{display:flex;align-items:flex-start;gap:10px}.rrp-header-row>div:first-child{flex:1;min-width:0}.rents-page{flex:1;min-height:0;width:100%;max-width:none;margin:0;display:flex;flex-direction:column;overflow:hidden}.rents-page .rents-list{flex:1;min-height:0;overflow-y:auto;width:100%}.rents-header-actions{display:flex;gap:.5rem}.rents-btn{padding:.5rem .85rem;border-radius:8px;font-weight:600;font-size:.85rem;text-decoration:none;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-card-bg));color:var(--text-primary, var(--app-text));cursor:pointer}.rents-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:.85rem;align-content:start;width:100%}.rents-card{background:var(--surface-secondary, #fff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:14px;padding:1rem 1.25rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .06));min-width:0}.rents-card-top{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.rents-card-main{min-width:0;flex:1}.rents-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.rents-name{font-weight:800;font-size:1rem;color:var(--text-primary, var(--app-text));text-decoration:none}.rents-name:hover{color:var(--primary, var(--app-btn-primary-bg))}.rents-name:visited{color:var(--text-primary, var(--app-text))}.rents-name:visited:hover{color:var(--primary, var(--app-btn-primary-bg))}.rents-meta{margin:.25rem 0 0;font-size:.82rem;color:var(--text-secondary, var(--app-text-muted))}.rents-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#0f766e1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;font-weight:700;color:var(--primary, #1e3a5f)}.rents-avatar img{width:100%;height:100%;object-fit:cover}.rents-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.5rem}.rents-info-label{display:block;font-size:.72rem;color:var(--text-secondary, var(--app-text-muted));margin-bottom:.15rem}.rents-info-btn{margin-left:.25rem;border:none;background:transparent;color:var(--primary, #1e3a5f);cursor:pointer;font-size:.85rem;padding:0}.rents-info-grid strong{color:var(--text-primary, var(--app-text));font-size:.92rem}.rents-info-grid strong.due{color:#dc2626}.rents-info-grid strong.paid{color:#059669}.rents-hint{margin:.25rem 0 0;font-size:.78rem;line-height:1.4}.rents-hint.tone-muted{color:var(--text-muted, #64748b)}.rents-hint.tone-success{color:#059669}.rents-hint.tone-primary{color:var(--primary, #1e3a5f)}.rents-overdue{margin:.35rem 0 0;font-size:.78rem;font-weight:700;color:#dc2626}.rents-record-btn{margin-top:.75rem;width:100%;padding:.65rem;border-radius:10px;border:1px solid color-mix(in srgb,#15803d 45%,transparent);background:color-mix(in srgb,#15803d 10%,transparent);color:#15803d;font-weight:700;cursor:pointer}.rents-record-btn:hover{background:color-mix(in srgb,#15803d 16%,transparent)}.rents-charge-label{margin:.35rem 0 0;font-size:.78rem;color:var(--text-muted, #64748b)}@media (min-width: 900px){.rents-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.rents-record-btn{width:auto;min-width:12rem;padding-left:1.25rem;padding-right:1.25rem}}@media (max-width: 600px){.rents-info-grid{grid-template-columns:1fr 1fr}.rents-list{grid-template-columns:1fr}}.more-page{padding:1.25rem 1.5rem 2.5rem;max-width:640px;margin:0 auto}.more-hero{text-align:center;padding:1.5rem 1rem 1.25rem;margin-bottom:1.25rem;border-radius:20px;border:1px solid var(--border-subtle, var(--app-border));background:linear-gradient(180deg,color-mix(in srgb,var(--primary, var(--app-btn-primary-bg)) 10%,var(--app-card-bg)) 0%,var(--surface-elevated, var(--app-card-bg)) 100%)}.more-avatar-ring{width:100px;height:100px;margin:0 auto .85rem;border-radius:50%;padding:3px;background:var(--surface-elevated, #fff);box-shadow:0 4px 16px #0f172a14}.more-avatar{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary, var(--app-btn-primary-bg));color:#fff;font-size:2rem;font-weight:800;overflow:hidden}.more-avatar img{width:100%;height:100%;object-fit:cover}.more-display-name{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--app-text)}.more-email{margin:.25rem 0 0;font-size:.9rem;color:var(--app-text-muted)}.more-role-pill{display:inline-block;margin-top:.65rem;padding:.3rem .75rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary, var(--app-btn-primary-bg));background:color-mix(in srgb,var(--primary, var(--app-btn-primary-bg)) 14%,transparent)}.more-section-label{margin:0 0 .5rem .35rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--app-text-muted)}.more-section{margin-bottom:1.25rem}.more-card{border-radius:16px;border:1px solid var(--border-subtle, var(--app-border));background:var(--surface-elevated, var(--app-card-bg));overflow:hidden}.more-row{display:flex;align-items:center;gap:.85rem;width:100%;padding:.95rem 1rem;border:none;border-bottom:1px solid var(--border-subtle, var(--app-border-light));background:transparent;text-align:left;text-decoration:none;color:inherit;cursor:pointer;font:inherit}.more-row:last-child{border-bottom:none}.more-row:hover{background:var(--surface-secondary, var(--app-btn-bg))}.more-row-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--primary, var(--app-btn-primary-bg)) 12%,transparent);color:var(--primary, var(--app-btn-primary-bg))}.more-row-icon--danger{background:color-mix(in srgb,var(--app-logout, #ef4444) 12%,transparent);color:var(--app-logout, #ef4444)}.more-row-text{flex:1;min-width:0}.more-row-label{display:block;font-size:.95rem;font-weight:700;color:var(--app-text)}.more-row-desc{display:block;margin-top:.1rem;font-size:.78rem;color:var(--app-text-muted);line-height:1.35}.more-row-label--danger{color:var(--app-logout, #ef4444)}.more-chevron{flex-shrink:0;color:var(--app-text-muted)}.more-logout{width:100%;margin-top:.5rem;padding:.85rem 1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--app-logout, #ef4444) 35%,var(--app-border));background:color-mix(in srgb,var(--app-logout, #ef4444) 8%,var(--app-card-bg));color:var(--app-logout, #ef4444);font-size:.95rem;font-weight:700;cursor:pointer}.more-logout:hover{background:color-mix(in srgb,var(--app-logout, #ef4444) 14%,var(--app-card-bg))}.more-guide-panel{padding:.85rem 1rem 1rem;border-top:1px solid var(--border-subtle, var(--app-border-light));background:var(--surface-secondary, var(--app-input-bg))}.more-guide-item+.more-guide-item{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle, var(--app-border-light))}.more-guide-item strong{display:block;font-size:.88rem;margin-bottom:.2rem;color:var(--app-text)}.more-guide-item p{margin:0;font-size:.8rem;line-height:1.45;color:var(--app-text-muted)}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--primary: #1e3a5f;--primary-dark: #1e3a5f;--primary-light: #00c2ff;--accent: #00c2ff;--nav-inactive-color: #334155;--nav-active-bg: #ffffff;--nav-active-color: #1e3a5f;--nav-active-shadow: 0 3px 14px rgba(30, 58, 95, .14), 0 0 0 1px rgba(226, 232, 240, .9);--nav-hover-bg: rgba(30, 58, 95, .06)}:root:not([data-style]){--app-bg: linear-gradient(135deg, #ffffff 0%, #f5f5f0 25%, #e8e8e8 50%, #d4d4d4 75%, #c0c0c0 100%);--app-text: #2d2d2d;--app-text-muted: rgba(90, 90, 90, .9);--app-border: rgba(192, 192, 192, .4);--app-border-light: rgba(192, 192, 192, .3);--app-card-bg: rgba(255, 255, 255, .98);--app-input-bg: rgba(255, 255, 255, .8);--app-sidebar-bg: rgba(255, 255, 255, .6);--app-sidebar-border: rgba(192, 192, 192, .3);--app-btn-bg: rgba(255, 255, 255, .8);--app-btn-primary-bg: #2d2d2d;--app-btn-primary-color: #fff;--app-status-active: #2d2d2d;--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 2px 8px rgba(0, 0, 0, .06);--app-modal-overlay: rgba(0, 0, 0, .4);--app-scrollbar-track: rgba(255, 255, 255, .1);--app-scrollbar-thumb: rgba(255, 255, 255, .3);--primary-silver: #c0c0c0;--light-silver: #e8e8e8;--milky-white: #f5f5f0;--soft-white: #ffffff;--silver-shade: #a8a8a8;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .3);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: rgba(0, 0, 0, .08)}html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-primary, var(--app-bg));background-attachment:fixed;min-height:100vh;overflow-x:hidden;width:100%;color:var(--text-primary, var(--app-text));transition:background-color .25s ease,color .2s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.glass{background:var(--surface-secondary, rgba(255, 255, 255, .1));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .2));box-shadow:var(--shadow-soft, 0 8px 32px 0 rgba(0, 0, 0, .1))}.glass-strong{background:var(--surface-elevated, rgba(255, 255, 255, .15));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-strong, rgba(255, 255, 255, .25));box-shadow:var(--shadow-strong, 0 8px 32px 0 rgba(0, 0, 0, .15))}.required-asterisk:after,label.required:after{content:" *";color:var(--app-logout, #dc2626)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes bounceUp{0%{transform:translateY(30px);opacity:0}60%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}@keyframes bounceScale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.bounce-up{animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55)}.smooth-transition,button{transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #0003}button:active:not(:disabled){transform:translateY(0) scale(.98)}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-strong, 0 20px 40px rgba(0, 0, 0, .2))}input:focus,textarea:focus,select:focus{outline:none;transform:scale(1.02);transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--app-border)}.app-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--surface-primary, var(--app-bg));color:var(--text-primary, var(--app-text))}.app-loading-content{text-align:center;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.app-loading-spinner{width:60px;height:60px;border:4px solid var(--app-border-light);border-top-color:var(--accent, var(--app-status-active));border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.app-loading-text{font-size:1.2rem;font-weight:500;color:var(--text-primary, var(--app-text))}:root[data-style=main][data-theme=light],:root[data-style=main]:not([data-theme=dark]){--primary: #1e3a5f;--primary-dark: #1e3a5f;--primary-mid: #2e4a7f;--primary-light: #00c2ff;--accent: #00c2ff;--accent-dark: #1e3a5f;--accent-light: #4fd8ff;--accent-glow: #4fd8ff;--surface-primary: #ffffff;--surface-secondary: #ffffff;--surface-elevated: #ffffff;--border-subtle: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #1e3a5f;--text-secondary: #64748b;--shadow-soft: 0 4px 16px rgba(30, 58, 95, .08), 0 0 0 1px rgba(226, 232, 240, .9);--shadow-strong: 0 8px 24px rgba(30, 58, 95, .14);--interactive-primary: var(--primary);--interactive-secondary: rgba(30, 58, 95, .08);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: #ffffff;--input-border: var(--border-subtle);--input-focus: var(--accent);--input-text: var(--text-primary);--input-placeholder: #94a3b8;--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: #f1f5f9;--app-card-bg: #ffffff;--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: #ffffff;--app-sidebar-bg: #ffffff;--app-sidebar-border: #e2e8f0;--app-btn-bg: #f8fafc;--app-btn-primary-bg: var(--primary);--app-btn-primary-color: #ffffff;--app-status-active: var(--accent);--app-status-mid: #64748b;--app-status-muted: #94a3b8;--app-logout: #dc2626;--app-shadow: 0 2px 8px rgba(30, 58, 95, .08);--app-modal-overlay: rgba(0, 0, 0, .45);--app-scrollbar-track: rgba(30, 58, 95, .06);--app-scrollbar-thumb: rgba(30, 58, 95, .22);--nav-inactive-color: #334155;--nav-active-bg: #ffffff;--nav-active-color: #1e3a5f;--nav-active-shadow: 0 3px 14px rgba(30, 58, 95, .14), 0 0 0 1px rgba(226, 232, 240, .9);--nav-hover-bg: rgba(30, 58, 95, .06);--primary-silver: #94a3b8;--light-silver: #e2e8f0;--milky-white: #f8fafc;--soft-white: #ffffff;--silver-shade: #64748b;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(226, 232, 240, .9);--glass-shadow: rgba(30, 58, 95, .06)}:root[data-style=main][data-theme=dark]{--primary: #1e3a5f;--primary-dark: #1e3a5f;--primary-mid: #2e4a7f;--primary-light: #00c2ff;--accent: #00c2ff;--accent-dark: #4fd8ff;--accent-light: #4fd8ff;--accent-glow: #4fd8ff;--surface-primary: #1e3a5f;--surface-secondary: #2e4a7f;--surface-elevated: #3e5a8f;--border-subtle: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--text-primary: #ffffff;--text-secondary: #cbd5e1;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-strong: 0 12px 40px rgba(0, 0, 0, .45);--interactive-primary: var(--accent);--interactive-secondary: rgba(255, 255, 255, .08);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .06);--input-border: var(--border-subtle);--input-focus: var(--accent);--input-text: var(--text-primary);--input-placeholder: rgba(148, 163, 184, .75);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .08);--app-card-bg: var(--surface-secondary);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .06);--app-sidebar-bg: #1e3a5f;--app-sidebar-border: rgba(255, 255, 255, .1);--app-btn-bg: #2e4a7f;--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #0a1628;--app-status-active: var(--accent);--app-status-mid: #64748b;--app-status-muted: #475569;--app-logout: #f87171;--app-shadow: 0 2px 12px rgba(0, 0, 0, .35);--app-modal-overlay: rgba(0, 0, 0, .72);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(0, 194, 255, .28);--nav-inactive-color: rgba(255, 255, 255, .82);--nav-active-bg: #ffffff;--nav-active-color: #1e3a5f;--nav-active-shadow: 0 3px 12px rgba(0, 0, 0, .28);--nav-hover-bg: rgba(255, 255, 255, .08);--primary-silver: #64748b;--light-silver: #334155;--milky-white: #2e4a7f;--soft-white: #3e5a8f;--silver-shade: #475569;--white: #ffffff;--glass-bg: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(0, 0, 0, .35)}:root[data-style=minimal][data-theme=light],:root[data-style=minimal]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, #ffffff 0%, #f5f5f0 25%, #e8e8e8 50%, #d4d4d4 75%, #c0c0c0 100%);--surface-secondary: rgba(255, 255, 255, .6);--surface-elevated: rgba(255, 255, 255, .98);--border-subtle: rgba(192, 192, 192, .4);--border-strong: rgba(192, 192, 192, .5);--text-primary: #2d2d2d;--text-secondary: rgba(90, 90, 90, .9);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px rgba(192, 192, 192, .3);--shadow-strong: 0 8px 32px rgba(0, 0, 0, .15);--accent: #2d2d2d;--interactive-primary: var(--accent);--interactive-secondary: rgba(255, 255, 255, .5);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .7);--input-border: var(--border-subtle);--input-focus: rgba(168, 168, 168, .8);--input-text: var(--text-primary);--input-placeholder: rgba(128, 128, 128, .6);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(192, 192, 192, .3);--app-card-bg: rgba(255, 255, 255, .98);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .8);--app-sidebar-bg: rgba(255, 255, 255, .6);--app-sidebar-border: rgba(192, 192, 192, .3);--app-btn-bg: rgba(255, 255, 255, .8);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: var(--accent);--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 2px 8px rgba(0, 0, 0, .06);--app-modal-overlay: rgba(0, 0, 0, .4);--app-scrollbar-track: rgba(255, 255, 255, .1);--app-scrollbar-thumb: rgba(255, 255, 255, .3);--primary-silver: #c0c0c0;--light-silver: #e8e8e8;--milky-white: #f5f5f0;--soft-white: #ffffff;--silver-shade: #a8a8a8;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .3);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: rgba(0, 0, 0, .08)}:root[data-style=minimal][data-theme=dark]{--surface-primary: #1a1a1a;--surface-secondary: rgba(45, 45, 45, .6);--surface-elevated: #2d2d2d;--border-subtle: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .2);--text-primary: #e8e8e8;--text-secondary: rgba(232, 232, 232, .75);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-strong: 0 8px 32px rgba(0, 0, 0, .5);--accent: #e8e8e8;--interactive-primary: var(--accent);--interactive-secondary: rgba(45, 45, 45, .5);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(45, 45, 45, .7);--input-border: var(--border-subtle);--input-focus: rgba(232, 232, 232, .6);--input-text: var(--text-primary);--input-placeholder: rgba(232, 232, 232, .5);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .1);--app-card-bg: #2d2d2d;--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: #333;--app-sidebar-bg: rgba(30, 30, 30, .95);--app-sidebar-border: rgba(255, 255, 255, .1);--app-btn-bg: #333;--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #1a1a1a;--app-status-active: #a0a0a0;--app-status-mid: #808080;--app-status-muted: #606060;--app-logout: #f87171;--app-shadow: 0 2px 12px rgba(0, 0, 0, .4);--app-modal-overlay: rgba(0, 0, 0, .7);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(255, 255, 255, .2);--primary-silver: #505050;--light-silver: #404040;--milky-white: #2a2a2a;--soft-white: #333;--silver-shade: #606060;--white: #e8e8e8;--glass-bg: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(0, 0, 0, .3)}:root[data-style=glass][data-theme=light],:root[data-style=glass]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(245, 245, 240, .1) 25%, rgba(232, 232, 232, .1) 50%, rgba(212, 212, 212, .1) 75%, rgba(192, 192, 192, .1) 100%);--surface-secondary: rgba(255, 255, 255, .2);--surface-elevated: rgba(255, 255, 255, .3);--border-subtle: rgba(255, 255, 255, .3);--border-strong: rgba(255, 255, 255, .4);--text-primary: #2d2d2d;--text-secondary: rgba(90, 90, 90, .85);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .2);--shadow-strong: 0 15px 45px rgba(0, 0, 0, .15), 0 0 0 1px rgba(255, 255, 255, .3);--accent: rgba(45, 45, 45, .9);--interactive-primary: var(--accent);--interactive-secondary: rgba(255, 255, 255, .3);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .3);--input-border: var(--border-subtle);--input-focus: rgba(255, 255, 255, .5);--input-text: var(--text-primary);--input-placeholder: rgba(90, 90, 90, .6);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .2);--app-card-bg: rgba(255, 255, 255, .25);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .3);--app-sidebar-bg: rgba(255, 255, 255, .2);--app-sidebar-border: rgba(255, 255, 255, .25);--app-btn-bg: rgba(255, 255, 255, .3);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: #2d2d2d;--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 8px 32px rgba(0, 0, 0, .1);--app-modal-overlay: rgba(0, 0, 0, .3);--app-scrollbar-track: rgba(255, 255, 255, .1);--app-scrollbar-thumb: rgba(255, 255, 255, .3);--primary-silver: rgba(192, 192, 192, .5);--light-silver: rgba(232, 232, 232, .5);--milky-white: rgba(245, 245, 240, .5);--soft-white: rgba(255, 255, 255, .5);--silver-shade: rgba(168, 168, 168, .5);--white: rgba(255, 255, 255, .9);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: rgba(0, 0, 0, .1)}:root[data-style=glass][data-theme=dark]{--surface-primary: linear-gradient(135deg, rgba(26, 26, 26, .8) 0%, rgba(30, 30, 30, .8) 50%, rgba(40, 40, 40, .8) 100%);--surface-secondary: rgba(45, 45, 45, .25);--surface-elevated: rgba(45, 45, 45, .35);--border-subtle: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--text-primary: #e8e8e8;--text-secondary: rgba(232, 232, 232, .7);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-strong: 0 15px 45px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .15);--accent: rgba(232, 232, 232, .9);--interactive-primary: var(--accent);--interactive-secondary: rgba(51, 51, 51, .4);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(51, 51, 51, .4);--input-border: var(--border-subtle);--input-focus: rgba(255, 255, 255, .3);--input-text: var(--text-primary);--input-placeholder: rgba(232, 232, 232, .5);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .05);--app-card-bg: rgba(45, 45, 45, .3);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(51, 51, 51, .4);--app-sidebar-bg: rgba(30, 30, 30, .6);--app-sidebar-border: rgba(255, 255, 255, .15);--app-btn-bg: rgba(51, 51, 51, .4);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #1a1a1a;--app-status-active: #a0a0a0;--app-status-mid: #808080;--app-status-muted: #606060;--app-logout: #f87171;--app-shadow: 0 8px 32px rgba(0, 0, 0, .5);--app-modal-overlay: rgba(0, 0, 0, .6);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(255, 255, 255, .2);--primary-silver: rgba(80, 80, 80, .5);--light-silver: rgba(64, 64, 64, .5);--milky-white: rgba(42, 42, 42, .5);--soft-white: rgba(51, 51, 51, .5);--silver-shade: rgba(96, 96, 96, .5);--white: rgba(232, 232, 232, .9);--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: rgba(0, 0, 0, .4)}:root[data-style=glass] [class*=card],:root[data-style=glass] [class*=Card]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:root[data-style=clay][data-theme=light],:root[data-style=clay]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, #f5f5f0 0%, #e8e8e8 25%, #d4d4d4 50%, #c0c0c0 75%, #a8a8a8 100%);--surface-secondary: rgba(255, 255, 255, .85);--surface-elevated: rgba(255, 255, 255, .95);--border-subtle: rgba(192, 192, 192, .5);--border-strong: rgba(192, 192, 192, .6);--text-primary: #2d2d2d;--text-secondary: rgba(90, 90, 90, .85);--shadow-soft: 0 4px 16px rgba(0, 0, 0, .08), inset 0 2px 4px rgba(255, 255, 255, .5), 0 0 0 1px rgba(192, 192, 192, .3);--shadow-strong: 0 8px 24px rgba(0, 0, 0, .12), inset 0 2px 4px rgba(255, 255, 255, .6), 0 0 0 1px rgba(192, 192, 192, .4);--accent: #2d2d2d;--interactive-primary: var(--accent);--interactive-secondary: rgba(255, 255, 255, .9);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .9);--input-border: var(--border-subtle);--input-focus: rgba(192, 192, 192, .7);--input-text: var(--text-primary);--input-placeholder: rgba(90, 90, 90, .6);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(192, 192, 192, .3);--app-card-bg: rgba(255, 255, 255, .95);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .9);--app-sidebar-bg: rgba(255, 255, 255, .85);--app-sidebar-border: rgba(192, 192, 192, .4);--app-btn-bg: rgba(255, 255, 255, .9);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: #2d2d2d;--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 4px 16px rgba(0, 0, 0, .08), inset 0 2px 4px rgba(255, 255, 255, .5);--app-modal-overlay: rgba(0, 0, 0, .35);--app-scrollbar-track: rgba(255, 255, 255, .2);--app-scrollbar-thumb: rgba(192, 192, 192, .5);--primary-silver: #c0c0c0;--light-silver: #e8e8e8;--milky-white: #f5f5f0;--soft-white: #ffffff;--silver-shade: #a8a8a8;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(192, 192, 192, .5);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .1), inset 0 2px 4px rgba(255, 255, 255, .6)}:root[data-style=clay][data-theme=dark]{--surface-primary: linear-gradient(135deg, #1a1a1a 0%, #252525 25%, #2d2d2d 50%, #333333 75%, #404040 100%);--surface-secondary: rgba(45, 45, 45, .85);--surface-elevated: rgba(45, 45, 45, .95);--border-subtle: rgba(255, 255, 255, .2);--border-strong: rgba(255, 255, 255, .25);--text-primary: #e8e8e8;--text-secondary: rgba(232, 232, 232, .7);--shadow-soft: 0 4px 16px rgba(0, 0, 0, .5), inset 0 2px 4px rgba(255, 255, 255, .05), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-strong: 0 8px 24px rgba(0, 0, 0, .6), inset 0 2px 4px rgba(255, 255, 255, .08), 0 0 0 1px rgba(255, 255, 255, .15);--accent: #e8e8e8;--interactive-primary: var(--accent);--interactive-secondary: rgba(51, 51, 51, .9);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(51, 51, 51, .9);--input-border: var(--border-subtle);--input-focus: rgba(255, 255, 255, .3);--input-text: var(--text-primary);--input-placeholder: rgba(232, 232, 232, .5);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .1);--app-card-bg: rgba(45, 45, 45, .95);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(51, 51, 51, .9);--app-sidebar-bg: rgba(30, 30, 30, .9);--app-sidebar-border: rgba(255, 255, 255, .15);--app-btn-bg: rgba(51, 51, 51, .9);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #1a1a1a;--app-status-active: #a0a0a0;--app-status-mid: #808080;--app-status-muted: #606060;--app-logout: #f87171;--app-shadow: 0 4px 16px rgba(0, 0, 0, .5), inset 0 2px 4px rgba(255, 255, 255, .05);--app-modal-overlay: rgba(0, 0, 0, .65);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(255, 255, 255, .2);--primary-silver: #505050;--light-silver: #404040;--milky-white: #2a2a2a;--soft-white: #333;--silver-shade: #606060;--white: #e8e8e8;--glass-bg: rgba(45, 45, 45, .4);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .4), inset 0 2px 4px rgba(255, 255, 255, .08)}:root[data-style=clay] [class*=card],:root[data-style=clay] [class*=Card],:root[data-style=clay] button{box-shadow:var(--app-shadow)}:root[data-style=skeuo][data-theme=light],:root[data-style=skeuo]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, #e8e8e8 0%, #d4d4d4 25%, #c0c0c0 50%, #a8a8a8 75%, #909090 100%);--surface-secondary: #f5f5f5;--surface-elevated: #ffffff;--border-subtle: rgba(0, 0, 0, .2);--border-strong: rgba(0, 0, 0, .3);--text-primary: #1a1a1a;--text-secondary: rgba(26, 26, 26, .7);--shadow-soft: 0 6px 20px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);--shadow-strong: 0 10px 30px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);--accent: #2d2d2d;--interactive-primary: var(--accent);--interactive-secondary: #f0f0f0;--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(0, 0, 0, .1);--app-card-bg: #ffffff;--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: #f5f5f5;--app-sidebar-bg: #e8e8e8;--app-sidebar-border: rgba(0, 0, 0, .15);--app-btn-bg: #f0f0f0;--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: #2d2d2d;--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 6px 20px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(0, 0, 0, .1);--app-modal-overlay: rgba(0, 0, 0, .5);--app-scrollbar-track: rgba(0, 0, 0, .1);--app-scrollbar-thumb: rgba(0, 0, 0, .3);--primary-silver: #c0c0c0;--light-silver: #e8e8e8;--milky-white: #f5f5f0;--soft-white: #ffffff;--silver-shade: #a8a8a8;--white: #ffffff;--glass-bg: #f5f5f5;--glass-border: rgba(0, 0, 0, .2);--glass-shadow: 0 6px 20px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(0, 0, 0, .15)}:root[data-style=skeuo][data-theme=dark]{--surface-primary: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #252525 50%, #2d2d2d 75%, #333333 100%);--surface-secondary: #0f0f0f;--surface-elevated: #1a1a1a;--border-subtle: rgba(255, 255, 255, .25);--border-strong: rgba(255, 255, 255, .3);--text-primary: #e8e8e8;--text-secondary: rgba(232, 232, 232, .65);--shadow-soft: 0 6px 20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-strong: 0 10px 30px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .15);--accent: #e8e8e8;--interactive-primary: var(--accent);--interactive-secondary: #0f0f0f;--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: #0f0f0f;--input-border: var(--border-subtle);--input-focus: rgba(255, 255, 255, .4);--input-text: var(--text-primary);--input-placeholder: rgba(232, 232, 232, .4);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .15);--app-card-bg: #1a1a1a;--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: #0f0f0f;--app-sidebar-bg: #141414;--app-sidebar-border: rgba(255, 255, 255, .2);--app-btn-bg: #0f0f0f;--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #1a1a1a;--app-status-active: #a0a0a0;--app-status-mid: #808080;--app-status-muted: #606060;--app-logout: #f87171;--app-shadow: 0 6px 20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .3);--app-modal-overlay: rgba(0, 0, 0, .75);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(255, 255, 255, .25);--primary-silver: #505050;--light-silver: #404040;--milky-white: #2a2a2a;--soft-white: #333;--silver-shade: #606060;--white: #e8e8e8;--glass-bg: #0f0f0f;--glass-border: rgba(255, 255, 255, .25);--glass-shadow: 0 6px 20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .4)}:root[data-style=skeuo] [class*=card],:root[data-style=skeuo] [class*=Card]{border:1px solid var(--app-border);box-shadow:var(--app-shadow)}:root[data-style=skeuo] button{border:1px solid var(--app-border);box-shadow:var(--app-shadow)}:root[data-style=skeuo] input,:root[data-style=skeuo] textarea,:root[data-style=skeuo] select{border:2px solid var(--app-border);box-shadow:var(--app-shadow)}:root[data-style=liquid][data-theme=light],:root[data-style=liquid]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(245, 245, 240, .9) 25%, rgba(232, 232, 232, .85) 50%, rgba(212, 212, 212, .8) 75%, rgba(192, 192, 192, .75) 100%);--surface-secondary: rgba(255, 255, 255, .5);--surface-elevated: rgba(255, 255, 255, .65);--border-subtle: rgba(192, 192, 192, .3);--border-strong: rgba(192, 192, 192, .4);--text-primary: #2d2d2d;--text-secondary: rgba(90, 90, 90, .8);--shadow-soft: 0 10px 40px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04), 0 0 0 1px rgba(192, 192, 192, .2);--shadow-strong: 0 15px 50px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06), 0 0 0 1px rgba(192, 192, 192, .3);--accent: #2d2d2d;--interactive-primary: var(--accent);--interactive-secondary: rgba(255, 255, 255, .7);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .7);--input-border: var(--border-subtle);--input-focus: rgba(192, 192, 192, .5);--input-text: var(--text-primary);--input-placeholder: rgba(90, 90, 90, .6);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(192, 192, 192, .2);--app-card-bg: rgba(255, 255, 255, .6);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .7);--app-sidebar-bg: rgba(255, 255, 255, .5);--app-sidebar-border: rgba(192, 192, 192, .25);--app-btn-bg: rgba(255, 255, 255, .7);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: #2d2d2d;--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 10px 40px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--app-modal-overlay: rgba(0, 0, 0, .3);--app-scrollbar-track: rgba(255, 255, 255, .15);--app-scrollbar-thumb: rgba(192, 192, 192, .4);--primary-silver: rgba(192, 192, 192, .6);--light-silver: rgba(232, 232, 232, .6);--milky-white: rgba(245, 245, 240, .6);--soft-white: rgba(255, 255, 255, .8);--silver-shade: rgba(168, 168, 168, .6);--white: rgba(255, 255, 255, .9);--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(192, 192, 192, .35);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .05)}:root[data-style=liquid][data-theme=dark]{--surface-primary: linear-gradient(135deg, rgba(26, 26, 26, .95) 0%, rgba(30, 30, 30, .9) 25%, rgba(37, 37, 37, .85) 50%, rgba(45, 45, 45, .8) 75%, rgba(51, 51, 51, .75) 100%);--surface-secondary: rgba(45, 45, 45, .4);--surface-elevated: rgba(45, 45, 45, .55);--border-subtle: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--text-primary: #e8e8e8;--text-secondary: rgba(232, 232, 232, .65);--shadow-soft: 0 10px 40px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-strong: 0 15px 50px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .12);--accent: #e8e8e8;--interactive-primary: var(--accent);--interactive-secondary: rgba(51, 51, 51, .6);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(51, 51, 51, .6);--input-border: var(--border-subtle);--input-focus: rgba(255, 255, 255, .25);--input-text: var(--text-primary);--input-placeholder: rgba(232, 232, 232, .5);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .08);--app-card-bg: rgba(45, 45, 45, .5);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(51, 51, 51, .6);--app-sidebar-bg: rgba(30, 30, 30, .5);--app-sidebar-border: rgba(255, 255, 255, .1);--app-btn-bg: rgba(51, 51, 51, .6);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #1a1a1a;--app-status-active: #a0a0a0;--app-status-mid: #808080;--app-status-muted: #606060;--app-logout: #f87171;--app-shadow: 0 10px 40px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);--app-modal-overlay: rgba(0, 0, 0, .6);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(255, 255, 255, .2);--primary-silver: rgba(80, 80, 80, .6);--light-silver: rgba(64, 64, 64, .6);--milky-white: rgba(42, 42, 42, .6);--soft-white: rgba(51, 51, 51, .8);--silver-shade: rgba(96, 96, 96, .6);--white: rgba(232, 232, 232, .9);--glass-bg: rgba(45, 45, 45, .35);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3)}:root[data-style=liquid] [class*=card],:root[data-style=liquid] [class*=Card],:root[data-style=liquid] button,:root[data-style=liquid] input,:root[data-style=liquid] textarea,:root[data-style=liquid] select{transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px}:root[data-style=liquid] [class*=card]:hover,:root[data-style=liquid] [class*=Card]:hover{transform:translateY(-2px) scale(1.01)}