:root{color:#243238;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#243238;--muted:#718087;--paper:#fffdf8;--line:#e4e3dc;--green:#2d6a5c;--green-dark:#173f3b;--coral:#d9765b;background:#f3f1ea;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}#root{min-height:100svh}.app-shell{background:radial-gradient(circle at 88% 2%,#dda45b2e,#0000 28%),linear-gradient(155deg,#fbfaf5 0%,#f4f1e9 52%,#eef3ed 100%);width:min(100%,1160px);min-height:100svh;margin:0 auto;padding:28px 28px 112px}.topbar,.section-heading,.notice-item,.welcome-panel,.metric-grid,.action-grid{display:flex}.topbar,.section-heading{justify-content:space-between;align-items:center}.topbar{margin-bottom:30px}.eyebrow{color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:800;line-height:1.2;display:block}h1,h2,p{margin:0}h1,h2{color:var(--ink);letter-spacing:0}h1{margin-top:5px;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.1rem);font-weight:500;line-height:1}h2{margin-top:7px;font-family:Georgia,serif;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:500;line-height:1.08}.profile-button{color:#fff;background:var(--green-dark);letter-spacing:.04em;border:1px solid #2d6a5c40;border-radius:50%;width:46px;height:46px;font-size:.74rem;font-weight:800}.welcome-panel{color:#f9f6ed;background:linear-gradient(110deg,#143e39fa,#2c6a5ceb),#173f3b;border-radius:3px;justify-content:space-between;align-items:center;gap:32px;min-height:250px;padding:clamp(25px,5vw,56px);overflow:hidden;box-shadow:0 24px 45px #25423a29}.welcome-panel .eyebrow{color:#e3bf72}.welcome-panel h2{color:#fffdf6;max-width:600px;font-size:clamp(1.9rem,4vw,3.6rem)}.welcome-panel p{color:#fffdf6b8;margin-top:18px;font-size:.96rem}.collection-ring{text-align:center;border:9px solid #e3bf72;border-color:#e3bf72 #e3bf72 #e3bf7259 #e3bf7259;border-radius:50%;flex:none;place-content:center;width:132px;height:132px;display:grid;transform:rotate(18deg)}.collection-ring strong,.collection-ring span{transform:rotate(-18deg)}.collection-ring strong{font-family:Georgia,serif;font-size:1.85rem;font-weight:500}.collection-ring span{color:#fffdf6ad;font-size:.72rem}.metric-grid{gap:16px;margin:22px 0 42px}.metric-card{border:1px solid var(--line);background:#fffdf8b8;border-radius:3px;flex:1;min-width:0;padding:22px 24px}.metric-card--accent{background:#e6eee6;border-color:#cfdbcf}.metric-card span,.metric-card small{color:var(--muted);display:block}.metric-card span{font-size:.78rem;font-weight:700}.metric-card strong{color:var(--green-dark);margin:10px 0 4px;font-family:Georgia,serif;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:500;display:block}.metric-card small{font-size:.76rem}.section-block{margin-top:34px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:clamp(1.25rem,2vw,1.65rem)}.text-button{color:var(--green);background:0 0;border:0;font-size:.78rem;font-weight:800}.action-grid{gap:12px}.action-button{border:1px solid var(--line);min-height:106px;color:var(--ink);text-align:left;cursor:pointer;background:#fffdf8cc;border-radius:3px;flex:1;align-content:space-between;justify-items:start;padding:15px;transition:transform .18s,border-color .18s,background .18s;display:grid}.action-button:hover,.action-button:focus-visible{border-color:var(--green);background:#fffdf8;transform:translateY(-2px)}.action-symbol{color:var(--coral);font-size:1.5rem;font-weight:700;line-height:1}.action-button>span:last-child{font-size:.8rem;font-weight:800}.notice-list{border-top:1px solid var(--line)}.notice-item{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:18px 0}.notice-item>div{flex:1;min-width:0}.notice-item strong,.notice-item small{display:block}.notice-item strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.notice-item small{color:var(--muted);margin-top:5px;font-size:.75rem}.notice-dot{border-radius:50%;flex:none;width:9px;height:9px}.notice-dot--warning{background:var(--coral);box-shadow:0 0 0 5px #d9765b1f}.notice-dot--calm{background:var(--green);box-shadow:0 0 0 5px #2d6a5c1f}.notice-arrow{color:var(--muted);font-size:1.45rem}.bottom-nav{z-index:10;padding:12px 20px max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8eb;border-top:1px solid #e4e3dce6;justify-content:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #26352f0f}.bottom-nav__item{min-width:100px;color:var(--muted);background:0 0;border:0;border-radius:3px;padding:10px 15px;font-size:.75rem;font-weight:800}.bottom-nav__item--active{color:#fff;background:var(--green-dark)}@media (width<=620px){.app-shell{padding:22px 17px 104px}.topbar{margin-bottom:24px}.welcome-panel{flex-direction:column;align-items:flex-start;padding:28px 23px}.collection-ring{align-self:flex-end;width:104px;height:104px;margin-top:-9px}.collection-ring strong{font-size:1.45rem}.metric-grid{gap:10px;margin:16px 0 32px}.metric-card{padding:17px 14px}.metric-card strong{font-size:1.42rem}.action-grid{gap:8px}.action-button{min-height:92px;padding:12px 10px}.action-button>span:last-child{font-size:.72rem}.bottom-nav{justify-content:space-between;gap:0;padding-left:8px;padding-right:8px}.bottom-nav__item{flex:1;min-width:0;padding:10px 4px}}.auth-shell{background:#f8f6ef;grid-template-columns:minmax(280px,.85fr) minmax(340px,1fr);min-height:100svh;display:grid}.auth-art{color:#f8f6ed;background:linear-gradient(145deg,#173f3b,#2d6a5c);flex-direction:column;justify-content:space-between;padding:clamp(32px,7vw,90px);display:flex}.auth-art .eyebrow{color:#e3bf72}.auth-art svg{color:#e3bf72;margin-top:auto;margin-bottom:24px}.auth-art p{max-width:290px;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.8rem);line-height:1.03}.auth-panel{align-self:center;width:min(100%,520px);padding:48px clamp(25px,6vw,82px)}.auth-panel h1{margin-top:14px;font-size:clamp(2.1rem,4vw,3.3rem)}.auth-copy{color:var(--muted);margin-top:14px;font-size:.92rem}.auth-form{gap:14px;margin-top:30px;display:grid}.auth-form label{color:var(--ink);gap:6px;font-size:.76rem;font-weight:800;display:grid}.auth-form input,.inline-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf8;border-radius:3px;outline:none;padding:12px 13px}.auth-form input:focus,.inline-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #2d6a5c1f}.primary-button{color:#fff;background:var(--green-dark);cursor:pointer;border:0;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:.8rem;font-weight:800;display:inline-flex}.primary-button:disabled{opacity:.55;cursor:wait}.switch-button{color:var(--green);cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;font-size:.78rem;font-weight:800}.form-error{color:#a64b3c;margin-top:4px;font-size:.78rem}.loading-shell{min-height:100svh;color:var(--green);background:#f3f1ea;place-items:center;font-family:Georgia,serif;font-size:1.4rem;display:grid}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.text-button{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.inline-form{gap:8px;margin-bottom:15px;display:flex}.inline-form input:first-child{flex:1}.inline-form input{max-width:100px}.unit-list{border-top:1px solid var(--line)}.unit-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.unit-item>div{flex:1;min-width:0}.unit-item strong,.unit-item small{display:block}.unit-item strong{font-size:.86rem}.unit-item small{color:var(--muted);margin-top:4px;font-size:.75rem}.unit-icon{width:32px;height:32px;color:var(--green);background:#e6eee6;border-radius:3px;place-items:center;display:grid}.unit-item>svg{color:var(--muted)}.empty-state{color:var(--muted);padding:24px 0;font-size:.82rem}.dashboard-actions{margin-top:38px}.dashboard-actions .action-button{align-items:start;gap:12px}.dashboard-actions .action-button svg{color:var(--coral)}@media (width<=720px){.auth-shell{display:block}.auth-art{min-height:190px;padding:24px}.auth-art svg{margin-top:30px;margin-bottom:10px}.auth-art p{font-size:2rem}.auth-panel{padding:36px 24px 50px}}@media (width<=620px){.inline-form{flex-wrap:wrap}.inline-form input:first-child{flex:140px}.inline-form input{flex:70px;max-width:none}.inline-form .primary-button{flex:100%}}.finance-form{background:#e6eee69e;border:1px solid #cfdbcf;border-radius:3px;gap:14px;margin-top:18px;padding:20px;display:grid}.finance-form h3{color:var(--green-dark);margin:0;font-family:Georgia,serif;font-size:1.25rem;font-weight:500}.finance-form label{color:var(--ink);gap:6px;font-size:.74rem;font-weight:800;display:grid}.finance-form input,.finance-form select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf8;border-radius:3px;padding:11px 12px}.form-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.charge-list{border-top:1px solid var(--line);margin-top:25px}.charge-item{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.charge-item>div{flex:1;min-width:0}.charge-item strong,.charge-item small{display:block}.charge-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.charge-item small{color:var(--muted);margin-top:4px;font-size:.72rem}.status-pill{border-radius:999px;padding:5px 8px;font-size:.66rem;font-weight:800}.status-pill--unpaid{color:#9a523d;background:#f6ded5}.status-pill--partial{color:#8a6a22;background:#f7edc9}.status-pill--paid{color:var(--green);background:#dcecdf}.status-pill--expense{color:#6f5a31;background:#eee4cc}.status-pill--warning{color:#9a523d;background:#f6ded5}.status-pill--poll{color:var(--green);background:#dcecdf}.finance-form textarea{resize:vertical;border:1px solid var(--line);min-height:100px;color:var(--ink);font:inherit;background:#fffdf8;border-radius:3px;padding:11px 12px}.check-label{grid-template-columns:auto 1fr;align-items:center;gap:8px!important;display:flex!important}.check-label input{width:auto}.announcement-list{border-top:1px solid var(--line);margin-top:25px}.announcement-item{border-bottom:1px solid var(--line);align-items:start;gap:12px;padding:14px 0;display:flex}.announcement-item>div{flex:1;min-width:0}.announcement-item strong,.announcement-item small{display:block}.announcement-item strong{font-size:.82rem}.announcement-item small{color:var(--muted);margin-top:4px;font-size:.74rem;line-height:1.4}.poll-list{gap:12px;display:grid}.poll-card{border:1px solid var(--line);background:#fffdf8cc;border-radius:3px;padding:18px}.poll-card>strong,.poll-card>small{display:block}.poll-card>strong{color:var(--ink);font-size:.88rem}.poll-card>small{color:var(--muted);margin-top:5px;font-size:.72rem}.poll-options{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.poll-options button{color:var(--green-dark);cursor:pointer;background:#edf4ed;border:1px solid #c7d8c9;border-radius:3px;padding:9px 12px;font-size:.76rem;font-weight:800}.poll-options button:hover,.poll-options button:focus-visible{border-color:var(--green);background:#dcecdf}.poll-results{color:var(--muted);gap:8px;margin-top:12px;font-size:.7rem;display:flex}.resident-total{border-left:1px solid #fffdf638;min-width:155px;padding:18px}.resident-total span{color:#fffdf6ad;font-size:.75rem;display:block}.resident-total strong{color:#fffdf6;margin-top:8px;font-family:Georgia,serif;font-size:2rem;font-weight:500;display:block}@media (width<=620px){.resident-total{border-top:1px solid #fffdf638;border-left:0;width:100%;min-width:0;padding:16px 0 0}.form-row{grid-template-columns:1fr}}