:root{--color-primary: #235b43;--color-primary-hover: #194632;--color-primary-soft: #edf5ef;--color-background: #f7f8f6;--color-surface: #ffffff;--color-text-primary: #202e27;--color-text-secondary: #647169;--color-border: #e2e7e1;--color-success: #24623e;--color-warning: #85530c;--color-warning-soft: #fff4dc;--color-danger: #a12f35;--color-danger-soft: #ffedef;--color-info: #285e85;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 2px 4px rgb(24 44 32 / 2%);--shadow-md: 0 8px 28px rgb(24 44 32 / 8%)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--color-background);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--color-info);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.65rem,3vw,2rem);line-height:1.25;letter-spacing:-.04em;font-weight:650}h2{font-size:1.125rem;line-height:1.4;font-weight:600}h3{font-size:.9375rem;font-weight:600}.muted{color:var(--color-text-secondary)}.eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.16em;color:var(--color-primary)}.page-heading{margin-bottom:var(--space-lg)}.page-heading h1{margin:var(--space-sm) 0}.sidebar{display:none}.top-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-surface);gap:var(--space-sm)}.mobile-brand{font-size:1.1rem;font-weight:700;letter-spacing:-.04em}.desktop-title,.resident-info{display:none}.header-actions,.resident-link{display:flex;align-items:center;gap:var(--space-sm)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:0;color:var(--color-text-secondary);border-radius:var(--radius-md)}.icon-button:hover{background:var(--color-background)}.avatar{width:38px;height:38px;display:grid;place-items:center;background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-border);border-radius:50%;font-weight:650;font-size:.8rem}.resident-link{min-height:44px}main#main-content{max-width:1200px;margin:0 auto;padding:28px var(--space-md) var(--space-xl);min-height:calc(100dvh - 210px)}main#main-content:focus{outline:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-border);background:var(--color-surface);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;font-size:.7rem;color:var(--color-text-secondary);border-radius:var(--radius-sm);border-top:2px solid transparent}.bottom-nav a.active{color:var(--color-primary);background:var(--color-primary-soft);font-weight:700;border-top-color:var(--color-primary)}.resident-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.page-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);max-width:1200px;margin:auto;padding:0 var(--space-md) var(--space-lg);color:var(--color-text-secondary);font-size:.7rem}.small-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);display:inline-block}.section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.section-heading>span{font-size:.75rem}.state-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-primary-soft)}.empty-state{text-align:center;padding:40px 0;max-width:440px;margin:auto}.empty-state h2{margin:20px 0 8px}.empty-state p{margin-bottom:var(--space-md)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;background:var(--color-primary);color:var(--color-surface);border:0;border-radius:var(--radius-sm);font-weight:600}.button:hover:not(:disabled){background:var(--color-primary-hover)}.button-secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.button-secondary:hover:not(:disabled){background:var(--color-primary-soft)}.button-ghost{background:transparent;color:var(--color-primary)}.button-ghost:hover:not(:disabled){background:var(--color-primary-soft)}.button-danger{background:var(--color-danger);color:var(--color-surface)}.button-danger:hover:not(:disabled){background:#84262b}.button:disabled{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:not-allowed}.portal-filter label{font-size:.75rem;font-weight:600}.portal-filter select{min-height:44px;font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);background:var(--color-surface)}app-page-header,.house,.house-context,.house-label,.profile-summary,.house-heading,.month-card,.detail-heading,.invoice-identity,.card-heading{min-width:0;overflow-wrap:anywhere}.month-card>*,.detail-heading>*,.card-heading>*,.house-heading>*{max-width:100%;min-width:0}.resident-info{overflow-wrap:anywhere;max-width:240px}.resident-link{min-width:44px}.standalone-page{width:min(100% - 32px,560px);margin:12vh auto;padding:var(--space-lg);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.standalone-page h1{margin:var(--space-lg) 0 var(--space-md)}.standalone-page .button{margin-top:var(--space-lg)}.brand{font-size:1.2rem;font-weight:700;letter-spacing:-.04em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:30;padding:12px;background:var(--color-surface)}.skip-link:focus{top:12px}@media(min-width:768px){main#main-content{padding:var(--space-xl) 32px}.top-header{padding:0 32px}.page-footer{padding-inline:32px}}@media(min-width:1024px){.sidebar{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:244px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:32px 20px 24px}.brand{display:flex;align-items:center;gap:10px}.brand-symbol{width:38px;height:42px;display:grid;place-items:center;background:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-sm)}.brand small{display:block;font-size:.7rem;color:var(--color-text-secondary);font-weight:400;letter-spacing:.01em}.nav-caption{margin:44px 12px 14px;font-size:.6rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.14em}.sidebar-link{display:flex;align-items:center;gap:14px;padding:13px 14px;margin-bottom:8px;border-radius:var(--radius-sm);color:var(--color-text-secondary);border-left:3px solid transparent}.sidebar-link.active{color:var(--color-primary);background:var(--color-primary-soft);font-weight:600;border-left-color:var(--color-primary)}.sidebar-link:hover{background:var(--color-background)}.sidebar-foot{margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--color-border);font-size:.65rem;color:var(--color-text-secondary)}.sidebar-foot small{display:block;margin-top:8px}.resident-shell{margin-left:244px;padding-bottom:0}.bottom-nav,.mobile-brand{display:none}.desktop-title,.resident-info{display:block;font-weight:600}.resident-info{font-size:.75rem}.resident-info small{display:block;font-weight:400;color:var(--color-text-secondary)}.header-actions{gap:24px}.resident-link{gap:12px}main#main-content{min-height:calc(100dvh - 124px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}