:where(.app-admin,.app-users,.app-superadmin)>.radix-themes{--homin-page-max:68rem;--homin-page-gutter:clamp(var(--space-4), 4vw, 3rem);--homin-login-max:25rem;--homin-content-gap:var(--space-4);--homin-page-title-size:clamp(2.15rem, 7vw, 3.5rem);--homin-section-title-size:var(--font-size-6);--homin-module-title-size:var(--font-size-4)}:where(.app-admin,.app-users,.app-superadmin),:where(.app-admin,.app-users,.app-superadmin)>.radix-themes{min-inline-size:0;max-inline-size:100%}:where(.app-admin,.app-users,.app-superadmin) .topbar{z-index:30;min-block-size:var(--space-9);justify-content:space-between;align-items:center;gap:var(--space-4);padding-inline:max(var(--homin-page-gutter), calc((100% - var(--homin-page-max)) / 2));border-block-end:1px solid var(--gray-5);background:var(--color-panel-solid);backface-visibility:hidden;display:flex;position:sticky;inset-block-start:0;transform:translateZ(0)}:where(.app-admin,.app-users,.app-superadmin) .shell{inline-size:min(var(--homin-page-max), calc(100% - var(--homin-page-gutter) - var(--homin-page-gutter)));max-inline-size:100%;padding-block:var(--space-8);margin-inline:auto}:where(.app-admin,.app-users) .app-shell{padding-block-start:0}:where(.app-admin,.app-users) .section-nav{inline-size:100%;margin-inline:0;padding-inline:0}:where(.app-admin,.app-users) .section-selector{inline-size:fit-content;min-inline-size:0;max-inline-size:min(19rem,100%)}:where(.app-admin,.app-users,.app-superadmin) .login-card{width:min(100%, var(--homin-login-max));max-width:var(--homin-login-max);margin-inline:auto}:where(.app-admin,.app-users,.app-superadmin) .login-card form>.button{justify-self:start;min-inline-size:8rem}:where(.app-admin,.app-users) .login-condominium-brand{justify-items:center;gap:var(--space-3);text-align:center;margin-block-end:var(--space-5);display:grid}:where(.app-admin,.app-users) .login-condominium-brand img{--logo-size:min(7rem, 80vw);inline-size:var(--logo-size);block-size:var(--logo-size);padding:calc(var(--logo-size) * .15);object-fit:contain;border-radius:50%}.light :where(.app-users) .login-condominium-brand img{background:var(--jade-12)}:where(.app-admin,.app-users) .login-condominium-heading{justify-items:center;gap:var(--space-1);display:grid}:where(.app-admin,.app-users) .login-condominium-name{color:var(--gray-12);font-family:var(--font-display), Georgia, serif;font-size:clamp(1.45rem,5vw,2rem);font-weight:var(--font-weight-bold);line-height:1.15}:where(.app-admin,.app-users) .login-condominium-context{line-height:var(--line-height-2)}:where(.app-admin,.app-users,.app-superadmin) :where(.grid,.panel-row)>*,:where(.app-admin,.app-users,.app-superadmin) :where(.card,.panel,.module-card),:where(.app-admin,.app-users,.app-superadmin) :where(form,fieldset,label){min-inline-size:0}:where(.app-admin,.app-users,.app-superadmin) :where(input,select,textarea){max-inline-size:100%}:where(.app-admin,.app-users,.app-superadmin) select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23a7a9ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1.25rem center;background-repeat:no-repeat;background-size:.875rem .5rem;padding-inline-end:var(--space-7)}.app-admin .cluster-selector-control{justify-self:start;inline-size:min(100%,22rem)}:where(.app-admin,.app-users) .cluster-sort-control select{inline-size:min(100%,16rem)}:where(.app-admin,.app-users) .financial-report-year-select select{inline-size:min(100%,8rem)}.app-admin .monthly-treasury-report select{inline-size:min(100%,14rem)}.app-admin .ledger-toolbar label:not(:first-child) select{justify-self:start;inline-size:min(100%,12rem)}:where(.app-admin,.app-users) .month-picker-field{gap:var(--space-1);min-inline-size:0;display:grid}:where(.app-admin,.app-users) .month-picker{min-inline-size:0;position:relative}:where(.app-admin,.app-users) .month-picker-value{z-index:-1;opacity:0;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}:where(.app-admin,.app-users) .month-picker-trigger{min-block-size:2.6rem;inline-size:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-7);border-radius:var(--radius-2);color:var(--gray-12);background:var(--color-panel-solid);font:inherit;text-align:start;cursor:pointer;justify-content:space-between;align-items:center;display:flex}:where(.app-admin,.app-users) .month-picker-trigger:hover{border-color:var(--accent-8)}:where(.app-admin,.app-users) .month-picker-trigger:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px}:where(.app-admin,.app-users) .month-picker-chevron{color:var(--gray-10);font-size:var(--font-size-4);line-height:1}:where(.app-admin,.app-users) .month-picker-panel{z-index:120;gap:var(--space-3);inline-size:min(20rem,100%);padding:var(--space-3);border:1px solid var(--gray-6);border-radius:var(--radius-3);background:var(--color-panel-solid);box-shadow:0 .8rem 2rem var(--black-a6);display:grid;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:0}:where(.app-admin,.app-users) .month-picker-year{align-items:center;gap:var(--space-2);text-align:center;grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;display:grid}:where(.app-admin,.app-users) .month-picker-year button,:where(.app-admin,.app-users) .month-picker-months button{border:1px solid var(--gray-6);border-radius:var(--radius-2);color:var(--gray-12);background:var(--gray-2);font:inherit;cursor:pointer}:where(.app-admin,.app-users) .month-picker-year button{min-block-size:2.5rem;font-size:var(--font-size-4)}:where(.app-admin,.app-users) .month-picker-months{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}:where(.app-admin,.app-users) .month-picker-months button{min-block-size:2.5rem;padding:var(--space-2);font-size:var(--font-size-1)}:where(.app-admin,.app-users) .month-picker-year button:hover,:where(.app-admin,.app-users) .month-picker-months button:hover{border-color:var(--accent-8);background:var(--accent-3)}:where(.app-admin,.app-users) .month-picker-months button.is-selected{border-color:var(--accent-9);color:var(--accent-contrast);background:var(--accent-9)}:where(.app-admin,.app-users) .month-picker-months button:disabled{border-color:var(--gray-5);color:var(--gray-8);background:var(--gray-2);cursor:not-allowed}:where(.app-admin,.app-users) .month-picker-panel>small{color:var(--gray-10);text-align:center}:where(.app-admin,.app-users,.app-superadmin) :where(h1,h2,h3,h4,p,li,dd,dt,strong,small){overflow-wrap:anywhere}:where(.app-admin .admin-panel-banner,.app-users .resident-tab-heading) h2{font-family:var(--font-display), Georgia, serif;font-size:var(--homin-page-title-size);letter-spacing:-.025em;font-weight:600;line-height:1.04}:where(.app-admin,.app-users,.app-superadmin) .section-heading h3{font-size:var(--homin-section-title-size);line-height:1.15}:where(.app-admin,.app-users,.app-superadmin) :where(.module-heading,.module-card) h3{font-size:var(--homin-module-title-size);line-height:1.2}.app-admin main.shell>section.panel:not(.tab-hidden){grid-template-columns:minmax(0,1fr);inline-size:100%;min-inline-size:0;max-inline-size:100%}.app-admin main.shell>section.panel:not(.tab-hidden)>:not(.admin-panel-banner),.app-admin main.shell>section.panel:not(.tab-hidden) :where(.grid,.finance-summary-stack,.financial-health,.finance-reconciliation,.cluster-compliance,.ledger){inline-size:100%;min-inline-size:0;max-inline-size:100%}.app-admin main.shell>section.panel:not(.tab-hidden) :where(.grid,.financial-health)>*{min-inline-size:0;max-inline-size:100%}:where(.app-admin,.app-users) .financial-history-chart,:where(.app-admin,.app-users) .financial-history-chart svg,.app-users main.app-shell>section:not(.tab-hidden){inline-size:100%;min-inline-size:0;max-inline-size:100%}.app-users main.app-shell>section:not(.tab-hidden) :where(.grid,.financial-health,.cluster-compliance){min-inline-size:0;max-inline-size:100%}@media (max-width:50rem){:where(.app-admin,.app-users) .section-selector{flex:0 auto;inline-size:fit-content}:where(.app-admin,.app-users) .financial-health,.app-admin main.shell>section.panel:not(.tab-hidden) :where(.grid.two,.grid.three,.grid.four){grid-template-columns:minmax(0,1fr)}}@media (max-width:30rem){:where(.app-admin,.app-users,.app-superadmin) .shell{inline-size:calc(100% - max(var(--homin-page-gutter), env(safe-area-inset-left)) - max(var(--homin-page-gutter), env(safe-area-inset-right)));padding-block-end:var(--space-6)}.app-admin .admin-panel-banner,.app-users .resident-tab:not(.tab-hidden)>.resident-tab-heading{min-block-size:9rem;padding:var(--space-4)}.app-admin section.panel:not(.tab-hidden):not(.admin-dashboard-heading){padding-inline:var(--space-4)}.app-admin section.panel:not(.tab-hidden):not(.admin-dashboard-heading)>.admin-panel-banner{margin-inline:calc(-1 * var(--space-4))}.app-admin .dashboard-homes-grid{grid-template-columns:minmax(0,1fr)}:where(.app-admin,.app-users) .cluster-delinquent-homes{max-height:none;overflow:visible}:where(.app-admin,.app-users) .cluster-delinquent-homes:not(.cluster-payment-timeliness) ul{grid-template-columns:repeat(auto-fit,minmax(4rem,1fr))}.app-users .announcement-ticker-track{inline-size:100%;animation:none}.app-users .announcement-ticker-group{inline-size:100%;min-inline-size:0}.app-users .announcement-ticker-group[aria-hidden=true],.app-users .announcement-ticker-item:not(:first-child){display:none}.app-users .announcement-ticker-item:first-child{inline-size:100%;padding:var(--space-3) var(--space-4);white-space:normal}:where(.app-admin,.app-users) .overall-compliance-card .compliance-legend{margin-block-start:var(--space-5);position:static}:where(.app-admin,.app-users) .overall-compliance-card>.compliance-ring-large{margin:var(--space-5) auto 0;position:relative;inset:auto;transform:none}}@media (max-width:40rem){.app-admin .cluster-selector-control,:where(.app-admin,.app-users) .cluster-sort-control select,:where(.app-admin,.app-users) .financial-report-year-select select,.app-admin .monthly-treasury-report select,.app-admin .ledger-toolbar label:not(:first-child) select{inline-size:100%}:where(body) .cluster-drawer{gap:var(--space-2);padding:var(--space-3);overflow:hidden}:where(body) .cluster-drawer>header{flex:none;align-items:center}:where(body) .cluster-drawer>header h3{font-size:var(--font-size-5);line-height:1.1}:where(body) .cluster-drawer-metrics{gap:var(--space-1);flex:none;grid-template-columns:repeat(3,minmax(0,1fr))}:where(body) .cluster-drawer-metrics p{padding:var(--space-1) var(--space-2);gap:0}:where(body) .cluster-drawer-metrics strong{font-size:var(--font-size-2)}:where(body) .cluster-drawer-metrics span{text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}:where(body) .cluster-drawer-tools{gap:var(--space-2);flex:none;grid-template-columns:minmax(0,1fr) 8.5rem}:where(body) .cluster-detail-table-wrap{overscroll-behavior:contain;flex:67dvh;min-block-size:67dvh;overflow:hidden auto}:where(body) .cluster-detail-table thead{display:none}:where(body) .cluster-detail-table tbody{display:block}:where(body) .cluster-detail-table tbody tr{min-inline-size:0;padding:var(--space-2);border-bottom:1px solid var(--gray-5);grid-template-columns:minmax(4.5rem,.75fr) minmax(5.5rem,1fr) minmax(7rem,1.25fr);display:grid}:where(body) .cluster-detail-table tbody :is(th,td){min-inline-size:0;padding:var(--space-1) var(--space-2);overflow-wrap:normal;white-space:nowrap;border:0}:where(body) .cluster-detail-table tbody :is(th,td):before{color:var(--gray-11);content:attr(data-label);font-size:.6875rem;font-weight:var(--font-weight-regular);text-overflow:ellipsis;display:block;overflow:hidden}:where(body) .cluster-detail-table tbody td:nth-child(2){grid-column:1}:where(body) .cluster-detail-table tbody td:nth-child(3){grid-area:1/2}:where(body) .cluster-detail-table tbody td:nth-child(4){grid-area:1/3}:where(body) .cluster-detail-table tbody td:nth-child(5){grid-column:2/4}}:where(.app-admin,.app-users) .topbar-actions{align-items:center;gap:var(--space-2);flex:none;margin-inline-start:auto;display:flex}:where(.app-admin,.app-users) .topbar-actions form{align-items:center;margin:0;display:flex}:where(.app-admin,.app-users) .profile-shortcut{border-radius:var(--radius-full);border:1px solid #0000;flex:none;place-items:center;block-size:2.75rem;inline-size:2.75rem;display:grid}:where(.app-admin,.app-users) .profile-shortcut:hover,:where(.app-admin,.app-users) .profile-shortcut.is-active{border-color:var(--gray-7);background:var(--gray-4)}:where(.app-admin,.app-users) .profile-shortcut:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px}:where(.app-admin,.app-users) .profile-avatar{border:1px solid var(--gray-7);border-radius:var(--radius-full);background:var(--gray-4);place-items:center;block-size:2.25rem;inline-size:2.25rem;display:grid;overflow:hidden}:where(.app-admin,.app-users) .profile-avatar-large{block-size:5rem;inline-size:5rem}:where(.app-admin,.app-users) .profile-avatar img{object-fit:cover;block-size:100%;inline-size:100%}:where(.app-admin,.app-users) .profile-avatar-placeholder{background:var(--gray-10);block-size:65%;inline-size:65%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5C21 16.5 17 14 12 14Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5C21 16.5 17 14 12 14Z'/%3E%3C/svg%3E") 50%/contain no-repeat}:where(.app-admin,.app-users) .profile-settings-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);margin-block-end:var(--space-4);display:grid}:where(.app-admin,.app-users) .profile-account-card{grid-row:span 2}:where(.app-admin,.app-users) .profile-photo-card{align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}:where(.app-admin,.app-users) .profile-photo-card .profile-avatar-form{grid-column:1/-1}:where(.app-admin,.app-users) .profile-data-form,:where(.app-admin,.app-users) .profile-password-form,:where(.app-admin,.app-users) .profile-avatar-form{gap:var(--space-3);display:grid}:where(.app-admin,.app-users) :where(.profile-data-form,.profile-password-form,.profile-avatar-form)>.button{justify-self:start}:where(.app-admin,.app-users) .profile-data-form{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.app-admin,.app-users) .profile-data-form label,:where(.app-admin,.app-users) .profile-password-form label,:where(.app-admin,.app-users) .profile-avatar-form label{gap:var(--space-2);font-weight:600;display:grid}:where(.app-admin,.app-users) .profile-form-action,:where(.app-admin,.app-users) .profile-data-form .form-message{grid-column:1/-1}:where(.app-admin,.app-users) .form-message.is-success{color:var(--green-11)}:where(.app-admin,.app-users) .form-message.is-error{color:var(--red-11)}.app-users .profile-overview-card{align-items:center;gap:var(--space-4);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);display:grid}.app-users .profile-overview-card .profile-avatar-form{grid-column:1/-1}@media (max-width:40rem){.app-users .resident-topbar{gap:var(--space-2);inline-size:100%;padding-inline:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.app-users .resident-topbar .resident-home-brand{inline-size:auto;min-inline-size:0;max-inline-size:100%;position:static;overflow:hidden;transform:none}:where(.app-admin,.app-users) .profile-settings-grid,:where(.app-admin,.app-users) .profile-data-form{grid-template-columns:1fr}:where(.app-admin,.app-users) .profile-account-card{grid-row:auto}}