:root{--bg:#f6f8fb;--surface:#fff;--text:#172033;--muted:#667085;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-soft:#eff6ff;--border:#e4e7ec;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626;--purple:#7c3aed;--shadow:0 1px 2px rgba(16,24,40,.04)}
*{box-sizing:border-box}body{margin:0;background:var(--bg)!important;color:var(--text)!important;font-family:Inter,system-ui,sans-serif!important}.portal-shell{background:var(--bg)!important}.side{width:256px!important;background:#fff!important;color:var(--text)!important;border-right:1px solid var(--border);padding:24px 16px 18px!important}.brand{font:800 25px/1 Inter,sans-serif!important;letter-spacing:-1.2px;color:var(--text)!important;padding:0 10px}.brand span{color:var(--brand)!important}.workspace{margin:26px 10px 14px!important;color:#475467!important;font-size:11px!important;font-weight:700;letter-spacing:.1em}.side-nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.side-nav .nav-group{color:#98a2b3;font-size:10px;font-weight:700;letter-spacing:.12em;margin:15px 12px 5px}.side-nav .nav-group:first-child{margin-top:0}.side-nav a,.side-utility a{color:#475467!important;border-radius:8px!important;min-height:39px!important;padding:9px 11px!important;font-size:13px!important;font-weight:500!important;border:0!important}.side-nav a i,.side-utility a i{color:#667085!important;width:24px!important;font-style:normal}.side-nav a:hover,.side-utility a:hover{background:#f8fafc!important;color:var(--text)!important}.side-nav a.active{background:var(--brand-soft)!important;color:var(--brand)!important;box-shadow:none!important}.side-nav a.active i{color:var(--brand)!important}.side-utility{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:grid;gap:3px}.side-utility a{display:flex;text-decoration:none;align-items:center}.demo-switch{display:none!important}.profile{border-top:1px solid var(--border)!important;margin-top:12px!important;padding:16px 8px 0!important;background:none!important}.profile>b{background:var(--brand)!important;color:#fff!important}.profile strong{color:var(--text)!important}.profile small{color:var(--muted)!important}.portal-main{margin-left:256px!important;padding:32px 38px 56px!important;background:var(--bg)!important;min-height:100vh}.portal-main h1,.portal-main h2,.portal-main h3,.portal-main h4{font-family:Inter,system-ui,sans-serif!important;color:var(--text)!important;letter-spacing:-.035em}.portal-main h1{font-size:30px!important;line-height:1.2!important}.portal-main h2{font-size:18px!important}.portal-main p{color:var(--muted)}.portal-tag,[class$="-card-head"]>div>span,.section-intro>div>span{color:#667085!important;font-size:10px!important;font-weight:700!important;letter-spacing:.1em!important}.portal-main article,.dashboard-card,.crm-card,.investment-shell,.agent-shell,.property-shell,.finance-card{border-color:var(--border)!important;box-shadow:var(--shadow)!important}.portal-main button,.portal-main select,.portal-main input{font-family:Inter,sans-serif!important}.portal-main button{border-radius:7px!important}.modern-primary,.customer-primary,.primary-property-action,.primary-investment-action,.agent-primary,.dashboard-actions button:first-child,.save-investment,.save-agent{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important;box-shadow:none!important}.modern-primary:hover,.customer-primary:hover{background:var(--brand-hover)!important}.dashboard-actions button{background:#fff!important;color:#344054!important;border:1px solid var(--border)!important}.dashboard-actions button:first-child{color:#fff!important}.sales-dashboard-heading,.customer-heading,.property-heading,.investment-heading,.agent-heading{margin-bottom:24px!important}.sales-dashboard-heading h1,.customer-heading h1,.property-heading h1,.investment-heading h1,.agent-heading h1{font-size:30px!important}.sales-kpis,.customer-kpis,.property-stats,.investment-stats,.agent-stats{gap:12px!important}.sales-kpis article,.customer-kpis article,.property-stats article,.investment-stats article,.agent-stats article{background:#fff!important;border:1px solid var(--border)!important;border-radius:10px!important;min-height:118px!important;padding:18px!important}.sales-kpis article:after,.customer-kpis article:after{display:none!important}.sales-kpis strong,.customer-kpis strong,.property-stats strong,.investment-stats strong,.agent-stats strong{color:var(--text)!important;font-size:25px!important}.sales-kpis em,.customer-kpis em,.property-stats em,.investment-stats em,.agent-stats em{color:var(--muted)!important}.sales-kpi-icon,.customer-kpi-icon,.property-stat-icon,.investment-stat-icon,.agent-stat-icon{background:var(--brand-soft)!important;color:var(--brand)!important;border-radius:7px!important}.chart-line{stroke:var(--brand)!important}.chart-area{fill:url(#salesFill)!important}.chart-bars rect{fill:#bfdbfe!important}.sales-line-key{background:var(--brand)!important}.units-bar-key{background:#bfdbfe!important}.status-donut{background:conic-gradient(var(--brand) 0 64%,var(--warning) 64% 74%,var(--success) 74%)!important}.available-dot{background:var(--brand)!important}.reserved-dot{background:var(--warning)!important}.sold-dot{background:var(--success)!important}.collection-track i{background:var(--brand)!important}.sale-status.paid,.finance-status.paid,.investment-status.active{background:#ecfdf3!important;color:#027a48!important}.sale-status.part,.finance-status.part-payment,.finance-status.installment{background:#f5f3ff!important;color:var(--purple)!important}.finance-status.overdue{background:#fef3f2!important;color:var(--danger)!important}.pipeline-flow button.active,.customer-filter-tabs button.active,.property-tabs button.active,.investment-tabs button.active,.agent-tabs button.active{color:var(--brand)!important;border-color:var(--brand)!important;background:var(--brand-soft)!important}.pipeline-track i,.customer-pipeline-progress i{background:var(--brand)!important}.property-card,.product-cards article,.commission-plan-card,.customer-table,.pipeline-card{background:#fff!important}.property-thumb{background-color:#dbeafe!important;background-size:cover!important;background-position:center!important}.property-row:nth-of-type(1) .property-thumb{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=240&q=75')!important}.property-row:nth-of-type(2) .property-thumb{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=240&q=75')!important}.property-row:nth-of-type(3) .property-thumb{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=240&q=75')!important}.choice-switch button.active{border-color:var(--brand)!important;background:var(--brand-soft)!important;color:var(--brand)!important}.mini-switch input:checked+i,.agent-switch input:checked+i{background:var(--brand)!important}.investment-drawer,.agent-drawer,.customer-drawer{border-color:var(--border)!important}.generic-record>a,.dashboard-card-head>a{color:var(--brand)!important}.portal-main>header{background:#fff!important;border:1px solid var(--border)!important;min-height:auto!important;padding:24px!important}.portal-main>header:after{display:none!important}.stats article{border:1px solid var(--border)!important;background:#fff!important}.stats article:after{display:none!important}.stats article>span{background:var(--brand-soft)!important;color:var(--brand)!important}.panel{border:1px solid var(--border)!important;background:#fff!important}.mobilebar{background:#fff!important;border-color:var(--border)!important}
@media(max-width:900px){.side{width:220px!important}.portal-main{margin-left:220px!important;padding:26px 22px!important}}
@media(max-width:760px){.side{display:none!important}.portal-main{margin-left:0!important;padding:18px 14px 40px!important}.portal-main h1{font-size:25px!important}.mobilebar{display:flex!important}}
.portal-main{min-width:0;overflow-x:hidden}.kanban-board{max-width:100%}.period-switch button.active{background:var(--brand)!important;color:#fff!important}.chart-tooltip{background:var(--text)!important}.chart-tooltip:after{border-top-color:var(--text)!important}
.primary-action{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;box-shadow:none!important}.listing-tabs button.active{color:var(--brand)!important;border-bottom-color:var(--brand)!important}.listing-tabs button.active b{background:var(--brand-soft)!important;color:var(--brand)!important}.view-switch button.active{background:var(--brand)!important}.publish-switch input:checked+span,.setting-row input:checked+span{background:var(--brand)!important}.portfolio-panel-head>b{border-color:#dbeafe!important;border-top-color:var(--brand)!important}.health-bar i{background:var(--brand)!important}.attention-list button{color:var(--brand)!important;background:var(--brand-soft)!important}.activity-dot{background:var(--brand)!important;box-shadow:0 0 0 5px #dbeafe!important}.property-footer-row a{color:var(--brand)!important}.property-thumb.villa{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=240&q=75')!important}.property-thumb.water{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=240&q=75')!important}.property-thumb.duplex{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=240&q=75')!important}.property-thumb.grove{background-image:url('https://images.unsplash.com/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=240&q=75')!important}.property-thumb.olive{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=240&q=75')!important}
.customer-list-tabs button.active,.profile-tabs button.active{color:var(--brand)!important;border-bottom-color:var(--brand)!important}.customer-list-tabs button.active b{background:var(--brand-soft)!important;color:var(--brand)!important}.customer-row>button,.view-all-activity,.profile-note button{color:var(--brand)!important}.profile-primary,.save-customer{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.pipeline-flow button:hover,.pipeline-flow button.active{border-color:#93c5fd!important;background:var(--brand-soft)!important}.pipeline-track i{background:var(--brand)!important}
.website-access{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin:-8px 0 16px;box-shadow:var(--shadow)}.website-access-title>span,.website-access-title>strong,.website-access-title>small{display:block}.website-access-title>span{font-size:8px;letter-spacing:.1em;color:#667085;font-weight:700}.website-access-title>strong{font-size:12px;margin:4px 0;color:var(--text)}.website-access-title>small{font-size:9px;color:var(--muted)}.website-link-control{display:flex;align-items:stretch;gap:8px;flex:1;max-width:680px}.website-link-control label{display:flex;align-items:center;gap:8px;min-width:0;flex:1;height:40px;border:1px solid #d0d5dd;border-radius:7px;background:#f9fafb;padding:0 11px}.website-link-control label span{color:var(--brand);font-weight:700}.website-link-control input{width:100%;border:0;outline:0;background:transparent;color:#344054;font-size:11px;font-weight:500}.website-link-control a,.website-link-control button{height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:0 15px;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}.website-link-control a{background:var(--brand);border:1px solid var(--brand);color:#fff}.website-link-control button{background:#fff;border:1px solid #d0d5dd;color:#344054}.website-link-control button.copied{border-color:#86efac;background:#ecfdf3;color:#15803d}@media(max-width:900px){.website-access{align-items:flex-start;flex-direction:column}.website-link-control{width:100%;max-width:none}}@media(max-width:560px){.website-link-control{flex-wrap:wrap}.website-link-control label{flex-basis:100%}.website-link-control a,.website-link-control button{flex:1}}
.side{background:#162033!important;border-right-color:#26334a!important}.side .brand{color:#fff!important}.side .workspace{color:#cbd5e1!important}.side-nav .nav-group{color:#7f8da3!important}.side-nav a,.side-utility a{color:#cbd5e1!important}.side-nav a i,.side-utility a i{color:#91a0b5!important}.side-nav a:hover,.side-utility a:hover{background:#202d43!important;color:#fff!important}.side-nav a.active{background:#2563eb!important;color:#fff!important}.side-nav a.active i{color:#fff!important}.side-utility,.profile{border-color:#2b3950!important}.profile strong{color:#fff!important}.profile small{color:#94a3b8!important}.sales-dashboard-main{background:#e9eef5!important}.sales-dashboard-main .website-access,.sales-dashboard-main .dashboard-card,.sales-dashboard-main .sales-kpis article{box-shadow:0 1px 3px rgba(16,24,40,.08)!important;border-color:#d9e0ea!important}
.dashboard-topbar{display:flex;align-items:center;gap:13px;margin:-12px 0 14px}.dashboard-topbar>label{height:40px;display:flex;align-items:center;gap:9px;max-width:470px;margin-left:auto;flex:1;border:1px solid #cfd7e3;background:#fff;border-radius:9px;padding:0 11px}.dashboard-topbar input{border:0;outline:0;min-width:0;flex:1;background:transparent;font-size:10px}.dashboard-topbar kbd{font:600 8px Inter;color:#667085;border:1px solid #e4e7ec;border-radius:4px;padding:3px 5px;background:#f9fafb}.dashboard-menu,.dashboard-bell,.dashboard-user{border:0!important;background:transparent!important;color:#344054!important}.dashboard-menu{font-size:16px}.dashboard-bell{position:relative;font-size:18px}.dashboard-bell b{position:absolute;top:-2px;right:0;background:#7c3aed;color:#fff;width:13px;height:13px;border-radius:50%;font-size:7px;display:grid;place-items:center}.dashboard-user{display:flex;align-items:center;gap:7px}.dashboard-user span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#4f46b8;color:#fff;font-size:9px;font-weight:700}.dashboard-user i{font-style:normal}.sales-dashboard-main .sales-dashboard-heading{position:relative;display:grid!important;grid-template-columns:minmax(290px,.82fr) minmax(440px,1.18fr)!important;gap:28px;align-items:stretch!important;overflow:hidden;border:1px solid #302a63;border-radius:13px!important;background:linear-gradient(100deg,rgba(10,14,44,.98) 0%,rgba(26,20,70,.94) 51%,rgba(45,25,92,.88) 100%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80') center/cover!important;padding:25px 27px!important;margin-bottom:14px!important;min-height:255px}.sales-dashboard-main .sales-dashboard-heading:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 55% 100%,rgba(245,158,11,.14),transparent 29%),radial-gradient(circle at 90% 10%,rgba(124,58,237,.22),transparent 34%);pointer-events:none}.dashboard-hero-copy,.hero-metrics{position:relative;z-index:1}.hero-greeting{color:#fbbf24;font-size:10px;font-weight:600;margin-bottom:8px}.sales-dashboard-main .sales-dashboard-heading h1{font-size:36px!important;line-height:1.08!important;color:#fff!important;margin:0 0 10px!important;letter-spacing:-.045em}.sales-dashboard-main .sales-dashboard-heading p{max-width:390px;color:#cbd5e1!important;font-size:11px!important;line-height:1.65!important;margin:0!important}.sales-dashboard-main .dashboard-actions{margin-top:18px!important;display:flex!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap}.sales-dashboard-main .dashboard-actions button{height:38px!important;border:1px solid #837da7!important;background:#ffffff09!important;color:#fff!important;padding:0 13px!important}.sales-dashboard-main .dashboard-actions button:first-child{background:#fbbf24!important;border-color:#fbbf24!important;color:#172033!important}.hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-metrics article{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-width:0;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:10px!important;padding:13px!important;box-shadow:none!important}.hero-metrics i{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:15px;font-weight:700}.hero-metrics i.purple{background:#6d4bd94a;color:#b6a2ff}.hero-metrics i.gold{background:#d977063a;color:#fbbf24}.hero-metrics i.green{background:#16a34a38;color:#6ee7a1}.hero-metrics i.red{background:#e11d4838;color:#fb7185}.hero-metrics small,.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics small{color:#cbd5e1;font-size:8px;font-weight:600;text-transform:uppercase}.hero-metrics strong{color:#fff;font-size:20px;margin:5px 0}.hero-metrics span{color:#a5b4fc;font-size:8px}.hero-metrics .positive{color:#a3e635}.hero-metrics .negative{color:#fda4af}.sales-dashboard-main .website-access{margin:0 0 14px!important}.sales-dashboard-main .sales-kpis{grid-template-columns:repeat(6,1fr)!important}.sales-dashboard-main .sales-kpis article{border-top:3px solid #dbeafe!important}.sales-dashboard-main .sales-kpis article:nth-child(2){border-top-color:#818cf8!important}.sales-dashboard-main .sales-kpis article:nth-child(3){border-top-color:#22c55e!important}.sales-dashboard-main .sales-kpis article:nth-child(4){border-top-color:#f59e0b!important}.sales-dashboard-main .sales-kpis article:nth-child(5){border-top-color:#06b6d4!important}.sales-dashboard-main .sales-kpis article:nth-child(6){border-top-color:#ef4444!important}@media(max-width:1050px){.sales-dashboard-main .sales-dashboard-heading{grid-template-columns:1fr!important}.hero-metrics{grid-template-columns:repeat(4,1fr)}.hero-metrics article{grid-template-columns:1fr}.sales-dashboard-main .sales-kpis{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:720px){.dashboard-topbar>label{max-width:none}.dashboard-topbar .dashboard-menu,.dashboard-topbar kbd{display:none}.hero-metrics{grid-template-columns:1fr 1fr}.sales-dashboard-main .sales-kpis{grid-template-columns:1fr 1fr!important}}@media(max-width:460px){.hero-metrics,.sales-dashboard-main .sales-kpis{grid-template-columns:1fr!important}.sales-dashboard-main .sales-dashboard-heading{padding:20px!important}}
.sales-dashboard-main .dashboard-actions{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;width:auto!important}.sales-dashboard-main .dashboard-actions button:last-child{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important}
.website-studio-main .published-site-card h2,.website-studio-main .studio-help h2{color:#fff!important}