:root{--base-size-4: 4px;--base-size-6: 6px;--base-size-8: 8px;--base-size-12: 12px;--base-size-16: 16px;--base-size-20: 20px;--base-size-24: 24px;--base-size-28: 28px;--base-size-32: 32px;--control-small-size: 28px;--control-small-paddingBlock: 4px;--control-small-paddingInline-condensed: 8px;--control-small-gap: 4px;--control-medium-size: 32px;--control-medium-paddingBlock: 6px;--control-medium-paddingInline-normal: 12px;--control-medium-gap: 8px;--stack-padding-condensed: 8px;--stack-padding-normal: 16px;--stack-gap-condensed: 8px;--stack-gap-normal: 16px;--borderRadius-small: 3px;--borderRadius-medium: 6px;--borderRadius-full: 999px;--borderWidth-thin: 1px;--borderWidth-thick: 2px;--text-body-size-small: 12px;--text-body-size-medium: 14px;--text-title-size-small: 16px;--text-title-size-medium: 20px;--text-body-lineHeight-small: 1.6667;--text-body-lineHeight-medium: 1.4285;--text-title-lineHeight-small: 1.5;--text-title-lineHeight-medium: 1.6;--base-text-weight-normal: 400;--base-text-weight-medium: 500;--base-text-weight-semibold: 600;--fontStack-sansSerif: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--bgColor-default: #ffffff;--bgColor-muted: #f1f3f5;--bgColor-inset: #eef1f4;--fgColor-default: #0d1117;--fgColor-strong: #010409;--fgColor-muted: #4b5563;--borderColor-default: #b8c0cc;--borderColor-muted: #c7ced7;--control-borderColor-rest: #aeb7c2;--control-transparent-bgColor-hover: rgba(110, 118, 129, .16);--shadow-inset: inset 0 1px 0 rgba(31, 35, 40, .06);--shadow-resting-small: 0 1px 0 rgba(31, 35, 40, .08);--shadow-overlay: 0 8px 24px rgba(31, 35, 40, .16);--sc-primary: #007fff;--sc-primary-hover: #006fe6;--sc-primary-active: #005fcc;--borderColor-accent-emphasis: var(--sc-primary, #0969da);--fgColor-accent: var(--sc-primary, #0969da);--sc-ui-accent: var(--sc-primary, #0969da);--sc-ui-accent-hover: var(--sc-primary-hover, #0866c8);--sc-ui-accent-active: var(--sc-primary-active, #0759b1);--table-border-radius: 6px;--table-cell-padding: 4px 8px;--table-font-size: 12px;--success-fg: #1a7f37;--success-bg: #dafbe1;--warning-fg: #9a6700;--warning-bg: #fff8c5;--danger-fg: #cf222e;--danger-bg: #ffebe9;--accent-fg: #0969da;--accent-bg: #ddf4ff;--shell-bg: #ffffff;--shell-bg-muted: #f1f3f5;--shell-fg: #0d1117;--shell-fg-strong: #010409;--shell-fg-muted: #4b5563;--shell-border: #b8c0cc;--shell-hover: rgba(110, 118, 129, .16);--shell-accent: var(--sc-primary, #007fff);--shell-radius: 6px;--shell-font: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--parent-primer-radius: 10px;--parent-primer-control-radius: 6px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bgColor-default);color:var(--fgColor-default);font:var(--text-body-size-medium)/var(--text-body-lineHeight-medium) var(--fontStack-sansSerif)}a{color:var(--fgColor-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:2px}.safe-roof-app{min-height:100vh}.sc-shell{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100vh}.app-shell-sidebar{background:var(--shell-bg);color:var(--shell-fg);border-inline-end:1px solid var(--shell-border);display:flex;flex-direction:column}.sidebar-brand{min-height:44px;border-bottom:1px solid var(--shell-border);padding:var(--base-size-8) var(--base-size-12);display:flex;flex-direction:column;gap:var(--base-size-4)}.brand-wordmark{font-weight:var(--base-text-weight-semibold);font-size:var(--text-title-size-small)}.sidebar-brand small{color:var(--fgColor-muted);font-size:var(--text-body-size-small)}.sidebar-links{padding:var(--base-size-8);display:grid;gap:var(--base-size-4)}.sidebar-link{min-height:var(--control-medium-size);border-radius:var(--shell-radius);padding:var(--base-size-6) var(--base-size-8);color:var(--shell-fg)}.sidebar-link:hover{background:var(--shell-hover);text-decoration:none}.sidebar-link.active{font-weight:var(--base-text-weight-semibold);box-shadow:inset 2px 0 0 var(--shell-accent);background:var(--shell-bg-muted)}.sidebar-footer{margin-top:auto;padding:var(--base-size-12);border-top:1px solid var(--shell-border)}.sc-workspace{min-width:0}.app-shell-topbar{height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--base-size-12);padding:0 var(--base-size-16);background:var(--shell-bg);border-bottom:1px solid var(--shell-border)}.topbar-actions{display:flex;gap:var(--base-size-16);align-items:center;font-size:var(--text-body-size-small)}.topbar-actions span{color:var(--fgColor-muted)}.demo-banner{font-size:var(--text-body-size-small);background:var(--warning-bg);color:var(--warning-fg);border-bottom:1px solid var(--borderColor-default);padding:var(--base-size-8) var(--base-size-16)}.sc-main{max-width:1250px;margin:0 auto;padding:var(--base-size-16);display:grid;gap:var(--stack-gap-normal)}.sc-page-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--borderColor-default);padding-bottom:var(--base-size-8);min-height:var(--control-medium-size)}.sc-page-header h1{color:var(--fgColor-strong);font-size:var(--text-title-size-medium);line-height:var(--text-title-lineHeight-medium);margin:0;font-weight:var(--base-text-weight-semibold)}.sc-page-header p{color:var(--fgColor-muted);font-size:var(--text-body-size-small);margin:0}.sc-panel{border:1px solid var(--borderColor-default);border-radius:var(--borderRadius-medium);background:var(--bgColor-default);box-shadow:none}.sc-section{padding:var(--stack-padding-normal);display:grid;gap:var(--stack-gap-condensed)}.sc-section h2{font-size:var(--text-title-size-small);font-weight:var(--base-text-weight-semibold);margin:0}.sc-section p{margin:0}.sc-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--base-size-8)}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--base-size-8)}.sc-metric{display:grid;gap:var(--base-size-4);padding:var(--base-size-12)}.sc-metric strong{font-size:var(--text-title-size-medium)}.field-label,.small-muted{font-size:var(--text-body-size-small);color:var(--fgColor-muted)}.status-pill{border-radius:var(--borderRadius-full);font-size:var(--text-body-size-small);padding:0 var(--base-size-8);border:1px solid currentColor;line-height:20px;display:inline-flex}.status-pill--info{color:var(--accent-fg);background:var(--accent-bg)}.status-pill--success{color:var(--success-fg);background:var(--success-bg)}.status-pill--warning{color:var(--warning-fg);background:var(--warning-bg)}.status-pill--danger{color:var(--danger-fg);background:var(--danger-bg)}.sc-button{display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:var(--control-medium-size);padding:0 var(--control-medium-paddingInline-normal);border:1px solid var(--control-borderColor-rest);border-radius:var(--borderRadius-medium);background:var(--bgColor-default);color:var(--fgColor-default)}.sc-button:disabled{opacity:.55;cursor:not-allowed}.sc-button:not(:disabled):hover{background:var(--bgColor-muted);text-decoration:none}.sc-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--base-size-8)}.sc-input{width:100%;max-width:400px;min-height:var(--control-medium-size);padding:var(--base-size-4) var(--base-size-8);border:1px solid var(--control-borderColor-rest);border-radius:var(--borderRadius-medium);background:var(--bgColor-default);color:var(--fgColor-default)}.sc-form-label{display:grid;gap:var(--base-size-4);font-weight:var(--base-text-weight-medium)}.sc-textarea{min-height:80px;max-width:100%;resize:vertical}.sc-details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--base-size-8);margin:0}.sc-details dt{color:var(--fgColor-muted)}.sc-details dd{margin:0}.sc-table-wrap{width:100%;overflow-x:auto}.sc-table-wrap table{width:100%;border-collapse:collapse;font-size:var(--table-font-size)}.sc-table-wrap th,.sc-table-wrap td{text-align:start;padding:var(--table-cell-padding);border-bottom:1px solid var(--borderColor-muted)}.sc-table-wrap th{background:var(--bgColor-muted);color:var(--fgColor-strong)}.resident-frame{max-width:480px;min-height:100dvh;margin:0 auto;background:var(--bgColor-default);border-inline:1px solid var(--borderColor-muted)}.resident-main{padding-bottom:84px}.resident-frame .sc-panel{border-radius:var(--parent-primer-radius)}.footnote{font-size:var(--text-body-size-small);color:var(--fgColor-muted)}.sc-mobile-nav{display:none}.resident-frame .sc-mobile-nav{display:flex;position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:min(100%,480px);min-height:58px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--borderColor-default);background:var(--bgColor-default)}.sc-mobile-nav a{flex:1;display:grid;place-items:center;padding:var(--base-size-8) var(--base-size-4);color:var(--fgColor-muted);font-size:var(--text-body-size-small);text-align:center}.sc-mobile-nav a.active{color:var(--fgColor-accent);box-shadow:inset 0 2px 0 var(--borderColor-accent-emphasis);background:var(--bgColor-muted);font-weight:var(--base-text-weight-semibold)}@media(max-width:900px){.sc-shell{display:block}.sc-shell .app-shell-sidebar{display:none}.sc-shell .sc-main{padding-bottom:84px}.sc-shell .sc-mobile-nav{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;min-height:58px;padding-bottom:env(safe-area-inset-bottom);background:var(--bgColor-default);border-top:1px solid var(--borderColor-default)}}@media(max-width:650px){.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-details{grid-template-columns:1fr;gap:var(--base-size-4)}.topbar-actions span{display:none}}[dir=rtl] .sidebar-link.active{box-shadow:inset -2px 0 0 var(--shell-accent)}[dir=rtl] .sc-mobile-nav a.active{box-shadow:inset 0 2px 0 var(--borderColor-accent-emphasis)}.sc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--base-size-8)}.sc-form-grid .sc-input{max-width:none}@media(max-width:650px){.sc-form-grid{grid-template-columns:minmax(0,1fr)}}.resident-frame{background:var(--bgColor-muted)}.resident-frame .resident-topbar{height:60px;min-height:60px;padding-inline:var(--base-size-16);background:var(--bgColor-default)}.sr-brand-wordmark{display:inline-flex;align-items:center;gap:var(--base-size-8);color:var(--fgColor-strong);font-size:var(--text-title-size-small);white-space:nowrap}.sr-brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--bgColor-muted);color:var(--fgColor-accent);border-radius:var(--borderRadius-medium)}.sr-shell-icon{flex:none}.sr-resident-actions{gap:var(--base-size-4)}.sr-topbar-action{min-width:38px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--base-size-4);border-radius:var(--borderRadius-medium);color:var(--fgColor-default);padding-inline:var(--base-size-4)}.sr-topbar-action:hover,.sr-topbar-action[aria-current=page]{text-decoration:none;background:var(--bgColor-muted)}.resident-frame .sr-resident-actions .sr-action-caption{display:inline;color:var(--fgColor-default);font-size:var(--text-body-size-small)}.resident-frame .resident-main{padding-top:var(--base-size-20);padding-bottom:calc(96px + env(safe-area-inset-bottom))}.sr-resident-home{display:grid;gap:var(--base-size-16);min-width:0}.sr-resident-intro{display:grid;gap:var(--base-size-4)}.sr-eyebrow{font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-semibold);letter-spacing:.035em;color:var(--fgColor-muted)}.sr-resident-intro h1{margin:0;font-size:var(--text-title-size-medium);line-height:var(--text-title-lineHeight-medium);font-weight:var(--base-text-weight-semibold);color:var(--fgColor-strong)}.sr-resident-intro p{margin:0;color:var(--fgColor-muted)}.sr-housing-card,.sr-service-card,.sr-report-card{min-width:0;text-decoration:none;border:1px solid var(--borderColor-default);border-radius:var(--parent-primer-radius);color:var(--fgColor-default);background:var(--bgColor-default)}.sr-housing-card:hover,.sr-service-card:hover,.sr-report-card:hover{text-decoration:none;border-color:var(--borderColor-accent-emphasis);box-shadow:var(--shadow-resting-small)}.sr-housing-card{display:grid;gap:var(--base-size-12);padding:var(--base-size-16)}.sr-card-heading{display:flex;justify-content:space-between;align-items:start;gap:var(--base-size-8)}.sr-icon-tile{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--borderRadius-medium);background:var(--bgColor-muted);color:var(--fgColor-accent)}.sr-housing-badge{color:var(--fgColor-muted);border:1px solid var(--borderColor-muted);border-radius:var(--borderRadius-full);font-size:var(--text-body-size-small);padding:var(--base-size-4) var(--base-size-8)}.sr-housing-card h2{margin:0;font-size:var(--text-title-size-small);font-weight:var(--base-text-weight-semibold);color:var(--fgColor-strong)}.sr-housing-card p{margin:0;color:var(--fgColor-muted)}.sr-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--base-size-8);padding-top:var(--base-size-12);border-top:1px solid var(--borderColor-muted);color:var(--fgColor-accent);font-size:var(--text-body-size-small)}.sr-home-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--base-size-12)}.sr-service-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:var(--base-size-8);padding:var(--base-size-16);min-height:152px}.sr-service-card .sr-icon-tile{grid-column:1 / -1}.sr-service-card strong{font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-semibold);color:var(--fgColor-strong)}.sr-service-description{grid-column:1;font-size:var(--text-body-size-small);color:var(--fgColor-muted)}.sr-service-arrow{grid-column:2;grid-row:2 / 4;align-self:center;color:var(--fgColor-accent)}.sr-report-card{display:flex;align-items:center;gap:var(--base-size-12);padding:var(--base-size-16);background:var(--bgColor-inset)}.sr-report-icon{color:var(--fgColor-accent);display:grid;place-items:center;flex:none}.sr-report-content{flex:1;min-width:0;display:grid;gap:var(--base-size-4)}.sr-report-content strong{font-size:var(--text-body-size-medium);color:var(--fgColor-strong)}.sr-report-content span,.sr-report-content small{font-size:var(--text-body-size-small);color:var(--fgColor-muted)}.sr-home-more{display:grid;background:var(--bgColor-default);border:1px solid var(--borderColor-default);border-radius:var(--parent-primer-radius);overflow:hidden}.sr-home-more-heading{display:flex;gap:var(--base-size-8);align-items:center;justify-content:space-between;flex-wrap:wrap;padding:var(--base-size-16);border-bottom:1px solid var(--borderColor-muted)}.sr-home-more-heading h2{margin:0;color:var(--fgColor-strong);font-size:var(--text-title-size-small)}.sr-home-more-heading span{font-size:var(--text-body-size-small);color:var(--fgColor-muted)}.sr-home-more a{display:flex;min-height:52px;align-items:center;gap:var(--base-size-12);padding:var(--base-size-12) var(--base-size-16);color:var(--fgColor-default)}.sr-home-more a+a{border-top:1px solid var(--borderColor-muted)}.sr-home-more a:hover{background:var(--bgColor-muted);text-decoration:none}.sr-home-more a>span{flex:1}.sr-home-more a>.sr-shell-icon:first-child{color:var(--fgColor-accent)}.sr-home-more a>.sr-shell-icon:last-child{color:var(--fgColor-muted)}.sr-home-disclaimer{margin:0;font-size:var(--text-body-size-small);color:var(--fgColor-muted)}.resident-frame .sr-resident-nav{min-height:64px;padding-top:var(--base-size-4);justify-content:space-between;box-shadow:var(--shadow-resting-small)}.resident-frame .sr-resident-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--base-size-4);padding:var(--base-size-6) var(--base-size-4);line-height:1.2}.resident-frame .sr-resident-nav a.active{background:var(--bgColor-muted)}.sr-nav-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-body-size-small)}[dir=rtl] .sr-card-footer>.sr-shell-icon,[dir=rtl] .sr-report-card>.sr-shell-icon:last-child,[dir=rtl] .sr-home-more a>.sr-shell-icon:last-child{transform:rotate(180deg)}@media(max-width:350px){.sr-home-service-grid{gap:var(--base-size-8)}.sr-service-card,.sr-housing-card,.sr-report-card{padding:var(--base-size-12)}.resident-frame .sr-resident-nav a{padding-inline:var(--base-size-4)}}