.auth-shell{--auth-ink: #071020;--auth-ink-soft: #52627a;--auth-card: rgba(255, 255, 255, .92);--auth-card-border: rgba(255, 255, 255, .7);--auth-shadow: 0 28px 90px rgba(0, 0, 0, .3);--auth-primary: #d4af37;--auth-primary-deep: #0a1628;--auth-teal: #0d9f9a;--auth-input-bg: rgba(248, 250, 252, .95);--auth-radius: 1.6rem;--auth-radius-sm: .9rem;min-height:100vh;position:relative;overflow-x:hidden;background:radial-gradient(circle at 78% 12%,rgba(79,70,229,.55),transparent 28rem),radial-gradient(circle at 8% 82%,rgba(13,159,154,.45),transparent 24rem),linear-gradient(145deg,#061022 0%,#0b1733 48%,#0b4d47 100%);color:var(--auth-ink);font-family:Outfit,system-ui,sans-serif}.auth-shell__mesh{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:3rem 3rem;-webkit-mask-image:radial-gradient(circle at center,black,transparent 75%);mask-image:radial-gradient(circle at center,black,transparent 75%);opacity:.45}.auth-shell__orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.55}.auth-shell__orb--1{width:320px;height:320px;background:#4f46e5;top:-80px;right:8%}.auth-shell__orb--2{width:280px;height:280px;background:#2dd4bf;bottom:5%;left:-40px}.auth-shell__orb--3{width:200px;height:200px;background:#d4af37;top:40%;left:35%;opacity:.25}.auth-shell__main{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:clamp(2rem,6vw,5.25rem);align-items:center;max-width:1160px;margin:0 auto;padding:clamp(1.25rem,4vw,3.25rem)}@media (max-width: 900px){.auth-shell__main{grid-template-columns:1fr;align-content:start;gap:.9rem;padding:1rem 1.15rem 1.25rem}.auth-shell__hero{text-align:center;order:1;max-width:32rem;margin:0 auto;width:100%}.auth-shell__hero-list{justify-content:center}.auth-shell__panel{order:2}}.auth-shell__hero{color:#f1f5f9}.auth-shell__hero--minimal{min-height:auto;padding:0}@media (min-width: 901px){.auth-shell__hero--minimal{padding:0}}.auth-shell__logo-panel{width:clamp(14rem,34vw,23rem);margin-bottom:1.7rem}.auth-shell__logo{display:block;width:100%;height:auto;object-fit:contain}.auth-shell__badge{display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .85rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);margin:0 0 1.25rem;color:#e2e8f0}.auth-shell__hero-title{font-size:clamp(2.1rem,4.8vw,3.6rem);font-weight:700;line-height:1.04;margin:0 0 1rem;letter-spacing:-.045em;max-width:34rem}.auth-shell__hero-copy{margin:0 0 1.5rem;font-size:1.05rem;line-height:1.65;color:#e2e8f0e0;max-width:28rem}.auth-shell__hero-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.auth-shell__hero-list li{font-size:.875rem;color:#f1f5f9d9;padding:.4rem .85rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(148,163,184,.25)}.auth-shell__panel{width:100%}.auth-shell__card{background:var(--auth-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--auth-radius);border:1px solid var(--auth-card-border);box-shadow:var(--auth-shadow);padding:clamp(1.55rem,3.4vw,2.15rem)}.auth-shell__card-head{margin-bottom:1.5rem}.auth-shell__brand-mark{margin:0 0 .5rem;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#b88f19}.auth-shell__title{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;color:var(--auth-ink);line-height:1.2}.auth-shell__title-brand{display:inline;background:linear-gradient(120deg,#0a1628,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-shell__subtitle{margin:.5rem 0 0;font-size:.95rem;color:var(--auth-ink-soft);line-height:1.5}.auth-shell__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(15,23,42,.07);text-align:center;font-size:.9rem;color:var(--auth-ink-soft)}.auth-shell__footer a{color:#0a1628;font-weight:600;text-decoration:none}.auth-shell__footer a:hover{text-decoration:underline;color:#b88f19}.auth-shell__footer-note{margin:.65rem 0 0;font-size:.8125rem;color:var(--auth-ink-soft)}.auth-shell__details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(15,23,42,.06)}.auth-shell__details-block+.auth-shell__details-block{margin-top:1rem}.auth-shell__details-label{margin:0 0 .4rem;font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8}.auth-shell__details p{margin:0;font-size:.8125rem;line-height:1.55;color:#64748b}.auth-shell--register .auth-shell__card{padding-block:clamp(1.2rem,2.8vw,1.7rem)}@media (max-width: 900px){.auth-shell{min-height:100svh}.auth-shell__mesh{background-size:2.25rem 2.25rem}.auth-shell__logo-panel{width:clamp(8.5rem,42vw,12.75rem);margin:0 auto}.auth-shell__badge,.auth-shell__hero-title,.auth-shell__hero-copy,.auth-shell__hero-list{display:none}.auth-shell__card{border-radius:1.45rem;padding:1.35rem 1.45rem}.auth-shell__card-head{margin-bottom:1rem}.auth-shell__title{font-size:1.55rem}.auth-shell__subtitle{font-size:.86rem}}.auth-shell__details-list{margin:.35rem 0 0;padding-left:1.05rem;font-size:.8125rem;line-height:1.5;color:#64748b}.auth-shell__details-list li{margin-bottom:.25rem}.auth-shell__details-list li:last-child{margin-bottom:0}.auth-field{margin-bottom:1rem}.auth-field__label{display:block;font-size:.875rem;font-weight:600;color:#142033;margin-bottom:.4rem}.auth-field__req{color:#b88f19;font-weight:700}.auth-field__input{width:100%;padding:.82rem 1rem;font-size:.98rem;font-family:inherit;color:#0f172a;background:var(--auth-input-bg, rgba(255, 255, 255, .9));border:1px solid rgba(15,23,42,.1);border-radius:var(--auth-radius-sm, .75rem);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.auth-field__input::placeholder{color:#94a3b8}.auth-field__input:hover{border-color:#d4af378c}.auth-field__input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af372e}.auth-field--error .auth-field__input{border-color:#e11d48}.auth-field--error .auth-field__input:focus{box-shadow:0 0 0 3px #e11d482e}.auth-field__hint{margin:.35rem 0 0;font-size:.8rem;color:#64748b}@media (max-width: 900px){.auth-field{margin-bottom:.78rem}.auth-field__label{font-size:.82rem;margin-bottom:.32rem}.auth-field__input{padding:.7rem .88rem;font-size:.92rem;border-radius:.82rem}}.auth-field__error{margin:.35rem 0 0;font-size:.8rem;color:#be123c;font-weight:500}.auth-alert{padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;line-height:1.45;margin-bottom:1rem}.auth-alert--error{background:rgba(225,29,72,.1);border:1px solid rgba(225,29,72,.25);color:#9f1239}.auth-alert--success{background:rgba(13,159,154,.12);border:1px solid rgba(13,159,154,.35);color:#0f766e}.auth-alert--info{background:rgba(16,33,58,.06);border:1px solid rgba(16,33,58,.14);color:#334155}.auth-form__row{display:flex;justify-content:flex-end;margin-top:-.35rem;margin-bottom:.35rem}.auth-form__link{font-size:.875rem;font-weight:600;color:#10213a;text-decoration:none}.auth-form__link:hover{color:#d4af37;text-decoration:underline}.auth-form__secondary{width:100%;margin-top:.65rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;font-family:inherit;color:#10213a;border:1px solid rgba(16,33,58,.18);border-radius:.9rem;background:#fff;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.auth-form__secondary:hover:not(:disabled){border-color:#d4af378c;color:#071020;background:rgba(212,175,55,.06)}.auth-form__secondary:disabled{opacity:.6;cursor:not-allowed}.auth-form__secondary--muted{font-weight:500;color:#64748b;border-color:transparent;background:transparent}.auth-form__secondary--muted:hover:not(:disabled){color:#10213a;background:rgba(16,33,58,.04);border-color:transparent}.auth-form__hint-panel{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.25rem}.auth-form__submit--inline{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.auth-form__submit{width:100%;margin-top:.15rem;padding:.95rem 1.25rem;font-size:1rem;font-weight:700;font-family:inherit;color:#fff;border:none;border-radius:1rem;cursor:pointer;background:linear-gradient(135deg,#071020 0%,#10213a 52%,#d4af37 100%);background-size:200% 200%;box-shadow:0 14px 34px #07102042;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.auth-form__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 42px #07102052;filter:brightness(1.03)}.auth-form__submit:active:not(:disabled){transform:translateY(0)}.auth-form__submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.auth-form__submit:focus-visible{outline:2px solid #d4af37;outline-offset:3px}@media (max-width: 900px){.auth-form__submit{padding:.82rem 1rem;border-radius:.9rem}}.profile-menu{position:relative;flex-shrink:0}.profile-menu__trigger{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;border-radius:50%;box-shadow:0 0 0 2px #fffffff2,0 4px 20px #4f46e559;transition:transform .15s ease,box-shadow .15s ease}.profile-menu__trigger:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #fffffff2,0 8px 28px #4f46e573}.profile-menu__trigger:focus-visible{outline:2px solid #4f46e5;outline-offset:3px}.profile-menu__avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 45%,#0d9488 100%);background-size:140% 140%;-webkit-user-select:none;user-select:none}.profile-menu__avatar--sm{width:2.25rem;height:2.25rem;font-size:.72rem;flex-shrink:0}.profile-menu__dropdown{position:absolute;right:0;top:calc(100% + .5rem);min-width:15.5rem;padding:.35rem 0;background:#fff;border-radius:.85rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 50px #0f172a1f,0 0 0 1px #0f172a0a;z-index:50;animation:profile-menu-in .18s ease}@keyframes profile-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-menu__header{display:flex;gap:.65rem;align-items:center;padding:.65rem .85rem .75rem;border-bottom:1px solid rgba(15,23,42,.06)}.profile-menu__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.profile-menu__display-name{font-weight:600;font-size:.9rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu__email{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu__role-pill{font-size:.65rem;font-weight:700;text-transform:capitalize;color:#4f46e5;align-self:flex-start;padding:.15rem .4rem;border-radius:.35rem;background:rgba(79,70,229,.1)}.profile-menu__section{padding:.35rem 0}.profile-menu__section--footer{border-top:1px solid rgba(15,23,42,.06);padding-top:.35rem}.profile-menu__item{display:block;width:100%;text-align:left;padding:.55rem .95rem;font-family:inherit;font-size:.875rem;font-weight:500;color:#334155;background:transparent;border:none;cursor:pointer;transition:background .12s ease}.profile-menu__item:hover{background:rgba(79,70,229,.06);color:#1e293b}.profile-menu__item--accent{color:#4f46e5;font-weight:600}.profile-menu__item--accent:hover{background:rgba(79,70,229,.1)}.profile-menu__item--danger{color:#be123c}.profile-menu__item--danger:hover{background:rgba(190,18,60,.06)}.admin-pg-selector{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;min-width:0;max-width:min(320px,55vw)}.admin-pg-selector__label{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0;white-space:nowrap}.admin-pg-selector__select{font-family:inherit;font-size:.8125rem;font-weight:600;color:#0f172a;padding:.4rem 2rem .4rem .65rem;border-radius:.55rem;border:1px solid rgba(79,70,229,.25);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234f46e5' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:0 1px 2px #0f172a0d}.admin-pg-selector__select:hover{border-color:#4f46e573}.admin-pg-selector__select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.admin-pg-selector__single{font-size:.8125rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pg-selector--muted,.admin-pg-selector--hint{font-size:.75rem;color:#64748b;text-align:center;padding:.35rem .5rem;max-width:min(280px,50vw);line-height:1.3}.admin-pg-selector--hint{color:#94a3b8;font-weight:500}@media (max-width: 480px){.admin-pg-selector{max-width:min(200px,42vw)}.admin-pg-selector__label{display:none}}.navbar{position:sticky;top:0;z-index:40;background:#0a1628;box-shadow:0 4px 24px #0a162840}.navbar__bar{max-width:1200px;margin:0 auto;padding:.7rem 1.25rem .6rem;display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand profile" "pg pg";align-items:center;gap:.5rem .75rem}.navbar__brand{grid-area:brand;display:inline-flex;align-items:baseline;gap:.1rem;text-decoration:none;font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.navbar__brand-rock{color:#f8fafc}.navbar__brand-stay{color:#d4af37}.navbar__pg-slot{grid-area:pg;min-width:0;width:100%}.profile-menu{grid-area:profile;justify-self:end}.navbar__tabs{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;background:#ffffff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px #0f172a0a}.navbar__tab{position:relative;display:flex;align-items:center;justify-content:center;padding:.8rem .5rem .65rem;font-size:.8125rem;font-weight:500;color:#64748b;text-decoration:none;text-align:center;transition:color .12s ease,background .12s ease}.navbar__tab:hover{color:#0f172a;background:rgba(10,22,40,.03)}.navbar__tab--active{color:#0a1628;font-weight:600}.navbar__tab--active:after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#d4af37}@media (min-width: 768px){.navbar__bar{display:flex;flex-wrap:nowrap;padding:.65rem 1.25rem;gap:1rem}.navbar__pg-slot{flex:1;display:flex;justify-content:center;width:auto}.profile-menu{justify-self:auto}.navbar__tabs{display:flex;align-items:flex-end;gap:.25rem;padding:0 1.25rem}.navbar__tab{flex:0 1 auto;padding:.85rem 1rem .7rem;font-size:.875rem}.navbar__tab--active:after{left:1rem;right:1rem}}@media (max-width: 380px){.navbar__tab{font-size:.7rem;padding:.75rem .25rem .6rem}}.app-layout{min-height:100vh;background:#f4f6fa}.app-layout__main{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.page h1{margin:0 0 .35rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:#0f172a}.page__lead{margin:0 0 1.25rem;color:#64748b;font-size:.95rem}.page__panel{background:#fff;border-radius:1rem;border:1px solid rgba(15,23,42,.06);box-shadow:0 8px 32px #0f172a0f;padding:1.25rem 1.35rem;margin-bottom:1rem}.page__panel h2{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#1e293b}.page__error{padding:.65rem .85rem;border-radius:.65rem;background:rgba(225,29,72,.08);border:1px solid rgba(225,29,72,.2);color:#9f1239;font-size:.875rem;margin-bottom:1rem}.page__success{padding:.65rem .85rem;border-radius:.65rem;background:rgba(13,159,154,.1);border:1px solid rgba(13,159,154,.25);color:#0f766e;font-size:.875rem;margin-bottom:1rem}.page__table-wrap{overflow-x:auto}.page table{width:100%;border-collapse:collapse;font-size:.875rem}.page th,.page td{text-align:left;padding:.55rem .65rem;border-bottom:1px solid #e2e8f0}.page th{font-weight:600;color:#475569;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.page__btn{font-family:inherit;font-size:.8125rem;font-weight:600;padding:.45rem .85rem;border-radius:.5rem;border:none;cursor:pointer;background:linear-gradient(135deg,#5b4dff,#7c3aed);color:#fff}.page__btn:disabled{opacity:.55;cursor:not-allowed}.page__btn--ghost{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.page__input,.page__select,.page__textarea{width:100%;max-width:420px;padding:.55rem .75rem;border-radius:.5rem;border:1px solid #e2e8f0;font-family:inherit;font-size:.875rem;margin-bottom:.65rem}.page__textarea{max-width:100%;min-height:100px;resize:vertical}.page__label{display:block;font-size:.8125rem;font-weight:600;color:#334155;margin-bottom:.25rem}.field-row{margin-bottom:.85rem}.home-invite__list{display:flex;flex-direction:column;gap:.65rem}.home-invite__card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:.85rem;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid rgba(99,102,241,.2);box-shadow:0 2px 8px #6366f114}.home-invite__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.home-invite__pg-name{font-size:1rem;font-weight:700;color:#1e293b}.home-invite__pg-addr{font-size:.78rem;color:#64748b}.home-invite__room{font-size:.78rem;font-weight:600;color:#4f46e5}.home-invite__actions{display:flex;gap:.45rem;flex-shrink:0}.home-invite__btn{font-family:inherit;font-size:.8rem;font-weight:700;padding:.4rem .85rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .15s ease}.home-invite__btn:disabled{opacity:.55;cursor:not-allowed}.home-invite__btn--accept{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.home-invite__btn--accept:hover:not(:disabled){box-shadow:0 2px 8px #16a34a4d}.home-invite__btn--decline{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.home-invite__btn--decline:hover:not(:disabled){background:#fee2e2;color:#991b1b;border-color:#e11d4833}.home-pay-alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.85rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(245,158,11,.3);box-shadow:0 2px 10px #f59e0b1a}.home-pay-alert--overdue{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#dc262640;box-shadow:0 2px 10px #dc26261a}.home-pay-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(245,158,11,.12)}.home-pay-alert--overdue .home-pay-alert__icon{background:rgba(220,38,38,.1)}.home-pay-alert__body{flex:1;min-width:0}.home-pay-alert__title{margin:0;font-size:.95rem;font-weight:700;color:#92400e}.home-pay-alert--overdue .home-pay-alert__title{color:#991b1b}.home-pay-alert__desc{margin:.15rem 0 0;font-size:.82rem;color:#78716c}.home-pay-alert--overdue .home-pay-alert__desc{color:#7f1d1d}.home-pay-alert__reminder{display:inline-block;margin-top:.35rem;padding:.15rem .5rem;border-radius:999px;font-size:.68rem;font-weight:700;background:rgba(245,158,11,.15);color:#b45309}.home-pay-alert--overdue .home-pay-alert__reminder{background:rgba(220,38,38,.1);color:#dc2626}.home-pay-alert__action{flex-shrink:0;font-family:inherit;font-size:.82rem;font-weight:700;padding:.5rem 1rem;border-radius:.55rem;border:none;cursor:pointer;text-decoration:none;background:linear-gradient(135deg,#d97706,#b45309);color:#fff;transition:all .15s ease;white-space:nowrap}.home-pay-alert--overdue .home-pay-alert__action{background:linear-gradient(135deg,#dc2626,#b91c1c)}.home-pay-alert__action:hover{box-shadow:0 3px 10px #b453094d;transform:translateY(-1px)}.home-pay-alert--overdue .home-pay-alert__action:hover{box-shadow:0 3px 10px #dc26264d}.home-pay-alert__action--navy{background:#0a1628;color:#fff}.home-pay-alert__action--navy:hover{background:#0f2847;box-shadow:0 3px 10px #0a162840}@media (max-width: 520px){.home-pay-alert{flex-wrap:wrap}.home-pay-alert__action{width:100%;text-align:center}}.home-leaves__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.home-leaves__header h2{margin:0}.home-leaves__form{margin-bottom:1rem;padding:.85rem;border-radius:.75rem;background:#f8fafc;border:1px solid #e2e8f0}.home-leaves__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;margin-bottom:.75rem}.home-leaves__reason{grid-column:1 / -1}.home-leaves__stats{display:flex;gap:.65rem;margin:.75rem 0}.home-leaves__stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:.65rem .5rem;border-radius:.75rem;cursor:pointer;transition:all .15s ease;border:1.5px solid transparent;-webkit-user-select:none;user-select:none}.home-leaves__stat:hover{transform:translateY(-1px)}.home-leaves__stat--active{background:#f0fdf4}.home-leaves__stat--upcoming{background:#eff6ff}.home-leaves__stat--pending{background:#fffbeb}.home-leaves__stat--total{background:#f8fafc}.home-leaves__stat--total .home-leaves__stat-count{color:#475569}.home-leaves__stat--selected.home-leaves__stat--active{border-color:#16a34a;box-shadow:0 2px 8px #16a34a26}.home-leaves__stat--selected.home-leaves__stat--upcoming{border-color:#2563eb;box-shadow:0 2px 8px #2563eb26}.home-leaves__stat--selected.home-leaves__stat--pending{border-color:#d97706;box-shadow:0 2px 8px #d9770626}.home-leaves__stat-count{font-size:1.35rem;font-weight:800;line-height:1}.home-leaves__stat--active .home-leaves__stat-count{color:#16a34a}.home-leaves__stat--upcoming .home-leaves__stat-count{color:#2563eb}.home-leaves__stat--pending .home-leaves__stat-count{color:#d97706}.home-leaves__stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-top:.2rem}.home-leaves__list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.home-leaves__item{display:flex;align-items:center;justify-content:space-between;padding:.7rem .85rem;border-radius:.65rem;background:#f8fafc;border:1px solid #f1f5f9;transition:border-color .15s ease}.home-leaves__item--active{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#16a34a33}.home-leaves__dates{display:flex;flex-direction:column;gap:.15rem;min-width:0}.home-leaves__date-range{font-size:.85rem;font-weight:600;color:#1e293b}.home-leaves__days{font-size:.72rem;font-weight:500;color:#94a3b8}.home-leaves__reason-text{font-size:.75rem;font-weight:400;color:#64748b;margin-top:.1rem}.home-leaves__item-right{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.home-leaves__active-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:home-leaves-pulse 1.5s ease-in-out infinite}@keyframes home-leaves-pulse{0%,to{opacity:1}50%{opacity:.4}}.home-leaves__badge{padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:capitalize;flex-shrink:0}.home-leaves__badge--pending{background:#fef3c7;color:#92400e}.home-leaves__badge--approved{background:#dcfce7;color:#166534}.home-leaves__badge--rejected{background:#fee2e2;color:#991b1b}.leaves-empty{text-align:center;padding:2rem 1rem;border-radius:.75rem;background:#f8fafc;border:1px dashed #e2e8f0}.leaves-empty__text{margin:0;font-size:.95rem;font-weight:600;color:#64748b}.leaves-empty__hint{margin:.35rem 0 0;font-size:.82rem;color:#94a3b8}@media (max-width: 480px){.home-leaves__stats{gap:.4rem}.home-leaves__stat{padding:.5rem .35rem}.home-leaves__stat-count{font-size:1.1rem}}.page__btn--sm{font-size:.8rem;padding:.35rem .75rem}.home-payments__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.home-payments__header h2{margin:0}.home-payments__current{padding:.85rem;border-radius:.75rem;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:.75rem}.home-payments__current-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.home-payments__amount{font-size:1.25rem;font-weight:800;color:#1e293b}.home-payments__due{font-size:.75rem;color:#64748b}.home-payments__reminder{padding:.4rem .65rem;border-radius:.5rem;background:#fef3c7;border:1px solid rgba(245,158,11,.25);color:#92400e;font-size:.8rem;font-weight:600;margin-top:.5rem}.home-payments__actions{display:flex;align-items:center;gap:.5rem;margin-top:.65rem}.home-payments__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.home-payments__item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.5rem;background:#f8fafc;border:1px solid #f1f5f9;font-size:.85rem}.home-payments__item-info{display:flex;flex-direction:column;gap:.1rem}.home-payments__item-month{font-weight:600;color:#1e293b}.home-payments__item-amount{font-size:.75rem;color:#64748b}.pay-badge{padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:capitalize;flex-shrink:0}.pay-badge--pending{background:#fef3c7;color:#92400e}.pay-badge--paid{background:#dbeafe;color:#1e40af}.pay-badge--verified{background:#dcfce7;color:#166534}.pay-badge--overdue{background:#fee2e2;color:#991b1b}.tenant-card-list{display:flex;flex-direction:column;gap:.75rem}.tenant-row-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;border-radius:.875rem;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 2px 12px #0a16280a}@media (max-width: 520px){.tenant-row-card{flex-direction:column;align-items:stretch}.tenant-row-card__aside{flex-wrap:wrap;justify-content:space-between;width:100%}}.tenant-row-card__main{flex:1;min-width:0}.tenant-row-card__title{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.tenant-row-card__meta{margin:.2rem 0 0;font-size:.8rem;color:#64748b}.tenant-row-card__aside{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.tenant-danger-action{font-family:inherit;font-size:.78rem;font-weight:700;padding:.42rem .75rem;border-radius:999px;border:1px solid #fecaca;background:#fff1f2;color:#be123c;cursor:pointer}.tenant-danger-action:hover:not(:disabled){border-color:#fb7185;background:#ffe4e6}.tenant-danger-action:disabled{opacity:.6;cursor:not-allowed}.tenant-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tenant-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.tenant-toolbar .page__btn--tenant-primary{width:100%}@media (min-width: 520px){.tenant-toolbar .page__btn--tenant-primary{width:auto}}button.tenant-chip{font-family:inherit;font-size:.8125rem;font-weight:500;padding:.45rem .9rem;border-radius:999px;border:1px solid #e2e8f0;background:#ffffff;color:#64748b;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.tenant-chip:hover{border-color:#cbd5e1;color:#0f172a;background:#f8fafc}button.tenant-chip.tenant-chip--active,button.tenant-chip.tenant-chip--active:hover{background:#0a1628;border-color:#0a1628;color:#fff;font-weight:600}.page .page__btn.page__btn--tenant-primary{background:#0a1628;color:#fff;border:none;box-shadow:0 4px 14px #0a162833}.page .page__btn.page__btn--tenant-primary:hover:not(:disabled){background:#0f2847;color:#fff}.page__btn--tenant-ghost{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}.tenant-empty-pg{padding:2rem 1.5rem;text-align:center;border-radius:1rem;background:#ffffff;border:1px dashed #cbd5e1;color:#64748b}.tenant-empty-pg strong{display:block;color:#0f172a;margin-bottom:.35rem}.home-page{--home-navy: #0a1628;--home-gold: #d4af37}.home-page__section{background:#ffffff;border-radius:1.125rem;border:1px solid rgba(15,23,42,.06);box-shadow:0 1px 2px #0a16280a,0 12px 40px #0a16280f;padding:1.15rem 1.2rem 1.25rem;margin-bottom:1rem}.home-page__section-title{margin:0 0 1rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.home-glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.home-glance__card{display:flex;flex-direction:column;gap:.65rem;padding:1rem 1rem 1.05rem;border-radius:1rem;text-decoration:none;color:inherit;background:linear-gradient(160deg,#ffffff 0%,#f8fafc 100%);border:1px solid #e8edf4;box-shadow:0 4px 14px #0a16280d;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;min-height:6.5rem}.home-glance__card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0a16281a;border-color:#d4af3759}.home-glance__card:active{transform:translateY(0)}.home-glance__icon{width:2.25rem;height:2.25rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-glance__card--rent .home-glance__icon{background:rgba(212,175,55,.18);color:#92710c}.home-glance__card--complaints .home-glance__icon{background:rgba(37,99,235,.1);color:#1d4ed8}.home-glance__card--leave .home-glance__icon{background:rgba(16,185,129,.12);color:#047857}.home-glance__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#64748b}.home-glance__value{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--home-navy);line-height:1.2}.home-glance__value--accent{color:#b45309}.home-glance__value--alert{color:#dc2626}.home-glance__value--ok{color:#047857}.home-glance__chevron{margin-top:auto;font-size:.75rem;font-weight:600;color:#94a3b8;align-self:flex-start}.home-glance__card--span{grid-column:1 / -1}@media (min-width: 900px){.home-glance{grid-template-columns:repeat(3,minmax(0,1fr))}.home-glance__card--span{grid-column:auto}}.home-menu-preview__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.home-menu-preview__title{margin:0}.home-menu-preview__badge{flex-shrink:0;padding:.3rem .65rem;border-radius:999px;font-size:.7rem;font-weight:600;color:var(--home-navy);background:rgba(212,175,55,.22)}.home-menu-preview__list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.home-menu-preview__item{display:grid;grid-template-columns:5.5rem 1fr;gap:.5rem .75rem;align-items:baseline;padding-bottom:.65rem;border-bottom:1px solid #f1f5f9}.home-menu-preview__item:last-child{padding-bottom:0;border-bottom:none}.home-menu-preview__meal{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.home-menu-preview__text{font-size:.9rem;line-height:1.4;color:var(--home-navy)}.home-menu-preview__muted{margin:0 0 .75rem;font-size:.875rem;color:#64748b}.home-menu-preview__link{display:inline-block;margin-top:.85rem;font-size:.8125rem;font-weight:600;color:var(--home-navy);text-decoration:none}.home-menu-preview__link:hover{color:#92710c;text-decoration:underline}@media (max-width: 400px){.home-menu-preview__item{grid-template-columns:1fr;gap:.2rem}}@media (max-width: 520px){.home-page .home-pay-alert{flex-direction:column;align-items:stretch;text-align:left;gap:.85rem;padding:1rem 1.1rem}.home-page .home-pay-alert__icon{align-self:flex-start}.home-page .home-pay-alert__action{width:100%;text-align:center;justify-content:center;display:inline-flex;align-items:center}.home-invite__card{flex-direction:column;align-items:stretch}.home-invite__actions{width:100%}.home-invite__actions .home-invite__btn{flex:1}}.meals-page{max-width:720px}.meals-page__stack{display:grid;gap:1rem}.meals-page__empty{margin:0;color:#64748b;font-size:.95rem}.meals-page__empty--in-card{padding:.5rem 0 1rem}.meals-today-card{padding:1.5rem 1.35rem;border-radius:1rem;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 4px 24px #0a16280f}.meals-today-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.meals-today-card__title{margin:0;font-size:1.35rem;font-weight:700;color:#0a1628;letter-spacing:-.02em}.meals-today-card__date{margin:.35rem 0 0;font-size:.875rem;color:#64748b}.meals-today-card__badge{flex-shrink:0;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#0a1628;background:rgba(212,175,55,.22)}.meals-today-card__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.meals-today-card__item{display:flex;gap:.85rem;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.meals-today-card__item:last-child{padding-bottom:0;border-bottom:none}.meals-today-card__meal-label{font-size:1.25rem;line-height:1}.meals-today-card__meal-name{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.2rem}.meals-today-card__meal-text{margin:0;font-size:1rem;line-height:1.45;color:#0f172a}.meals-today-card__footnote{margin:1.25rem 0 0;font-size:.8rem;color:#94a3b8}.meals-week-card{padding:1.35rem 1.25rem;border-radius:1rem;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 4px 24px #0a16280a}.meals-week-card__head{margin-bottom:1rem}.meals-week-card__title{margin:0;font-size:1.1rem;font-weight:700;color:#0a1628}.meals-week-card__sub{margin:.3rem 0 0;font-size:.82rem;color:#64748b}.meals-week-card__list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.meals-week-card__day{padding:.85rem .9rem;border-radius:.75rem;background:#f8fafc;border:1px solid #eef2f7}.meals-week-card__day--today{background:rgba(212,175,55,.12);border-color:#d4af3759}.meals-week-card__day-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.meals-week-card__day-name{margin:0;font-size:.92rem;font-weight:700;color:#0a1628}.meals-week-card__today-tag{flex-shrink:0;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:600;color:#92400e;background:rgba(212,175,55,.22)}.meals-week-card__meals{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.meals-week-card__meal{display:grid;grid-template-columns:5.5rem 1fr;gap:.5rem;align-items:baseline}.meals-week-card__meal-name{font-size:.72rem;font-weight:600;color:#64748b}.meals-week-card__meal-text{font-size:.88rem;line-height:1.4;color:#0f172a}.meals-week-card__empty-day{margin:0;font-size:.82rem;color:#94a3b8}.pay-page__controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1.25rem}.pay-page__month-selector{display:flex;align-items:center;gap:.5rem}.pay-page__month-selector .page__select,.pay-page__month-selector .page__input{margin-bottom:0;max-width:160px}.pay-page__year-input{max-width:90px!important}.pay-page__actions-row{display:flex;gap:.5rem}.pay-page__summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.55rem;margin-bottom:1.25rem}.pay-page__stat{padding:.55rem .65rem;border-radius:.75rem;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;text-align:center}.pay-page__stat--verified{border-color:#16a34a59;background:linear-gradient(145deg,rgba(22,163,74,.08),#f0fdf4)}.pay-page__stat--paid{border-color:#2563eb59;background:linear-gradient(145deg,rgba(37,99,235,.08),#eff6ff)}.pay-page__stat--pending{border-color:#f59e0b59;background:linear-gradient(145deg,rgba(245,158,11,.08),#fffbeb)}.pay-page__stat--overdue{border-color:#e11d4840;background:linear-gradient(145deg,rgba(225,29,72,.06),#fff1f2)}.pay-page__stat-value{display:block;font-size:1.25rem;font-weight:800;color:#0f172a;line-height:1.1}.pay-page__stat-label{display:block;margin-top:.15rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.pay-page__amount-cell{font-weight:700;font-variant-numeric:tabular-nums}.pay-page__actions-cell{white-space:nowrap}.pay-page__badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:capitalize}.pay-page__badge--pending{background:#fef3c7;color:#92400e}.pay-page__badge--paid{background:#dbeafe;color:#1e40af}.pay-page__badge--verified{background:#dcfce7;color:#166534}.pay-page__badge--overdue{background:#fee2e2;color:#991b1b}.pay-page__proof-btn{font-family:inherit;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:.35rem;border:1px solid #e2e8f0;background:#f8fafc;color:#4f46e5;cursor:pointer;transition:all .15s ease}.pay-page__proof-btn:hover{background:#eef2ff;border-color:#a5b4fc}.pay-page__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.pay-page__modal{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0f172a2e;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;padding:1.25rem}.pay-page__modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pay-page__modal-header h3{margin:0;font-size:1rem;font-weight:700;color:#1e293b}.pay-page__modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:none;background:#f1f5f9;color:#64748b;font-size:1.25rem;cursor:pointer;transition:all .15s ease}.pay-page__modal-close:hover{background:#e2e8f0;color:#1e293b}.pay-page__proof-container{text-align:center}.pay-page__proof-img{max-width:100%;max-height:60vh;border-radius:.75rem;border:1px solid #e2e8f0;object-fit:contain}.legal-page{min-height:100vh;background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(212,175,55,.12),transparent),radial-gradient(ellipse 60% 40% at 90% 0%,rgba(16,33,58,.08),transparent),#f6f7f9;color:#10213a}.legal-page__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(16,33,58,.08);background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legal-page__brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit}.legal-page__logo{width:2.25rem;height:2.25rem;border-radius:.5rem;object-fit:cover}.legal-page__brand-name{font-weight:700;letter-spacing:-.02em}.legal-page__nav{display:flex;gap:1rem;flex-wrap:wrap}.legal-page__nav a{font-size:.875rem;font-weight:600;color:#10213a;text-decoration:none}.legal-page__nav a:hover,.legal-page__nav a[aria-current=page]{color:#b8860b}.legal-page__main{max-width:44rem;margin:0 auto;padding:2rem 1.25rem 3.5rem}.legal-page__title{margin:0 0 .35rem;font-size:clamp(1.75rem,4vw,2.15rem);font-weight:750;letter-spacing:-.03em}.legal-page__meta{margin:0 0 1.75rem;color:#64748b;font-size:.9375rem}.legal-page__cta{margin:0 0 1.5rem;padding:1.15rem 1.25rem;background:#10213a;color:#f8fafc;border-radius:1rem;box-shadow:0 10px 28px #10213a2e}.legal-page__cta p{margin:0 0 .75rem;line-height:1.55;font-size:.975rem}.legal-page__cta-link{display:inline-block;font-size:1.05rem;font-weight:700;color:#f0d78c;text-decoration:none;word-break:break-all}.legal-page__cta-link:hover{text-decoration:underline}.legal-page__section{margin-bottom:1.35rem;padding:1.15rem 1.25rem;background:#fff;border:1px solid rgba(16,33,58,.07);border-radius:1rem;box-shadow:0 8px 28px #0f172a0a}.legal-page__section h2{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:#10213a}.legal-page__section p{margin:0;line-height:1.65;color:#334155;font-size:.975rem}.legal-page__footer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(16,33,58,.08);font-size:.875rem;color:#64748b}.legal-page__footer a{color:#10213a;font-weight:600}:root{font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}