*{box-sizing:border-box}:root{--rr-color-ink: #18232f;--rr-color-muted: #596872;--rr-color-border: #cfd8dc;--rr-color-surface-border: #dfe7e3;--rr-color-brand: #17324d;--rr-color-accent: #2aa198;--rr-color-accent-hover: #238a82;--rr-color-danger: #b5473f;--rr-color-danger-hover: #983830;--rr-color-link: #1a7f78;--rr-color-link-hover: #116c66;--rr-radius-button: 8px;--rr-radius-compact: 6px;--rr-radius-pill: 999px;--rr-shadow-focus: 0 0 0 3px rgba(42, 161, 152, .24);--rr-space-xs: 6px;--rr-space-sm: 10px;--rr-space-md: 14px;--rr-space-lg: 20px}html{min-width:320px}*{scrollbar-color:rgba(23,50,77,.28) transparent;scrollbar-width:thin}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:rgba(23,50,77,.28);border-radius:var(--rr-radius-pill)}*::-webkit-scrollbar-thumb:hover{background:rgba(23,50,77,.45)}body{margin:0;background:linear-gradient(160deg,#eef6f4 0%,#eef2f6 45%,#e9eef5 100%);min-height:100vh}button,input,select{font:inherit}button{touch-action:manipulation}button,a,select,input{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,opacity .14s ease}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,2.8vw,3.25rem);line-height:1.08;margin-bottom:12px}h2{font-size:1.25rem}a{color:var(--rr-color-link)}.eyebrow{color:#2aa198;font-size:.76rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.page-title{margin-bottom:clamp(24px,3vw,32px);max-width:920px}.page-title:has(>div){align-items:flex-end;display:flex;gap:16px;justify-content:space-between;max-width:none}.page-title>div{max-width:920px}.page-title h1{color:var(--rr-color-ink);font-size:clamp(1.4rem,2.2vw,2.1rem);line-height:1.25;margin-bottom:10px;max-width:920px}.page-title p:not(.eyebrow){color:var(--rr-color-muted);line-height:1.5;margin-bottom:0;max-width:720px}.page-title .eyebrow{font-size:.74rem;margin-bottom:8px}:focus-visible{outline:3px solid #2aa198;outline-offset:2px}label{color:#42515e;display:grid;font-size:.88rem;font-weight:800;gap:var(--rr-space-xs)}input:not([type=checkbox]):not([type=radio]),select{background:rgba(255,255,255,.8);border:1px solid rgba(23,50,77,.16);border-radius:var(--rr-radius-compact);color:var(--rr-color-ink);min-height:44px;padding:10px 12px}.panel{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 24px #17324d14;padding:var(--rr-space-lg)}.modal-surface{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.6);border-radius:8px;box-shadow:0 12px 40px #17324d2e}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid rgba(23,50,77,.1);padding:14px 12px;text-align:left;vertical-align:middle}th{color:#546472;font-size:.78rem;text-transform:uppercase}.pill{align-items:center;background:rgba(42,161,152,.14);border:1px solid rgba(42,161,152,.3);color:#17324d;display:inline-flex;font-size:.82rem;font-weight:800;padding:7px 10px}.pill--danger{background:rgba(181,71,63,.14);border-color:#b5473f52;color:#8b2f28}.pill--pending{background:rgba(201,143,22,.14);border-color:#c98f1652;color:#8a5d0f}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--rr-space-md) var(--rr-space-lg)}.text-button{align-items:center;background:transparent;border:0;border-radius:var(--rr-radius-compact);color:var(--rr-color-link);cursor:pointer;display:inline-flex;font-weight:800;min-height:44px;padding:6px 8px;text-decoration:none}.text-button:hover{background:rgba(42,161,152,.12);color:var(--rr-color-link-hover)}.text-button--danger{color:var(--rr-color-danger)}.text-button--danger:hover{background:rgba(181,71,63,.12);color:var(--rr-color-danger-hover)}.primary-action,.secondary-action,.destructive-action{align-items:center;border:1px solid transparent;border-radius:var(--rr-radius-button);display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:0 16px;text-align:center;text-decoration:none;white-space:normal}.primary-action{background:var(--rr-color-accent);border-color:var(--rr-color-accent);color:#fff}.primary-action:hover{background:var(--rr-color-accent-hover);border-color:var(--rr-color-accent-hover)}.secondary-action{background:#ffffff;border-color:var(--rr-color-border);color:var(--rr-color-ink)}.secondary-action:hover{border-color:var(--rr-color-accent);color:#116c66}.destructive-action{background:#fff7f6;border:1px solid #e0a19d;color:var(--rr-color-danger);cursor:pointer;min-height:44px;padding:0 14px}.destructive-action:hover{background:var(--rr-color-danger);border-color:var(--rr-color-danger);color:#fff}.primary-action:disabled,.secondary-action:disabled,.destructive-action:disabled,button:disabled{cursor:not-allowed;opacity:.55}.pill,.modal-stats span,.activity-card span{border-radius:var(--rr-radius-pill)}.panel,.metric-card,.activity-card,.resident-card,.property-card,.audit-entry,.empty-state,.preview-device,.preview-list,.import-summary div,.summary-grid div,.hero-panel,.dialog,.import-modal,.property-modal,.next-actions{border-radius:8px}.nav-toggle,.phone-input{display:flex;gap:8px}.phone-input input{flex:1}.phone-prefix{align-items:center;background:#f3f6f5;border:1px solid var(--rr-color-border);border-radius:var(--rr-radius-compact);color:#42515e;display:flex;font-weight:800;justify-content:center;min-height:44px;padding:0 12px}.icon-button{align-items:center;align-self:flex-start;background:transparent;border:0;border-radius:50%;color:var(--rr-color-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;min-height:0;padding:0;transition:background .15s ease,color .15s ease;width:40px}.icon-button:hover{background:rgba(23,50,77,.08);color:var(--rr-color-ink)}.icon-button:focus-visible{box-shadow:var(--rr-shadow-focus);outline:none}.icon-button__glyph{height:18px;width:18px}@media (max-width: 480px){h1{font-size:2rem}.page-title{margin-bottom:24px}.page-title:has(>div){align-items:stretch;flex-direction:column}.page-title h1{font-size:2rem;line-height:1.12}.page-title>.primary-action,.page-title>.secondary-action,.page-title>.destructive-action{width:100%}button{min-height:44px}}
