:root{--ink:#172033;--muted:#687386;--line:#e4e8ef;--bg:#f6f8fb;--panel:#fff;--brand:#0f766e;--brand2:#22335f;--gold:#c99635;--bad:#b42318;--good:#087443;--warn:#a15c07;--info:#1959b8}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);letter-spacing:0}a{color:inherit;text-decoration:none}.site-hero{min-height:78vh;background:linear-gradient(90deg,rgba(20,32,55,.86),rgba(15,118,110,.58)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="700"><rect fill="%23dfe8ee" width="1200" height="700"/><path fill="%23b8c7d1" d="M90 560h1020v90H90z"/><path fill="%238ca0ad" d="M180 170h190v390H180zM430 100h250v460H430zM740 210h280v350H740z"/><g fill="%23f7fbff"><rect x="210" y="210" width="40" height="55"/><rect x="285" y="210" width="40" height="55"/><rect x="470" y="145" width="45" height="55"/><rect x="560" y="145" width="45" height="55"/><rect x="790" y="250" width="48" height="55"/><rect x="890" y="250" width="48" height="55"/></g></svg>') center/cover;color:white;display:flex;flex-direction:column}.site-nav,.top{display:flex;justify-content:space-between;align-items:center;padding:18px 28px}.site-nav{background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.logo,.brand{display:flex;gap:12px;align-items:center}.logo span,.brand span{width:38px;height:38px;border-radius:8px;background:var(--brand);color:white;display:grid;place-items:center;font-weight:800}.logo b,.brand b{font-size:20px}.logo small,.brand small{display:block;font-size:10px;color:inherit;opacity:.72;line-height:1.2}.hero-copy{max-width:780px;margin:auto;padding:40px 28px}.hero-copy h1{font-size:clamp(38px,7vw,76px);line-height:.96;margin:0 0 18px}.hero-copy p{font-size:18px;max-width:620px;line-height:1.6}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;background:var(--brand);color:white;padding:11px 16px;font-weight:700;cursor:pointer}.btn.secondary{background:var(--brand2)}.btn.ghost{background:#eef2f7;color:var(--ink)}.btn.danger{background:var(--bad)}.wrap{max-width:1180px;margin:auto;padding:34px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 10px 24px rgba(23,32,51,.05)}.property-img{height:145px;border-radius:6px;background:linear-gradient(135deg,#dce8e7,#f5ead5);display:grid;place-items:center;color:var(--brand2);font-weight:800}.price{color:var(--brand);font-weight:900}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#111827;color:white;padding:18px;position:sticky;top:0;height:100vh}.side nav{display:grid;gap:6px;margin-top:28px}.side a{padding:11px 12px;border-radius:8px;color:#d9dee8}.side a.active,.side a:hover{background:rgba(255,255,255,.1);color:white}.main{min-width:0}.top{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.top span,.top small{display:block;color:var(--muted);font-size:12px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.kpi{background:white;border:1px solid var(--line);border-radius:8px;padding:18px}.kpi b{font-size:30px}.kpi span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:800}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.filters input,.filters select,textarea{border:1px solid var(--line);border-radius:8px;padding:10px;background:white;min-height:40px}table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}th{background:#f1f5f9;color:#526071;font-size:11px;text-transform:uppercase}tr:hover td{background:#fbfcfe}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;background:#eef2f7}.badge.good{background:#dcfae6;color:var(--good)}.badge.bad{background:#fee4e2;color:var(--bad)}.badge.warn{background:#fef0c7;color:var(--warn)}.badge.info{background:#dbeafe;color:var(--info)}.modal{display:none;position:fixed;inset:0;background:rgba(10,18,32,.5);padding:24px;z-index:5}.modal:target{display:grid;place-items:center}.modal>div{background:white;border-radius:8px;max-width:680px;width:100%;padding:22px;max-height:88vh;overflow:auto}.chart{display:flex;align-items:end;gap:8px;height:170px}.bar{flex:1;background:linear-gradient(180deg,var(--brand),var(--brand2));border-radius:6px 6px 0 0;min-height:8px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#0f766e)}.login .panel{width:min(430px,92vw)}.login input{width:100%;margin:7px 0 14px;padding:12px;border:1px solid var(--line);border-radius:8px}.demo{color:var(--gold);font-weight:900;font-size:12px}@media(max-width:840px){.shell{grid-template-columns:1fr}.side{position:relative;height:auto}.side nav{grid-template-columns:repeat(2,1fr)}.top{position:relative;display:block}.wrap{padding:20px 12px}th,td{white-space:nowrap}.panel{overflow:auto}.site-nav{display:block}.site-nav .btn{margin-top:12px}}
/* CRM presentation clone layer */
.crm-app{min-height:100vh;background:#f4f6fa;color:#172033}.crm-header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:4}.crm-brand small{color:#7b8494}.crm-userbar{display:flex;align-items:center;gap:14px}.crm-userbar small{display:block;color:var(--muted);font-size:11px}.notify-dot{width:30px;height:30px;border-radius:50%;background:#fff7ed;color:#b45309;border:1px solid #fed7aa;display:grid;place-items:center;font-size:12px;font-weight:900}.crm-tabs{min-height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:10px 26px;position:sticky;top:76px;z-index:3;overflow-x:auto}.crm-tabs>a{white-space:nowrap;padding:10px 13px;border-radius:8px;color:#667085;font-size:12px;font-weight:800;border:1px solid transparent}.crm-tabs>a.active,.crm-tabs>a:hover{background:#ecfdf3;border-color:#b7e4ca;color:#067647}.crm-tab-actions{display:flex;gap:8px;margin-left:auto;white-space:nowrap}.mini{padding:8px 10px;font-size:11px}.crm-title{max-width:1420px;margin:0 auto;padding:20px 22px 0}.crm-title h1{margin:0;font-size:22px}.crm-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.crm-main .wrap{max-width:1420px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:white}table{border-collapse:separate;border-spacing:0}th,td{padding:12px 14px;font-size:12px}th{font-size:10px;letter-spacing:.03em}.chart-list{display:grid;gap:8px;margin-top:14px}.chart-row{display:grid;grid-template-columns:150px 1fr 48px;gap:10px;align-items:center;font-size:12px}.meter{height:9px;background:#edf2f7;border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;background:#0f766e}.badge.hot{background:#fee4e2;color:#b42318}.badge.warm{background:#fef0c7;color:#a15c07}.badge.cold{background:#dbeafe;color:#1959b8}@media(max-width:840px){.crm-header{height:auto;display:block;padding:14px}.crm-userbar{margin-top:12px}.crm-tabs{top:0;position:relative;padding:10px 14px}.crm-tab-actions{margin-left:0}.crm-title{padding:16px 12px 0}}