:root{--green:#2f4d3c;--green-2:#3d624b;--cream:#f4f4ec;--paper:#fff;--ink:#181818;--muted:#777c76;--line:#e6e8e1;--soft:#f7f8f4;--shadow:0 16px 50px #18251b0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f8f9f6}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--green);margin:0 0 10px}.hint{font-size:11px;color:#838780;line-height:1.6;margin-top:14px}.btn{border:1px solid transparent;border-radius:9px;padding:11px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:#203b2b}.btn.ghost{border-color:var(--line);background:#fff;color:#333}.btn.full{width:100%;margin-top:20px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0,#e7eee5 0,transparent 52%),#f7f8f5}.login-card{width:min(100%,430px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 22px 80px #1c2b1e0c}.brand-mark{width:52px;height:52px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800;letter-spacing:-.08em;margin-bottom:28px}.brand-mark span{color:#c7d4c9}.login-card h1{font-size:30px;letter-spacing:-.045em;margin:0 0 10px}.login-card>p.muted{line-height:1.6;margin-bottom:28px}.login-card form{display:grid;gap:9px}.login-card label,.editor-form label,.settings-grid label{font-size:12px;font-weight:700;display:grid;gap:7px;margin-top:10px}.control,.login-card input{width:100%;border:1px solid #dfe3db;background:#fff;border-radius:8px;padding:11px 12px;outline:none;color:var(--ink);min-width:0}.control:focus,.login-card input:focus{border-color:#73927b;box-shadow:0 0 0 3px #2f4d3c13}.login-card input{padding:12px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid var(--line);padding:26px 16px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 35px}.brand .brand-mark{margin:0;width:37px;height:37px;border-radius:10px;font-size:22px}.brand strong{display:block;font-size:17px;letter-spacing:-.04em}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:#8b918a;margin-top:3px}.workspace-label{font-size:9px;font-weight:800;letter-spacing:.15em;color:#a1a69f;padding:0 12px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#666e66;padding:12px;border-radius:9px;text-align:left;font-size:13px}.nav-item>span{font-size:18px;width:20px;text-align:center}.nav-item i{font-style:normal;font-size:10px;margin-left:auto;background:#eff1ec;border-radius:20px;padding:3px 7px}.nav-item:hover{background:#f7f8f4}.nav-item.active{background:#edf2ec;color:var(--green);font-weight:800}.nav-item.active i{background:#dce7dc}.sidebar-bottom{margin-top:auto}.connection{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 8px}.status-dot{width:8px;height:8px;background:#d3a54a;border-radius:50%}.status-dot.online{background:#39a56b;box-shadow:0 0 0 3px #39a56b18}.connection strong{display:block;font-size:11px}.connection small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.logout{border:0;background:transparent;color:#8a8e87;font-size:11px;padding:8px}.main-area{margin-left:244px;min-height:100vh}.topbar{height:70px;background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:5}.crumb{font-size:10px;letter-spacing:.12em;color:#9a9e97;margin-right:8px}.topbar strong{font-size:12px}.top-actions{display:flex;align-items:center;gap:14px}.top-actions .btn{font-size:11px;padding:8px 12px}.avatar{width:32px;height:32px;background:var(--green);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800}.mobile-menu{display:none;border:0;background:none;font-size:20px}.view{display:none;padding:32px 34px 50px;max-width:1600px;margin:auto}.view.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:clamp(27px,3vw,38px);letter-spacing:-.055em;line-height:1.1;margin:0 0 8px}.page-heading p.muted{margin:0;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;min-height:136px;box-shadow:var(--shadow)}.metric-card>span:first-child{display:block;font-size:11px;color:#6f756d;font-weight:600}.metric-card strong{display:block;font-size:32px;letter-spacing:-.06em;margin:12px 0 4px}.metric-card small{font-size:10px;color:#999d96}.metric-icon{position:absolute;right:18px;top:16px;font-size:21px;color:#b7c7b7}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:16px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;box-shadow:var(--shadow);min-width:0;margin-bottom:18px}.content-grid .panel{margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h2,.panel h2{font-size:15px;letter-spacing:-.025em;margin:0 0 5px}.panel-head p{font-size:11px;color:#92978f;margin:0}.text-btn{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:800}.quick-actions{display:grid;gap:4px}.quick-actions button{display:flex;align-items:center;gap:11px;background:#fff;border:0;border-bottom:1px solid #f0f1ed;padding:12px 0;text-align:left}.quick-actions button:last-child{border-bottom:0}.quick-actions button>span{width:34px;height:34px;background:#eff3ed;border-radius:9px;display:grid;place-items:center;color:var(--green);font-size:18px}.quick-actions button div{flex:1}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:11px}.quick-actions small{font-size:10px;color:#9a9e97;margin-top:4px}.quick-actions b{color:#9da49b}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:600px}.data-table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#969b93;padding:11px 12px;background:#fafbf9;border-bottom:1px solid var(--line)}.data-table td{font-size:11px;padding:13px 12px;border-bottom:1px solid #eff0ec;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.table-property{display:flex;align-items:center;gap:10px;min-width:200px}.table-property img{width:52px;height:42px;object-fit:cover;border-radius:6px;background:#eef0e9}.table-property strong{display:block;font-size:11px;max-width:240px}.table-property small{display:block;color:#999d96;font-size:10px;margin-top:4px}.pill{display:inline-flex;align-items:center;border-radius:30px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}.pill.success{background:#e8f4eb;color:#267646}.pill.warning{background:#fbf1dc;color:#926519}.pill.neutral{background:#eff1ec;color:#6f756d}.pill.danger{background:#fae8e6;color:#a7443c}.row-actions{display:flex;gap:5px}.mini-btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 8px;font-size:10px;color:#62675f}.mini-btn:hover{border-color:#9fb4a1;color:var(--green)}.mini-btn.danger:hover{color:#b3453e;border-color:#e4b9b4}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search-control{max-width:440px}.toolbar .muted{margin-left:auto}.empty-state{padding:32px 18px;text-align:center;color:#969b93;font-size:12px}.property-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.property-mini{border:1px solid var(--line);border-radius:10px;overflow:hidden}.property-mini img{width:100%;height:112px;object-fit:cover;background:#eff1ec}.property-mini div{padding:12px}.property-mini strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-mini p{font-size:10px;color:#858a82;margin:6px 0}.property-mini b{font-size:12px;color:var(--green)}.editor-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);gap:18px;align-items:start}.editor-form .panel-head{margin-bottom:10px}.editor-form form{display:grid;gap:3px}.editor-form label{margin-top:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-control{height:43px;padding:4px!important}.panel-subsection{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.panel-subsection h3{font-size:13px;margin:0 0 6px}.panel-subsection p{margin:0 0 14px}.section-control{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:7px}.section-control strong{font-size:11px;flex:1}.section-control small{color:#989d95;font-size:10px}.section-control input{accent-color:var(--green)}.section-control .move{border:0;background:transparent;color:#7b8179;padding:2px}.preview-panel{position:sticky;top:90px}.preview-label{font-size:9px;letter-spacing:.12em;color:#7a856f;background:#edf2e9;padding:6px 8px;border-radius:5px}.hero-preview{min-height:430px;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(90deg,#17251dd9,#17251d30),linear-gradient(135deg,#a9b7a2,#485b4a);background-size:cover;background-position:center;color:#fff}.preview-nav{height:52px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff30;font-size:10px}.preview-nav span:first-child{font-weight:800;font-size:15px}.preview-content{padding:55px 25px 28px;max-width:480px}.preview-content small{font-size:8px;letter-spacing:.15em;color:#dce6da}.preview-content h2{font-size:clamp(25px,3vw,39px);letter-spacing:-.05em;line-height:1.05;margin:16px 0}.preview-content p{font-size:12px;line-height:1.6;color:#edf0eb;max-width:350px}.preview-cta{display:inline-block;background:var(--green);padding:11px 14px;border-radius:6px;font-size:10px;font-weight:800;margin-top:14px}.preview-note{font-size:10px;line-height:1.6;color:#989d95;margin-top:12px}.crm-board{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:10px;overflow:auto;padding-bottom:8px}.crm-column{background:#eef0eb;border:1px solid #e5e8e0;border-radius:10px;padding:10px;min-height:260px}.crm-column-head{display:flex;justify-content:space-between;align-items:center;padding:5px 3px 12px;font-size:11px;font-weight:800}.crm-column-head span{background:#fff;border-radius:20px;padding:3px 7px;font-size:10px}.lead-card{background:#fff;border:1px solid #e1e5dc;border-radius:8px;padding:12px;margin-bottom:8px;box-shadow:0 4px 12px #1a281b06}.lead-card strong{font-size:11px;display:block}.lead-card p{font-size:10px;color:#7d837a;margin:6px 0;line-height:1.5;overflow-wrap:anywhere}.lead-card small{font-size:9px;color:#9a9f97}.lead-card select{width:100%;margin-top:10px;border:1px solid var(--line);border-radius:6px;padding:7px;font-size:10px;background:#fff}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid .panel h2{margin-bottom:10px}.settings-grid .panel>p{font-size:12px;line-height:1.6}.settings-grid .btn{margin-top:16px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eff0ec;font-size:11px}.bar-chart{height:240px;display:flex;align-items:flex-end;gap:8px;padding:16px 4px 0;border-bottom:1px solid var(--line)}.bar-group{flex:1;min-width:10px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:min(100%,28px);background:linear-gradient(180deg,#8ca891,#2f4d3c);border-radius:5px 5px 0 0;min-height:2px;transition:height .3s}.bar-group small{font-size:9px;color:#969b93}.bar-group span{font-size:9px;color:#6c726a}.source-list{display:grid;gap:12px}.source-row{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:11px}.source-row .source-track{grid-column:1/3;height:5px;border-radius:20px;background:#eef0ec;overflow:hidden}.source-row .source-track span{height:100%;display:block;background:var(--green);border-radius:20px}.modal{border:0;border-radius:16px;padding:0;width:min(780px,calc(100vw - 24px));max-height:90vh;overflow:auto;box-shadow:0 30px 100px #101a1280}.modal::backdrop{background:#101b15a8;backdrop-filter:blur(4px)}.modal form{padding:25px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-head h2{font-size:22px;letter-spacing:-.04em;margin:0}.icon-button{border:0;background:#f0f2ed;border-radius:50%;width:31px;height:31px;font-size:22px;color:#5f675d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#5d645b;min-width:0}.form-grid .control{font-weight:400}.span-2{grid-column:span 2}.checkbox-label{display:flex!important;align-items:center;gap:9px}.checkbox-label input{accent-color:var(--green)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px;padding-top:17px;border-top:1px solid var(--line)}.alert{padding:12px 16px;background:#fff3d8;border-bottom:1px solid #f0dfb9;color:#75561c;font-size:12px}.toast{position:fixed;right:24px;bottom:24px;background:#17261c;color:#fff;padding:12px 17px;border-radius:9px;font-size:12px;box-shadow:0 10px 40px #0002;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:30}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1100px){.sidebar{width:215px}.main-area{margin-left:215px}.view{padding:26px 22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.editor-layout{grid-template-columns:1fr}.preview-panel{position:static}.crm-board{grid-template-columns:repeat(5,190px)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:250px;box-shadow:12px 0 35px #14211710}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{padding:0 16px;height:62px}.mobile-menu{display:block}.top-actions .btn{display:none}.view{padding:24px 15px 40px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .btn{width:100%}.metric-grid{gap:9px}.metric-card{padding:15px;min-height:124px}.metric-card strong{font-size:28px}.metric-card>span:first-child{max-width:120px;line-height:1.4}.metric-icon{right:12px;top:12px}.panel{padding:16px}.content-grid,.settings-grid{grid-template-columns:1fr}.property-mini-grid{grid-template-columns:1fr 1fr}.property-mini:nth-child(3){display:none}.toolbar{flex-wrap:wrap}.toolbar .search-control{max-width:none;flex:1 1 100%}.toolbar .control:not(.search-control){flex:1}.toolbar .muted{margin-left:0}.editor-layout{grid-template-columns:1fr}.preview-panel{order:-1}.hero-preview{min-height:350px}.preview-content{padding:42px 18px 24px}.preview-nav span:last-child{display:none}.crm-board{grid-template-columns:repeat(5,220px)}.modal form{padding:18px}.form-grid{gap:10px}.login-card{padding:28px 22px}.topbar .crumb{display:none}}@media(max-width:420px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card strong{font-size:25px}.property-mini-grid{grid-template-columns:1fr}.property-mini:nth-child(3){display:block}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.two-col{grid-template-columns:1fr 1fr}.page-heading h1{font-size:30px}}