:root{--bg:#fbf6ee;--surface:#fff;--surface-muted:#f4ecdd;--border:#e7dcc7;--text:#241d15;--text-muted:#8a7c68;--accent:#f93636;--accent-hover:#dc2020;--accent-soft:#fde7e4;--success:#1e8e5a;--success-soft:#e3f5ea;--shadow-sm:0 1px 2px #241d150f;--shadow-md:0 8px 24px -8px #241d1524;--shadow-lg:0 16px 40px -12px #241d152e;--radius:14px;--font-display:"Poppins", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", monospace;font-family:var(--font-display);color:var(--text);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{background:var(--bg);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin:0;font-weight:700}h1{font-size:26px}h2{font-size:17px}h3{font-size:15.5px}p{margin:0;font-size:14px}button{font-family:var(--font-display)}.auth-page{background:var(--bg);min-height:100vh;display:flex}.auth-side{display:none}.auth-main{z-index:0;background:radial-gradient(circle, #241d150d 1px, transparent 1px) 0 0 / 22px 22px, var(--bg);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.1rem;display:flex;position:relative;overflow:hidden}.auth-main:before{content:"";z-index:-1;background:radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);border-radius:50%;width:440px;height:440px;animation:16s ease-in-out infinite auth-blob-float;position:absolute;top:-180px;right:-160px}@keyframes auth-blob-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-24px,20px)scale(1.07)}66%{transform:translate(16px,-16px)scale(.95)}}@media (prefers-reduced-motion:reduce){.auth-main:before{animation:none}}.auth-bubbles{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.auth-bubble{filter:blur(.5px);opacity:.65;transform:translate(calc(var(--mx,0) * var(--depth,20) * 1px), calc(var(--my,0) * var(--depth,20) * 1px));border-radius:50%;transition:transform .7s cubic-bezier(.22,1,.36,1);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.auth-bubble-a{animation-name:auth-bubble-float-a}.auth-bubble-b{animation-name:auth-bubble-float-b}@keyframes auth-bubble-float-a{0%,to{translate:0}50%{translate:6px -18px}}@keyframes auth-bubble-float-b{0%,to{translate:0}50%{translate:-8px -14px}}@media (prefers-reduced-motion:reduce){.auth-bubble{transition:none;animation:none;transform:none}}@media (width>=880px){.auth-side{background:var(--text);z-index:0;flex-direction:column;justify-content:center;width:40%;max-width:440px;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-side:before{content:"";background:radial-gradient(circle,#f9363659 0%,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;top:-120px;left:-100px}.auth-side:after{content:"";background:radial-gradient(circle,#1e8e5a4d 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-140px;right:-110px}.auth-side-brand{align-items:center;gap:.6rem;margin-bottom:2.25rem;display:flex;position:relative}.auth-side-brand img{object-fit:contain;width:38px;height:38px}.auth-side-brand span{color:var(--bg);font-size:20px;font-weight:800}.auth-side h2{color:var(--bg);letter-spacing:-.02em;margin-bottom:2rem;font-size:27px;font-weight:700;line-height:1.3;position:relative}.auth-side h2 em{color:var(--accent);font-style:normal}.auth-side-points{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.auth-side-points li{color:#c9bfae;align-items:center;gap:.6rem;font-size:13.5px;display:flex}.auth-side-points svg{color:var(--success);flex-shrink:0}}.auth-brand{flex-direction:column;align-items:center;gap:.2rem;margin-bottom:.65rem;display:flex}.auth-brand img{object-fit:contain;width:52px;height:52px}.auth-brand span{color:var(--accent);font-size:19px;font-weight:700}.auth-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-lg);flex-direction:column;gap:.5rem;padding:1rem 1.1rem;animation:.5s both auth-form-in;display:flex}@keyframes auth-form-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-form{animation:none}}.auth-form-wide{max-width:640px}.auth-form h1{margin-bottom:.06rem}.auth-form label,.form-field-label{color:var(--text-muted);flex-direction:column;gap:.2rem;font-size:12.5px;font-weight:600;display:flex}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;display:grid}.form-actions{align-items:center;gap:.55rem;display:flex}.form-actions button[type=submit]{flex:1}@media (width<=560px){.form-row{grid-template-columns:1fr}}@media (width<=480px){.form-actions{flex-direction:column;align-items:stretch}.form-actions .link-button{justify-content:center;padding:.5rem 0}}.input-icon{border:1.5px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:.35rem;padding:.35rem .5rem;transition:border-color .15s;display:flex}.input-icon:focus-within{border-color:var(--accent)}.input-icon svg{color:var(--text-muted);flex-shrink:0}.input-icon input,.input-icon select{min-width:0;font-size:14px;font-family:var(--font-display);color:var(--text);background:0 0;border:none;outline:none;flex:1}.form-field-label textarea{border:1.5px solid var(--border);width:100%;font-family:var(--font-display);color:var(--text);background:var(--surface);resize:vertical;border-radius:10px;outline:none;padding:.5rem .65rem;font-size:14px;transition:border-color .15s}.form-field-label textarea:focus{border-color:var(--accent)}.input-icon-toggle{color:var(--text-muted);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.input-icon-toggle:hover{color:var(--accent)}.user-type-options{gap:.4rem;display:flex}.user-type-option{border:1.5px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.45rem;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.user-type-option input{display:none}.user-type-option.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}button{cursor:pointer;font-size:13.5px}button[type=submit],.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.3rem;padding:.45rem;font-size:13.5px;font-weight:600;transition:background .15s;display:flex}button[type=submit]:hover,.btn-primary:hover{background:var(--accent-hover)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}@media (width<=560px){button[type=submit],.btn-primary{border-radius:9px;padding:.4rem .7rem;font-size:12.5px}.btn-ghost{padding:.32rem .5rem;font-size:11.5px}}.form-error{color:var(--accent);background:var(--accent-soft);border-radius:8px;margin:0;padding:.35rem .45rem;font-size:12.5px}.switch-link{text-align:center;color:var(--text-muted);margin:0;font-size:12.5px}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.2rem;padding:0;font-size:12.5px;font-weight:600;display:inline-flex}.link-button-danger{color:var(--text-muted)}.link-button-danger:hover{color:#d0342c}.pg-detail-actions{align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.room-sub-actions{align-items:center;gap:.3rem;display:flex}.icon-button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface-muted);color:var(--text)}.icon-button-danger:hover{background:var(--accent-soft);color:#d0342c}.app-layout{min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;height:60px;padding:0 1.4rem;display:flex;position:sticky;top:0}.search{background:var(--surface-muted);width:320px;color:var(--text-muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;padding:.35rem .55rem;transition:border-color .15s,background .15s;display:flex;position:relative}.search:focus-within{border-color:var(--accent);background:var(--surface)}.search input{font-family:var(--font-display);color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:13px}.search-results{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:20;border-radius:12px;padding:.3rem;position:absolute;top:calc(100% + 8px);left:0;right:0}.search-empty{color:var(--text-muted);margin:0;padding:.4rem .45rem;font-size:12.5px}.search-result{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.4rem .45rem;font-size:13px;font-weight:500;display:flex}.search-result:hover{background:var(--surface-muted)}.search-result-type{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10.5px;font-weight:700}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:1.25rem;width:256px;height:100vh;padding:1.1rem .7rem;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:.45rem;padding:0 .4rem;display:flex}.sidebar-close{color:var(--text-muted);background:0 0;border:none;border-radius:8px;margin-left:auto;padding:.3rem;display:none}.sidebar-close:hover{background:var(--surface-muted);color:var(--text)}.menu-toggle{color:var(--text);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:.6rem;padding:.35rem;display:none}.menu-toggle:hover{background:var(--surface-muted)}.sidebar-backdrop{display:none}@media (width<=900px){.sidebar{z-index:60;width:260px;box-shadow:var(--shadow-lg);transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{justify-content:center;align-items:center;display:flex}.menu-toggle{display:flex}.sidebar-backdrop{z-index:55;background:#241d1573;display:block;position:fixed;inset:0}.app-main{padding:.9rem 1rem}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.sidebar-logo{object-fit:contain;flex-shrink:0;width:34px;height:34px}.sidebar-brand-name{color:var(--text);font-size:17px;font-weight:700;line-height:1.2;display:block}.sidebar-brand-tag{color:var(--text-muted);font-size:10.5px;font-weight:500;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:.12rem;display:flex}.sidebar-nav-item{color:var(--text-muted);text-align:left;background:0 0;border:none;border-left:2.5px solid #0000;border-radius:9px;outline:none;align-items:center;gap:.5rem;padding:.45rem .55rem;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--surface-muted);color:var(--text)}.sidebar-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-nav-item.active{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent);font-weight:600}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.55rem;padding-top:.7rem;display:flex}.sidebar-user{align-items:center;gap:.45rem;padding:0 .2rem;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.sidebar-user-name{margin:0;font-size:13px;font-weight:600}.sidebar-user-role{color:var(--text-muted);margin:0;font-size:11.5px}.sidebar-logout{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:9px;align-items:center;gap:.4rem;padding:.45rem .6rem;font-size:12.5px;font-weight:500;display:flex}.sidebar-logout:hover{border-color:var(--accent);color:var(--accent)}.app-main{flex:1;max-width:1180px;padding:1.1rem 1.4rem}.page{flex-direction:column;gap:.7rem;display:flex}.form-page{justify-content:center;align-items:stretch;width:100%;max-width:640px;min-height:calc(100vh - 4rem);margin:0 auto}.form-page .auth-form-wide{max-width:none}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.6rem;margin-bottom:.15rem;display:flex}@media (width<=560px){.page-header>.btn-primary,.page-header>button[type=submit]{width:100%}}.page-header p{color:var(--text-muted);margin-top:.2rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.5rem;margin-bottom:.15rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.65rem .7rem}.stat-icon{background:var(--surface-muted);width:38px;height:38px;color:var(--text);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.stat-icon.good{background:var(--success-soft);color:var(--success)}.stat-icon.brand{background:var(--accent-soft);color:var(--accent)}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0 0 .2rem;font-size:24px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);margin:0;font-size:12px;font-weight:500}.pg-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.55rem;display:grid}.pg-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;gap:.2rem;padding:.65rem .7rem;transition:transform .15s,box-shadow .15s;display:flex}.pg-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.pg-card h3{margin:0}.pg-meta{color:var(--text-muted);align-items:center;gap:.25rem;font-size:12.5px;display:flex}.pg-meta svg{color:var(--accent);flex-shrink:0}.pg-capacity{margin-top:.3rem}.pg-capacity-labels{color:var(--text-muted);justify-content:space-between;margin-bottom:.2rem;font-size:11px;font-weight:500;display:flex}.pg-capacity-labels .num{font-family:var(--font-mono);color:var(--text);font-weight:600}.pg-capacity-bar{background:var(--success-soft);border-radius:4px;height:6px;overflow:hidden}.pg-capacity-fill{background:var(--accent);height:100%}.pg-rent{font-family:var(--font-mono);align-items:baseline;gap:.12rem;margin-top:.3rem;font-size:13px;font-weight:700;display:inline-flex}.pg-rent .per{font-family:var(--font-display);color:var(--text-muted);font-size:11px;font-weight:500}.pg-detail{flex-direction:column;gap:1rem;width:100%;display:flex}.pg-detail-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:.2rem;padding:.8rem .9rem;display:flex}.pg-detail-header h1{margin-bottom:.12rem}.pg-detail-title-row{align-items:center;gap:.35rem;margin-bottom:.12rem;display:flex}.pg-detail-title-row h1{margin-bottom:0}.gender-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-self:flex-start;width:fit-content;margin-top:.2rem;padding:.12rem .35rem;font-size:10.5px;font-weight:700;display:inline-flex}.pg-detail-title-row .gender-badge{margin-top:0}.gender-badge.gender-boys{color:#2f5fc4;background:#e5edfb}.gender-badge.gender-girls{color:#c43f8e;background:#fbe7f1}.gender-badge.gender-co-ed{background:var(--surface-muted);color:var(--text-muted)}.room-list{flex-direction:column;gap:.4rem;display:flex}.room-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:.55rem .7rem}.room-card h3{align-items:center;gap:.25rem;margin:0 0 .35rem;display:flex}.room-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.room-sub-block{margin-top:.35rem}.room-sub-block:first-of-type{margin-top:0}.room-sub-head{justify-content:space-between;align-items:baseline;margin-bottom:.3rem;display:flex}.room-sub-head h3{margin:0}.room-occupancy-frac{font-family:var(--font-mono);color:var(--text-muted);font-size:11.5px}.bed-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.35rem;display:grid}.bed-card{text-align:left;cursor:pointer;background:var(--surface);border-radius:10px;flex-direction:column;gap:.2rem;padding:.35rem .45rem;transition:transform .12s,box-shadow .12s;display:flex}.bed-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.bed-card:disabled{cursor:default}.bed-card:disabled:hover{box-shadow:none;transform:none}.bed-card.vacant{border:1.5px dashed var(--success);background:var(--success-soft)}.bed-card.occupied{border:1px solid var(--accent);background:var(--accent-soft)}.bed-card-top{justify-content:space-between;align-items:center;display:flex}.bed-card-number{font-family:var(--font-mono);color:var(--text-muted);font-size:11px;font-weight:700}.bed-card.vacant .bed-card-top svg{color:var(--success)}.bed-card.occupied .bed-card-top svg{color:var(--accent)}.bed-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.bed-card.vacant .bed-card-name{color:var(--success)}.bed-card-sub{color:var(--text-muted);font-size:11px}.room-form{max-width:340px;margin-top:.25rem}.people-list{flex-direction:column;gap:.35rem;display:flex}.person-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:flex-start;gap:.55rem;padding:.55rem .7rem;display:flex}.person-card-button{text-align:left;cursor:pointer;width:100%;transition:transform .15s,box-shadow .15s}.person-card-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.person-name{align-items:center;gap:.25rem;margin-bottom:.2rem;font-size:14px;font-weight:600;display:flex}.person-status{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;margin-left:.2rem;padding:.1rem .3rem;font-size:10.5px;font-weight:700}.person-status.active{background:var(--success-soft);color:var(--success)}.person-status.moved-out{background:var(--surface-muted);color:var(--text-muted)}.id-image-wrap{flex-direction:column;gap:.2rem;display:flex}.id-image-label{color:var(--text-muted);font-size:12.5px;font-weight:600}.id-image{object-fit:cover;border:1px solid var(--border);cursor:zoom-in;border-radius:10px;width:100%;max-height:220px}.id-image-preview{border:1.5px dashed var(--border);border-radius:10px;align-items:center;gap:.4rem;padding:.35rem;display:flex}.id-image-preview img{object-fit:cover;border-radius:8px;flex-shrink:0;width:56px;height:56px}.id-image-preview-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.file-input-label{border:1.5px dashed var(--border);color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.3rem;width:100%;padding:.35rem .5rem;font-size:13px;font-weight:500;display:inline-flex}.file-input-label:hover{border-color:var(--accent);color:var(--accent)}.file-input-label input{display:none}.grid-main{grid-template-columns:1.4fr 1fr;gap:.55rem;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:.55rem;padding:.7rem .8rem;display:flex}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{align-items:center;gap:.35rem;font-size:14px;display:flex}.panel-empty{color:var(--text-muted);align-items:center;gap:.35rem;font-size:12.5px;display:flex}.occupancy-chart{flex-direction:column;gap:.5rem;display:flex}.occupancy-row-button{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;margin:-.2rem;padding:.2rem;display:block}.occupancy-row-button:hover{background:var(--surface-muted)}.expense-category-chips{flex-wrap:wrap;gap:.3rem;display:flex}.occupancy-row-head{justify-content:space-between;margin-bottom:.2rem;font-size:12px;display:flex}.occupancy-name{font-weight:600}.occupancy-frac{font-family:var(--font-mono);color:var(--text-muted);font-weight:500}.occupancy-track{background:var(--success-soft);border-radius:5px;height:7px;overflow:hidden}.occupancy-fill{background:var(--accent);height:100%}.activity-list{flex-direction:column;gap:.06rem;display:flex}.activity-row{border-radius:9px;align-items:center;gap:.4rem;padding:.3rem .12rem;display:flex}.activity-row:hover{background:var(--surface-muted)}.activity-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.activity-icon.in{background:var(--success-soft);color:var(--success)}.activity-icon.out{background:var(--accent-soft);color:var(--accent)}.activity-body{flex:1;min-width:0}.activity-title{margin:0;font-size:12.5px;font-weight:600}.activity-sub{color:var(--text-muted);margin:1px 0 0;font-size:11px}.activity-date{color:var(--text-muted);font-size:10.5px;font-family:var(--font-mono);flex-shrink:0}.pg-card-top{justify-content:space-between;align-items:flex-start;gap:.35rem;display:flex}.pg-status-pill{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.12rem .3rem;font-size:10px;font-weight:700}.pg-status-pill.full{background:var(--accent-soft);color:var(--accent)}.pg-status-pill.open{background:var(--success-soft);color:var(--success)}.pgs-card-view{display:none}@media (width<=900px){.pgs-card-view{display:block}.pgs-table-view{display:none}}.mobile-only-cards{display:none}@media (width<=900px){.mobile-only-cards{flex-direction:column;gap:.6rem;display:flex}.desktop-only-table{display:none}}.row-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;flex-direction:column;gap:.45rem;padding:.75rem .85rem;display:flex}.row-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.row-card-title{align-items:center;gap:.5rem;min-width:0;font-weight:600;display:flex}.row-card-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:.3rem .75rem;font-size:12.5px;display:flex}.row-card-meta-item{align-items:center;gap:.3rem;display:flex}.row-card-desc{color:var(--text-muted);font-size:13px}.row-card-amount{font-family:var(--font-mono);font-size:15px;font-weight:700}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}@media (width<=900px){.table-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#241d1517);width:22px;position:absolute;top:0;bottom:0;right:0}}.table-toolbar{border-bottom:1px solid var(--border);padding:.5rem .65rem;display:flex}.filter-chips{flex-wrap:wrap;gap:.25rem;display:flex}.filter-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:8px;padding:.25rem .45rem;font-size:12px;font-weight:600}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface-muted);white-space:nowrap;padding:.4rem .65rem;font-size:10.5px;font-weight:700}tbody td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:.45rem .65rem;font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer}.table-static tbody tr{cursor:default}.table-static tbody tr:hover{background:0 0}tbody tr:hover{background:var(--surface-muted)}.cell-person{align-items:center;gap:.35rem;display:flex}.cell-avatar{background:var(--surface-muted);width:28px;height:28px;color:var(--text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.cell-name{font-weight:600}.cell-mono{font-family:var(--font-mono);color:var(--text-muted);font-size:12.5px}.status-pill{border-radius:999px;align-items:center;gap:.25rem;padding:.12rem .35rem;font-size:10.5px;font-weight:700;display:inline-flex}.status-pill.active{background:var(--success-soft);color:var(--success)}.status-pill.moved{background:var(--surface-muted);color:var(--text-muted)}.status-pill.overdue{background:var(--accent-soft);color:var(--accent)}.table-empty{color:var(--text-muted);padding:.55rem .7rem;font-size:12.5px}@media (width<=900px){.grid-main{grid-template-columns:1fr}}.tenant-profile{flex-direction:column;gap:.55rem;display:flex}.tenant-profile-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:.55rem;padding:.7rem .8rem;display:flex}.tenant-avatar{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.tenant-profile-heading{flex:1;min-width:0}.tenant-profile-heading h2{align-items:center;gap:.35rem;margin:0;font-size:18px;display:flex}.tenant-profile-sub{color:var(--text-muted);margin-top:.15rem;font-size:13px}.tenant-profile-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.tenant-profile-grid .panel{flex-direction:column;gap:.55rem;display:flex}.info-list{flex-direction:column;gap:.45rem;display:flex}.info-row{align-items:center;gap:.35rem;font-size:13.5px;display:flex}.info-row svg{color:var(--accent);flex-shrink:0}.info-label{color:var(--text-muted);min-width:70px}.info-value{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}@media (width<=760px){.tenant-profile-header{flex-wrap:wrap}.tenant-profile-grid{grid-template-columns:1fr}}.pagination{justify-content:center;align-items:center;gap:.55rem;margin-top:.25rem;display:flex}.pagination-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.2rem;padding:.3rem .45rem;font-size:12.5px;font-weight:600;display:inline-flex}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination-btn:disabled{opacity:.4;cursor:default}.pagination-status{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}@media (width<=480px){.pagination{flex-wrap:wrap}.pagination-status{text-align:center;order:3;width:100%}}.dues-banner{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;text-align:left;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:13px;font-weight:600;display:flex}.dues-banner:hover{background:var(--accent);color:#fff}.loader{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:1.75rem 0;font-size:12.5px;display:flex}.loader-spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite loader-spin}@keyframes loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader-spinner{animation-duration:1.6s}}.expense-bars{flex-direction:column;gap:.6rem;display:flex}.expense-bar-head{justify-content:space-between;margin-bottom:.25rem;font-size:12px;display:flex}.expense-bar-name{align-items:center;gap:.4rem;font-weight:600;display:flex}.expense-bar-name svg{color:var(--accent);flex-shrink:0}.expense-bar-amount{font-family:var(--font-mono);color:var(--text-muted);font-weight:500}.expense-bar-track{background:var(--surface-muted);border-radius:5px;height:7px;overflow:hidden}.expense-bar-fill{background:var(--accent);height:100%}.expense-row-selected .expense-bar-fill{background:var(--success)}.form-field-label{align-items:flex-start;gap:.5rem}.photo-upload-label{cursor:pointer}.photo-upload-label input{display:none}.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;display:grid}.photo-tile{aspect-ratio:4/3;border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;display:block}.photo-tile-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:.35rem;right:.35rem}.photo-tile-remove:hover{background:var(--accent)}.signup-success{background:var(--success-soft);color:var(--success);border-radius:8px;align-items:center;gap:.4rem;padding:.55rem .8rem;font-size:12.5px;font-weight:600;display:flex}.chat-widget{z-index:100;flex-direction:column;align-items:flex-end;gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.chat-launcher{background:var(--accent);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-lg);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex}.chat-launcher:hover{background:var(--accent-hover);transform:translateY(-2px)}.chat-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(340px,100vw - 2.5rem);height:min(480px,100vh - 8rem);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.chat-panel-header{background:var(--text);color:var(--bg);justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:14px;font-weight:700;display:flex}.chat-close{color:var(--bg);cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;display:flex}.chat-close:hover{opacity:1}.chat-messages{flex-direction:column;flex:1;gap:.6rem;padding:1rem;display:flex;overflow-y:auto}.chat-bubble{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:.6rem .85rem;font-size:13.5px;line-height:1.5}.chat-bubble-assistant{background:var(--surface-muted);color:var(--text);border-bottom-left-radius:3px;align-self:flex-start}.chat-bubble-user{background:var(--accent);color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.chat-bubble-typing{align-items:center;gap:.3rem;padding:.75rem .9rem;display:flex}.chat-typing-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite chat-typing}.chat-typing-dot:nth-child(2){animation-delay:.15s}.chat-typing-dot:nth-child(3){animation-delay:.3s}@keyframes chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.chat-error{color:var(--accent);text-align:center;align-self:center;font-size:12.5px}.chat-input-row{border-top:1px solid var(--border);align-items:center;gap:.5rem;padding:.75rem;display:flex}.chat-input-row input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);border-radius:999px;flex:1;padding:.55rem .9rem;font-family:inherit;font-size:13px}.chat-input-row input:focus{border-color:var(--accent);outline:none}.chat-input-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.chat-input-row button:hover:not(:disabled){background:var(--accent-hover)}.chat-input-row button:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.chat-typing-dot{animation-duration:2.2s}}.btn-ghost{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.3rem;padding:.4rem .65rem;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:flex}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.insight-panel-actions{align-items:center;gap:.9rem;display:flex}.insight-card{flex-direction:column;gap:.75rem;display:flex}.insight-card-compact{gap:.6rem}.insight-pair{flex-direction:column;gap:.3rem;display:flex}.insight-pill{border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:12px;font-weight:700;display:inline-flex}.insight-pill-best{background:var(--success-soft);color:var(--success)}.insight-pill-worst{background:var(--accent-soft);color:var(--accent)}.insight-reason{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.insight-block h4{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);align-items:center;gap:.35rem;margin:0 0 .4rem;font-size:12px;display:flex}.insight-block ul{flex-direction:column;gap:.3rem;margin:0;padding-left:1.1rem;display:flex}.insight-block li{font-size:13px;line-height:1.5}.insight-progress{background:var(--surface-muted);border-radius:10px;padding:.6rem .75rem}.insight-progress p{color:var(--text);margin:0;font-size:13px;line-height:1.55}.insight-timestamp{color:var(--text-muted);margin:0;font-size:11.5px}.insight-history-list{flex-direction:column;gap:1rem;display:flex}.insight-history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem 1.1rem}.plan-badge{background:var(--success-soft);color:var(--success);border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:12.5px;font-weight:700;display:flex}.plan-badge-urgent{background:var(--accent-soft);color:var(--accent)}