:root{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--soft:#f1f5f9;--danger:#ef4444;--warn:#f59e0b;--ok:#22c55e;--r:14px}*{box-sizing:border-box}html,body{color:var(--text);background:var(--bg);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit}.container{max-width:1250px;margin:0 auto;padding:18px}.topbar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#f8fafce6;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:14px;max-width:1250px;margin:0 auto;padding:12px 18px;display:flex}.brand{letter-spacing:.2px;font-weight:900}.nav{flex-wrap:wrap;gap:10px;display:flex}.nav a{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:10px 12px;font-weight:700;text-decoration:none}.nav a:hover{background:var(--soft)}.grid-2{grid-template-columns:380px 1fr;align-items:start;gap:14px;display:grid}@media (max-width:980px){.grid-2{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r)}.card-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.card-b{padding:14px}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.input,.select,.textarea{border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;width:100%;padding:10px 12px}.textarea{resize:vertical;min-height:110px}.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;padding:10px 12px;font-weight:800}.btn:hover{background:var(--soft)}.btn:disabled{opacity:.6;cursor:not-allowed}.badge{border:1px solid var(--border);background:var(--soft);border-radius:999px;padding:4px 10px;font-size:12px}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.tab{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 10px;font-weight:800}.tab.active{background:var(--soft)}.list{max-height:640px;overflow:auto}.list-item{text-align:left;border:0;border-bottom:1px solid var(--soft);cursor:pointer;background:#fff;width:100%;padding:12px 14px}.list-item:hover{background:var(--soft)}.list-item.active{background:#f8fafc}.kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (max-width:980px){.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi-card{border:1px solid var(--border);border-radius:var(--r);background:#fff;padding:12px}.kpi-label{color:var(--muted);font-size:12px}.kpi-value{margin-top:4px;font-size:22px;font-weight:900}.contacts-page{flex-direction:column;gap:14px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (max-width:980px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.contacts-layout{grid-template-columns:1fr}}.card-title{margin-bottom:10px;font-weight:900}.field{flex-direction:column;gap:6px;min-width:220px;display:flex}.contacts-page input,.contacts-page select,.contacts-page textarea{border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;width:100%;padding:10px 12px}.contacts-page textarea{resize:vertical;min-height:110px}.contacts-page button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;padding:10px 12px;font-weight:800}.contacts-page button:hover{background:var(--soft)}.contacts-page button:disabled{opacity:.6;cursor:not-allowed}.list-row{text-align:left;border:0;border-bottom:1px solid var(--soft);cursor:pointer;background:#fff;width:100%;padding:12px 14px}.list-row:hover{background:var(--soft)}.list-row.active{background:#f8fafc}.list-name{font-weight:900}.list-meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:6px;font-size:13px;display:flex}.contacts-page{max-width:1200px;margin:0 auto;padding:24px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.page-header .muted{color:#6b7280;margin-top:6px;font-size:13px}.muted{color:#6b7280;font-size:13px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px;display:grid}@media (max-width:980px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px;box-shadow:0 1px #00000005}.kpi-label{color:#6b7280;margin-bottom:6px;font-size:12px}.kpi-value{letter-spacing:-.02em;color:#111827;font-size:26px;font-weight:700}.contacts-layout{grid-template-columns:380px 1fr;align-items:start;gap:16px;display:grid}@media (max-width:980px){.contacts-layout{grid-template-columns:1fr}}.left,.right{flex-direction:column;gap:16px;display:flex}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:16px;box-shadow:0 6px 22px #1118270a}.card-title{color:#111827;margin-bottom:10px;font-size:14px;font-weight:650}.row{flex-wrap:wrap;gap:10px;display:flex}.field{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.label{color:#6b7280;font-size:12px}.card input,.card select,.card textarea{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px}.card textarea{resize:vertical;height:auto;min-height:170px;padding:12px}.card input:focus,.card select:focus,.card textarea:focus{border-color:#c7d2fe;box-shadow:0 0 0 4px #6366f11f}.card button{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;height:40px;padding:0 14px;font-size:13px;font-weight:600;transition:transform 30ms,background .15s,border-color .15s}.card button:hover{background:#f9fafb;border-color:#d1d5db}.card button:active{transform:translateY(1px)}.btn-primary{color:#fff!important;background:#111827!important;border-color:#111827!important}.btn-primary:hover{background:#0b1220!important}.btn-danger{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.btn-danger:hover{background:#b91c1c!important;border-color:#b91c1c!important}.list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.list-row{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.list-row:hover{background:#f9fafb;border-color:#d1d5db}.list-row.active{border-color:#6366f173;box-shadow:0 0 0 4px #6366f11f}.list-main{flex-direction:column;gap:4px;display:flex}.list-name{color:#111827;font-size:14px;font-weight:700}.list-meta{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.badge{color:#111827;white-space:nowrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.badge.overdue{color:#b91c1c;background:#dc26261a;border-color:#dc262640}.badge.today{color:#92400e;background:#eab3081f;border-color:#eab3084d}.badge.upcoming{color:#065f46;background:#10b9811f;border-color:#10b9814d}.tabs{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;gap:6px;padding:6px;display:inline-flex}.tab{color:#374151;background:0 0;border:1px solid #0000;border-radius:999px;height:34px;padding:0 12px;font-size:13px;font-weight:700}.tab:hover{background:#fff;border-color:#e5e7eb}.tab.active{color:#fff;background:#111827;border-color:#111827}.list-row .list-main{flex-direction:column;gap:6px;min-width:0;display:flex}.list-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.list-row .badge{flex:none;margin-top:2px}.list-meta{word-break:break-word;line-height:1.25}.contact-item{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:grid}.contact-item:hover{background:#fcfcfd;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 10px 26px #11182714}.contact-item.active{border-color:#6366f173;box-shadow:0 0 0 4px #6366f11f,0 10px 26px #11182714}.contact-avatar{color:#111827;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:14px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid}.contact-main{flex-direction:column;gap:4px;min-width:0;display:flex}.contact-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;line-height:1.15;overflow:hidden}.contact-meta{color:#6b7280;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.contact-meta strong{color:#374151;font-weight:700}.contact-pill{color:#111827;white-space:nowrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.contact-pill.overdue{color:#b91c1c;background:#dc26261a;border-color:#dc262640}.contact-pill.today{color:#92400e;background:#eab3081f;border-color:#eab3084d}.contact-pill.upcoming{color:#065f46;background:#10b9811f;border-color:#10b9814d}.properties-page{max-width:1200px;margin:0 auto;padding:24px}.properties-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.properties-subtitle{color:#6b7280;margin-top:6px;font-size:13px}.properties-grid{gap:16px;display:grid}.properties-form-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:10px;display:grid}@media (max-width:980px){.properties-form-grid{grid-template-columns:1fr 1fr}}.properties-form-grid-2{grid-template-columns:2fr 2fr;gap:10px;display:grid}@media (max-width:980px){.properties-form-grid-2{grid-template-columns:1fr}}.properties-filters-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:10px;display:grid}@media (max-width:980px){.properties-filters-grid{grid-template-columns:1fr 1fr}}.property-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.property-title{color:#111827;flex-wrap:wrap;align-items:center;gap:10px;font-weight:800;display:flex}.property-subline{color:#6b7280;font-size:12px;font-weight:650}.type-badge{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.type-badge.sale{color:#1e40af;background:#3b82f61f;border-color:#3b82f64d}.type-badge.rent{color:#065f46;background:#10b9811f;border-color:#10b9814d}.type-badge.airbnb{color:#9d174d;background:#ec48991f;border-color:#ec48994d}.price-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:980px){.price-pair{grid-template-columns:1fr}}