html{background:#f6f7f9}:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f6f7f9;min-width:320px;margin:0}button,input,select{font:inherit}button{color:#253244;cursor:pointer;background:#fff;border:1px solid #d9dee8;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-weight:650;display:inline-flex}button:hover{border-color:#aab5c5}.primary-button{color:#fff;background:#0f766e;border-color:#0f766e}.primary-button.full{justify-content:center;width:100%}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #dfe4ec;flex-direction:column;gap:18px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 12px;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.brand strong,.brand span{display:block}.brand span{color:#667085;font-size:12px}.sidebar nav{gap:4px;display:grid}.nav-link{color:#465366;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:0 12px;text-decoration:none;display:flex}.nav-link.active,.nav-link:hover{color:#0f766e;background:#e7f4f2}main{padding:28px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.page-header h1{letter-spacing:0;margin:0;font-size:28px;line-height:1.2}.page-header p{color:#667085;margin:6px 0 0}.metric-grid,.split-grid,.tenant-grid,.portal-preview,.report-grid,.settings-grid{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.panel,.tenant-card,.report-card,.integration,.phone-frame{background:#fff;border:1px solid #dfe4ec;border-radius:8px}.metric{gap:8px;padding:18px;display:grid}.metric svg{color:#667085}.metric span,.report-card span{color:#667085;font-size:13px}.metric strong{font-size:24px}.metric.green strong,.metric.green svg{color:#0f766e}.metric.blue strong,.metric.blue svg{color:#2563eb}.metric.red strong,.metric.red svg{color:#dc2626}.split-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr)}.panel{padding:18px;overflow:hidden}.panel-title{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.panel-title h2{margin:0;font-size:16px}.panel-title span{color:#667085;font-size:13px}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #eef1f5;padding:12px 10px}th{color:#667085;font-size:12px;font-weight:700}td span{color:#667085;margin-top:3px;font-size:12px;display:block}.badge{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge.due_soon,.badge.issued{color:#1d4ed8;background:#eff6ff}.badge.overdue,.badge.legal_hold{color:#b91c1c;background:#fef2f2}.badge.paid,.badge.success{color:#047857;background:#ecfdf5}.health-list,.review-list,.timeline{gap:10px;display:grid}.health-item,.review-item{background:#f8fafc;border:1px solid #e6eaf0;border-radius:8px;padding:12px}.health-item{justify-content:space-between;align-items:center;display:flex}.health-item span,.review-item span{color:#667085}.review-item strong,.review-item span{display:block}.review-item span{margin-top:4px}.tenant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-card{padding:18px}.tenant-color{border-radius:999px;width:64px;height:10px;margin-bottom:14px}.tenant-card h2{margin:0;font-size:18px}.tenant-card p{color:#667085;margin:5px 0 18px}.tenant-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.tenant-card dt{color:#667085;font-size:12px}.tenant-card dd{margin:2px 0 0;font-weight:650}.toolbar{grid-template-columns:minmax(220px,1fr) 180px auto;align-items:center;gap:10px;margin-bottom:16px;display:grid}.toolbar input,.toolbar select{background:#fff;border:1px solid #d9dee8;border-radius:8px;min-height:38px;padding:0 12px}.portal-preview{grid-template-columns:320px minmax(0,1fr)}.phone-frame{padding:24px;box-shadow:0 16px 50px #0f172a1a}.phone-top{background:#d9dee8;border-radius:999px;width:72px;height:6px;margin:0 auto 28px}.phone-frame h2{margin:0}.phone-frame p{color:#667085}.otp-row{grid-template-columns:repeat(6,1fr);gap:8px;margin:22px 0;display:grid}.otp-row span{border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;height:44px;font-weight:800;display:flex}.portal-actions,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-actions{gap:12px;display:grid}.action,.integration{background:#f8fafc;border:1px solid #e6eaf0;border-radius:8px;align-items:center;gap:10px;min-height:64px;padding:14px;display:flex}.report-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.report-card,.integration{padding:18px}.report-card strong{margin:10px 0 4px;font-size:24px;display:block}.report-card p,.integration p{color:#667085;margin:0}.integration{align-items:flex-start;display:grid}.integration h2{margin:0;font-size:18px}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.metric-grid.three,.split-grid,.tenant-grid,.portal-preview,.report-grid,.settings-grid,.toolbar{grid-template-columns:1fr}}@media (width<=640px){main{padding:18px}.page-header{flex-direction:column;align-items:flex-start}.sidebar nav{grid-template-columns:1fr}table{min-width:780px}.panel{overflow-x:auto}}.status-bar{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 12px;display:flex}.status-bar.error{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.status-bar button{min-height:30px;padding:0 10px}.inline-form{background:#fff;border:1px solid #dfe4ec;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:10px;margin-bottom:16px;padding:14px;display:grid}.inline-form input,.inline-form select,.phone-frame input,.phone-frame select{color:#253244;background:#fff;border:1px solid #d9dee8;border-radius:8px;width:100%;min-height:38px;padding:0 12px}.phone-frame input,.phone-frame select{margin-top:10px}.button-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.form-message{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.empty-state{color:#667085;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;margin-top:16px;padding:28px}.settings-note{margin-top:16px}.badge.scheduled,.badge.draft,.badge.uploaded{color:#475569;background:#f8fafc}.badge.sent,.badge.delivered,.badge.read,.badge.completed{color:#047857;background:#ecfdf5}.badge.failed,.badge.cancelled,.badge.review_required{color:#b91c1c;background:#fef2f2}@media (width<=980px){.inline-form{grid-template-columns:1fr}}