:root {
    --primary: #003344;
    --primary-2: #064a5f;
    --primary-soft: #e9f2f4;
    --gold: #c6a15b;
    --gold-dark: #9f7c3c;
    --gold-soft: #f7f1e5;
    --bg: #f4f7f8;
    --surface: #ffffff;
    --surface-2: #f8fafb;
    --surface-3: #eef3f4;
    --text: #17272d;
    --muted: #708188;
    --muted-2: #9aabb1;
    --border: #e2eaec;
    --danger: #d84c5a;
    --danger-soft: #fcebed;
    --success: #208a66;
    --success-soft: #e7f6f0;
    --warning: #bb7b1d;
    --warning-soft: #fff4de;
    --blue: #3976d9;
    --purple: #7765c8;
    --rose: #cb5d82;
    --orange: #d87b3d;
    --shadow-xs: 0 1px 2px rgba(0, 35, 46, .04);
    --shadow-sm: 0 8px 25px rgba(0, 35, 46, .055);
    --shadow-md: 0 18px 50px rgba(0, 35, 46, .09);
    --radius-sm: 10px;
    --radius: 16px;
    --radius-lg: 22px;
    --sidebar-width: 282px;
    --topbar-height: 82px;
    color-scheme: light;
}

html[data-theme="dark"] {
    --bg: #09181d;
    --surface: #102329;
    --surface-2: #142a31;
    --surface-3: #1a3239;
    --text: #edf4f5;
    --muted: #9eb0b6;
    --muted-2: #71878e;
    --border: #284047;
    --primary-soft: #173842;
    --gold-soft: #3a3224;
    --danger-soft: #3b2429;
    --success-soft: #17382f;
    --warning-soft: #3e3220;
    --shadow-sm: 0 8px 30px rgba(0, 0, 0, .16);
    --shadow-md: 0 20px 55px rgba(0, 0, 0, .28);
    color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "DM Sans", sans-serif; color: var(--text); background: var(--bg); font-size: 14px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
svg { width: 19px; height: 19px; stroke-width: 1.8; }
[hidden] { display: none !important; }

.app-shell { min-height: 100vh; }
.sidebar { width: var(--sidebar-width); position: fixed; inset: 0 auto 0 0; z-index: 60; background: linear-gradient(180deg, #003344 0%, #002b39 72%, #00232f 100%); color: #fff; display: flex; flex-direction: column; transition: width .28s ease, transform .28s ease; overflow: hidden; }
.sidebar::before { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: rgba(198,161,91,.08); filter: blur(1px); top: -100px; right: -110px; pointer-events: none; }
.sidebar-brand { height: var(--topbar-height); padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.08); flex: 0 0 auto; }
.brand-mark { display: inline-flex; align-items: center; gap: 11px; color: #fff; min-width: 196px; }
.brand-uploaded-logo{display:block;max-width:205px;max-height:46px;width:auto;height:auto;object-fit:contain;object-position:left center}
.brand-mark > span:last-child { display: flex; flex-direction: column; white-space: nowrap; }
.brand-mark strong { font: 800 17px/1 "Manrope", sans-serif; letter-spacing: .12em; }
.brand-mark small { margin-top: 6px; font-size: 7px; letter-spacing: .22em; opacity: .65; }
.brand-icon { width: 36px; height: 36px; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding: 7px; border: 1px solid rgba(198,161,91,.55); border-radius: 10px 10px 4px 4px; transform: rotate(45deg); flex: 0 0 auto; }
.brand-icon i { display: block; width: 4px; background: var(--gold); border-radius: 3px 3px 0 0; transform: rotate(-45deg); transform-origin: bottom; }
.brand-icon i:nth-child(1){height: 9px}.brand-icon i:nth-child(2){height: 17px}.brand-icon i:nth-child(3){height: 12px}
.sidebar-collapse { width: 34px; height: 34px; border: 0; background: rgba(255,255,255,.08); color: rgba(255,255,255,.75); border-radius: 9px; display: grid; place-items: center; cursor: pointer; transition: .2s; }
.sidebar-collapse:hover { background: rgba(255,255,255,.14); color: #fff; }
.sidebar-nav { flex: 1; overflow-y: auto; padding: 18px 14px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.14) transparent; }
.nav-group + .nav-group { margin-top: 22px; }
.nav-label { margin: 0 12px 8px; font-size: 9px; line-height: 1; font-weight: 700; text-transform: uppercase; letter-spacing: .17em; color: rgba(255,255,255,.35); white-space: nowrap; }
.nav-link { width: 100%; display: flex; align-items: center; min-height: 44px; padding: 0 12px; gap: 12px; color: rgba(255,255,255,.72); border: 0; background: transparent; border-radius: 11px; cursor: pointer; text-align: left; transition: background .18s, color .18s, transform .18s; position: relative; white-space: nowrap; }
.nav-link:hover { background: rgba(255,255,255,.065); color: #fff; }
.nav-link.active { background: linear-gradient(100deg, rgba(198,161,91,.2), rgba(198,161,91,.08)); color: #fff; box-shadow: inset 3px 0 var(--gold); }
.nav-icon { width: 22px; height: 22px; display: grid; place-items: center; flex: 0 0 auto; }
.nav-icon svg { width: 18px; height: 18px; }
.nav-text { flex: 1; font-weight: 500; font-size: 13.5px; }
.nav-chevron { display: grid; place-items: center; transition: transform .22s; }
.nav-chevron svg { width: 15px; }
.nav-tree.open .nav-chevron { transform: rotate(180deg); }
.nav-children { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }
.nav-children::before { content: ""; display: block; position: absolute; }
.nav-tree.open .nav-children { grid-template-rows: 1fr; padding: 5px 0 7px; }
.nav-children > * { overflow: hidden; }
.nav-child { min-height: 34px; display: flex; align-items: center; gap: 10px; padding: 0 14px 0 47px; font-size: 12.5px; color: rgba(255,255,255,.53); position: relative; transition: .18s; }
.nav-child::before { content: ""; position: absolute; left: 23px; top: 0; bottom: 0; width: 1px; background: rgba(255,255,255,.09); }
.nav-child i { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.22); z-index: 1; }
.nav-child:hover, .nav-child.active { color: #fff; }
.nav-child.active i { background: var(--gold); box-shadow: 0 0 0 4px rgba(198,161,91,.13); }
.sidebar-foot { padding: 13px 14px 15px; border-top: 1px solid rgba(255,255,255,.08); }
.storage-widget { padding: 13px; border-radius: 12px; background: rgba(255,255,255,.055); margin-bottom: 11px; white-space: nowrap; }
.storage-top { display: flex; justify-content: space-between; font-size: 11px; color: rgba(255,255,255,.65); }.storage-top strong{color:#fff}
.progress { height: 5px; border-radius: 10px; background: var(--surface-3); overflow: hidden; }
.storage-widget .progress { margin: 9px 0 7px; background: rgba(255,255,255,.1); }.progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#ddc184)}
.storage-widget small { font-size: 10px; color: rgba(255,255,255,.4); }
.sidebar-user { display: grid; grid-template-columns: 36px minmax(0,1fr) 28px; gap: 9px; align-items: center; padding: 6px; }
.avatar { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: linear-gradient(135deg, #d4b36f, #9a7536); color: #fff; font-weight: 700; flex: 0 0 auto; overflow: hidden; }.avatar img{width:100%;height:100%;object-fit:cover}
.sidebar-user > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; white-space: nowrap; }.sidebar-user strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:9px;color:rgba(255,255,255,.45);overflow:hidden;text-overflow:ellipsis}
.sidebar-user form button { width: 28px; height: 28px; display: grid; place-items: center; border: 0; background: transparent; color: rgba(255,255,255,.5); cursor: pointer; }.sidebar-user form button svg{width:16px}

.app-stage { min-height: 100vh; margin-left: var(--sidebar-width); transition: margin .28s ease; }
.topbar { height: var(--topbar-height); position: sticky; top: 0; z-index: 45; background: color-mix(in srgb, var(--surface) 92%, transparent); backdrop-filter: blur(18px); border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; padding: 0 28px; }
.topbar-left, .topbar-actions { display: flex; align-items: center; }.topbar-left{gap:14px}.topbar-actions{gap:9px}
.page-heading p { margin: 0 0 2px; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; color: var(--muted); }.page-heading h1{margin:0;font:700 21px/1.2 "Manrope",sans-serif}
.icon-button { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--border); background: var(--surface); border-radius: 11px; cursor: pointer; color: var(--muted); transition: .18s; }.icon-button:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 25%,var(--border));transform:translateY(-1px);box-shadow:var(--shadow-xs)}
.mobile-menu { display: none; }
.global-search { width: 260px; height: 40px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--border); background: var(--surface-2); border-radius: 11px; padding: 0 10px 0 12px; color: var(--muted); transition: .2s; }.global-search:focus-within{width:300px;background:var(--surface);border-color:rgba(0,51,68,.25);box-shadow:0 0 0 3px rgba(0,51,68,.06)}.global-search svg{width:17px}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.global-search kbd{font-size:9px;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:2px 5px;color:var(--muted-2)}
.notification-button { position: relative; }.notification-button i{position:absolute;width:7px;height:7px;background:#df5d69;border:2px solid var(--surface);border-radius:50%;top:8px;right:8px}
.dropdown { position: relative; }
.dropdown-panel { position: absolute; top: calc(100% + 10px); right: 0; z-index: 100; min-width: 220px; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 7px; box-shadow: var(--shadow-md); opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.985); transform-origin: top right; transition: .16s; }.dropdown-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.notification-panel { width: 370px; padding: 0; overflow: hidden; }.dropdown-title{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--border)}.dropdown-title>div{display:flex;flex-direction:column}.dropdown-title strong{font:700 14px "Manrope"}.dropdown-title small{color:var(--muted);font-size:10px}.text-button{border:0;background:transparent;color:var(--primary);font-size:11px;font-weight:600;cursor:pointer;padding:0}
.notification-item { display: grid; grid-template-columns: 38px 1fr; gap: 11px; padding: 13px 18px; border-bottom: 1px solid var(--border); position: relative; }.notification-item:last-child{border:0}.notification-item.unread::after{content:"";position:absolute;right:12px;top:18px;width:6px;height:6px;background:var(--gold);border-radius:50%}.notification-icon,.action-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.notification-icon svg,.action-icon svg{width:17px}.notification-icon.teal,.action-icon.teal{color:var(--primary);background:var(--primary-soft)}.notification-icon.gold,.action-icon.gold{color:var(--gold-dark);background:var(--gold-soft)}.notification-icon.blue,.action-icon.blue{color:var(--blue);background:#ebf1fc}.action-icon.purple{color:var(--purple);background:#f0edfb}.notification-item div{min-width:0}.notification-item strong{font-size:12px}.notification-item p{margin:1px 0;color:var(--muted);font-size:10.5px}.notification-item small{font-size:9px;color:var(--muted-2)}
.profile-trigger { display: flex; align-items: center; gap: 9px; border: 0; background: transparent; cursor: pointer; padding: 2px 0 2px 4px; }.profile-trigger>svg{width:14px;color:var(--muted)}.profile-copy{display:flex;flex-direction:column;text-align:left;min-width:85px}.profile-copy strong{font-size:11.5px;line-height:1.3}.profile-copy small{font-size:9.5px;color:var(--muted)}
.profile-menu a,.profile-menu button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:9px 10px;border-radius:8px;font-size:12px;cursor:pointer;text-align:left;color:var(--text)}.profile-menu a:hover,.profile-menu button:hover{background:var(--surface-2)}.profile-menu svg{width:16px;color:var(--muted)}.profile-menu hr,.row-menu hr{border:0;border-top:1px solid var(--border);margin:5px}
.page-content { padding: 24px 28px 40px; max-width: 1700px; margin: 0 auto; }
.sidebar-backdrop { display: none; position: fixed; inset: 0; background: rgba(0,25,34,.55); z-index: 55; backdrop-filter: blur(3px); }

.welcome-panel { min-height: 190px; position: relative; overflow: hidden; border-radius: var(--radius-lg); color: #fff; background: linear-gradient(112deg, #003344 0%, #075269 72%, #0b6077 100%); padding: 30px 33px; display: flex; align-items: center; justify-content: space-between; gap: 30px; box-shadow: var(--shadow-sm); }
.welcome-panel::before{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-75px;top:-175px}.welcome-panel::after{content:"";position:absolute;width:160px;height:160px;background:radial-gradient(circle,rgba(198,161,91,.28),transparent 70%);right:24%;bottom:-100px}.welcome-panel>div:first-child{max-width:690px;position:relative;z-index:2}.welcome-kicker{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:rgba(255,255,255,.7)}.welcome-kicker i{width:18px;height:1px;background:var(--gold)}.welcome-panel h2{margin:10px 0 7px;font:700 clamp(25px,2.2vw,34px)/1.2 "Manrope"}.welcome-panel p{margin:0;color:rgba(255,255,255,.67);max-width:590px;font-size:13px}.quick-actions{display:flex;gap:9px;position:relative;z-index:2;flex-wrap:wrap;justify-content:flex-end}.button{min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:0 16px;font-size:12px;font-weight:600;cursor:pointer;transition:.18s;white-space:nowrap}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button svg{width:16px}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-2)}.button-gold{background:linear-gradient(135deg,#d3b36f,var(--gold));color:#183038}.button-light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(8px)}.button-light:hover{background:rgba(255,255,255,.17)}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button-secondary:hover{border-color:rgba(0,51,68,.25);color:var(--primary)}.button-ghost{background:transparent;color:var(--muted)}.button-small{min-height:34px;padding:0 11px;font-size:11px}.button-block{width:100%}.orbit-one,.orbit-two{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.orbit-one{width:110px;height:110px;right:31%;top:-50px}.orbit-two{width:60px;height:60px;right:36%;bottom:-30px}

.kpi-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 16px 0; }.kpi-grid-six{grid-template-columns:repeat(6,minmax(0,1fr))}
.kpi-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 17px 18px; box-shadow: var(--shadow-xs); transition: .2s; min-width:0; }.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:color-mix(in srgb,var(--primary) 13%,var(--border))}.kpi-head{display:flex;justify-content:space-between;align-items:center}.kpi-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px}.kpi-icon svg{width:18px}.kpi-icon.teal{color:var(--primary);background:var(--primary-soft)}.kpi-icon.gold{color:var(--gold-dark);background:var(--gold-soft)}.kpi-icon.green{color:var(--success);background:var(--success-soft)}.kpi-icon.blue{color:var(--blue);background:#eaf1fd}.kpi-icon.purple{color:var(--purple);background:#efecfb}.kpi-icon.cyan{color:#1a8291;background:#e7f6f8}.kpi-icon.rose{color:var(--rose);background:#f9edf1}.kpi-icon.orange{color:var(--orange);background:#fbf0e9}.ghost-icon{border:0;background:transparent;color:var(--muted-2);cursor:pointer;padding:4px}.ghost-icon svg{width:17px}.kpi-value{display:block;font:700 25px/1.2 "Manrope";margin-top:13px}.kpi-label{display:block;color:var(--muted);font-size:11px;margin-top:1px}.kpi-trend{display:flex;align-items:center;gap:6px;margin-top:11px;color:var(--muted);font-size:9.5px}.kpi-trend i{width:5px;height:5px;background:var(--success);border-radius:50%;box-shadow:0 0 0 3px var(--success-soft)}
.panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-xs); }
.dashboard-grid{display:grid;gap:16px;margin-bottom:16px}.dashboard-grid-main{grid-template-columns:minmax(0,1.8fr) minmax(300px,.72fr)}.dashboard-grid-wide{grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr)}
.chart-panel,.action-panel,.activity-panel,.property-showcase{padding:21px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-kicker{display:block;text-transform:uppercase;font-size:8.5px;letter-spacing:.15em;color:var(--gold-dark);font-weight:700;margin-bottom:4px}.panel-heading h3{margin:0;font:700 16px/1.3 "Manrope"}.panel-heading p{margin:3px 0 0;color:var(--muted);font-size:10.5px}.segmented{background:var(--surface-2);border:1px solid var(--border);padding:3px;border-radius:9px;display:flex}.segmented button{border:0;background:transparent;color:var(--muted);font-size:9px;padding:5px 9px;border-radius:6px;cursor:pointer}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.chart-legend{display:flex;justify-content:flex-end;gap:17px;margin:10px 2px 0;color:var(--muted);font-size:9.5px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:16px;height:3px;border-radius:4px}.legend-primary{background:var(--primary)}.legend-gold{background:var(--gold)}.chart-wrap{height:245px;margin-top:0;position:relative}.chart-wrap canvas{width:100%!important;height:100%!important}
.action-stack{display:flex;flex-direction:column;margin-top:12px}.action-stack>a{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:11px;padding:10px 4px;border-bottom:1px solid var(--border);transition:.18s}.action-stack>a:last-child{border:0}.action-stack>a:hover{padding-left:8px}.action-stack>a>span:nth-child(2){display:flex;flex-direction:column}.action-stack strong{font-size:11.5px}.action-stack small{color:var(--muted);font-size:9.5px}.action-stack>a>i{color:var(--muted-2);display:grid}.action-stack>a>i svg{width:15px}
.table-panel{overflow:visible}.table-panel>.panel-heading{padding:19px 20px 12px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:10.5px;font-weight:600}.text-link svg{width:14px}.table-responsive{overflow-x:auto;scrollbar-width:thin}.premium-table{width:100%;border-collapse:collapse;min-width:750px}.premium-table th{text-align:left;font-size:8.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;background:var(--surface-2);padding:10px 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap}.premium-table td{padding:11px 14px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted);vertical-align:middle}.premium-table tbody tr:last-child td{border-bottom:0}.premium-table tbody tr{transition:.15s}.premium-table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.premium-table td>strong,.table-title{color:var(--text);font-weight:600}.table-title{display:block;margin-top:4px}.table-sub{display:block;color:var(--muted-2);font-size:9px;margin-top:2px}.row-unread td:first-child{box-shadow:inset 3px 0 var(--gold)}.property-cell{display:flex;align-items:center;gap:10px;min-width:205px}.property-cell>span:last-child{display:flex;flex-direction:column;min-width:0}.property-cell strong{color:var(--text);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.property-thumb{width:43px;height:38px;border-radius:9px;background:var(--surface-3);display:grid;place-items:center;color:var(--muted);overflow:hidden;flex:0 0 auto}.property-thumb img{width:100%;height:100%;object-fit:cover}.property-thumb svg{width:17px}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;font-size:8.5px;font-weight:700;text-transform:capitalize;white-space:nowrap}.status-approved,.status-active,.status-resolved,.status-completed{color:var(--success);background:var(--success-soft)}.status-pending,.status-waiting,.status-open{color:var(--warning);background:var(--warning-soft)}.status-rejected,.status-suspended,.status-cancelled{color:var(--danger);background:var(--danger-soft)}.status-draft,.status-closed{color:var(--muted);background:var(--surface-3)}.status-new{color:var(--blue);background:#ebf1fd}.status-in_progress{color:var(--purple);background:#f0edfb}.status-sold{color:var(--primary);background:var(--primary-soft)}.status i{width:5px;height:5px;background:currentColor;border-radius:50%}.tiny-featured{display:inline-grid;color:var(--gold-dark);margin-left:4px}.tiny-featured svg{width:11px;fill:currentColor}.table-action{width:29px;height:29px;border:1px solid var(--border);background:var(--surface);border-radius:8px;display:inline-grid;place-items:center;color:var(--muted);cursor:pointer}.table-action:hover{color:var(--primary);border-color:rgba(0,51,68,.25)}.table-action svg{width:14px}.table-action.danger,.row-menu .danger{color:var(--danger)}.row-actions{display:flex;align-items:center;gap:5px;justify-content:flex-end}.row-menu{min-width:185px;z-index:120}.row-menu a,.row-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:8px 9px;border:0;background:transparent;border-radius:7px;font-size:10.5px;text-align:left;cursor:pointer}.row-menu a:hover,.row-menu button:hover{background:var(--surface-2)}.row-menu svg{width:14px;color:var(--muted)}.user-cell{display:flex;align-items:center;gap:8px}.user-cell>i{width:29px;height:29px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-style:normal;display:grid;place-items:center;font-weight:700;font-size:10px;overflow:hidden;flex:0 0 auto}.user-cell>i img{width:100%;height:100%;object-fit:cover}.user-cell>span{display:flex;flex-direction:column}.user-cell strong{color:var(--text);font-size:10.5px}.user-cell small{font-size:8.5px;color:var(--muted)}.soft-pill,.tiny-tag{display:inline-block;background:var(--surface-3);border-radius:7px;padding:3px 7px;color:var(--muted);font-size:8.5px}.tiny-tag{margin:2px}.color-swatch{width:15px;height:15px;border-radius:5px;background:var(--swatch);display:inline-block;vertical-align:middle;margin-right:6px}.record-count{color:var(--muted);font-size:10px;margin-left:auto}.empty-mini{padding:20px;text-align:center;color:var(--muted);font-size:11px}.empty-mini a{color:var(--primary);font-weight:600}.empty-state{text-align:center;padding:52px 22px;color:var(--muted);grid-column:1/-1}.empty-state>svg{width:38px;height:38px;color:var(--gold);margin-bottom:10px}.empty-state h3{font:700 17px "Manrope";color:var(--text);margin:0 0 5px}.empty-state p{margin:0 0 15px}.pagination-wrap{padding:13px 18px;display:flex;justify-content:flex-end}.pagination{display:flex;gap:4px;list-style:none;margin:0;padding:0}.page-link{min-width:30px;height:30px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:10px;color:var(--muted)}.page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:#fff}.page-item.disabled .page-link{opacity:.45}.activity-panel{min-height:300px}.timeline{margin-top:14px}.timeline-item{display:grid;grid-template-columns:15px 1fr;gap:9px;position:relative;padding-bottom:15px}.timeline-item:not(:last-child)::after{content:"";position:absolute;width:1px;top:13px;bottom:0;left:4px;background:var(--border)}.timeline-dot{width:9px;height:9px;background:var(--surface);border:2px solid var(--gold);border-radius:50%;margin-top:4px;z-index:1}.timeline-item p{margin:0;font-size:10.5px;color:var(--text)}.timeline-item small{font-size:8.5px;color:var(--muted)}

.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.page-toolbar h2{margin:0 0 3px;font:700 20px/1.3 "Manrope"}.page-toolbar p{margin:0;color:var(--muted);font-size:11px}.toolbar-actions{display:flex;align-items:center;gap:8px}.toolbar-actions select{height:41px}.sticky-actions{position:relative;z-index:5}.back-link{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;margin-bottom:6px}.back-link:hover{color:var(--primary)}.back-link svg{width:14px}.toolbar-metric{background:var(--surface);border:1px solid var(--border);padding:8px 14px;border-radius:11px;display:flex;flex-direction:column}.toolbar-metric span{font-size:8.5px;color:var(--muted);text-transform:uppercase}.toolbar-metric strong{font:700 17px "Manrope"}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.stat-strip>a{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;transition:.18s}.stat-strip>a:hover,.stat-strip>a.active{border-color:color-mix(in srgb,var(--primary) 32%,var(--border));box-shadow:var(--shadow-xs)}.stat-strip>a.active{box-shadow:inset 3px 0 var(--gold)}.stat-strip span{font-size:10px;color:var(--muted)}.stat-strip strong{font:700 17px "Manrope"}.filter-bar{display:flex;align-items:center;gap:8px;padding:13px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.filter-bar select,.filter-bar>input,.toolbar-actions select{height:37px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:0 28px 0 10px;font-size:10.5px;outline:0}.filter-search{height:37px;min-width:240px;flex:1;max-width:380px;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;display:flex;align-items:center;gap:7px;padding:0 10px;color:var(--muted)}.filter-search input{border:0;background:transparent;outline:0;flex:1;min-width:0;color:var(--text);font-size:10.5px}.filter-search svg{width:15px}.filter-bar .button{min-height:37px}.priority{font-size:8px;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.priority-urgent,.priority-high{color:var(--danger)}.priority-normal{color:var(--blue)}.priority-low{color:var(--muted)}

.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px;align-items:start}.form-main,.form-aside{display:flex;flex-direction:column;gap:16px}.form-aside{position:sticky;top:calc(var(--topbar-height) + 16px)}.form-card,.settings-card{padding:22px}.form-section-head{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:18px}.form-section-head>span{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font:700 10px "Manrope";display:grid;place-items:center}.form-section-head h3,.settings-card-head h3{font:700 15px "Manrope";margin:0}.form-section-head p,.settings-card-head p{margin:2px 0 0;color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span,.field-label-row>span{font-size:9.5px;font-weight:600;color:var(--text)}.field>span small{font-weight:400;color:var(--muted)}.field input,.field select,.field textarea,.reply-box textarea,.review-reply-form textarea{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;outline:0;padding:10px 11px;font-size:11px;transition:.18s}.field input,.field select{height:41px}.field input:focus,.field select:focus,.field textarea:focus,.reply-box textarea:focus{border-color:rgba(0,51,68,.35);background:var(--surface);box-shadow:0 0 0 3px rgba(0,51,68,.055)}.field textarea{resize:vertical;line-height:1.6}.field>small{font-size:8.5px;color:var(--muted)}.field-span-2{grid-column:span 2}.secondary-input{margin-top:2px;border-style:dashed!important}.input-group{display:grid;grid-template-columns:minmax(0,1fr) 90px}.input-group input{border-radius:10px 0 0 10px}.input-group select{border-radius:0 10px 10px 0;border-left:0}.upload-zone{min-height:155px;border:1.5px dashed color-mix(in srgb,var(--primary) 25%,var(--border));background:var(--surface-2);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;cursor:pointer;transition:.2s;margin-bottom:14px}.upload-zone:hover,.upload-zone.dragover{border-color:var(--gold);background:var(--gold-soft)}.upload-zone input{display:none}.upload-zone>svg,.upload-icon{width:37px;height:37px;color:var(--primary);margin-bottom:8px}.upload-zone strong{font-size:11px}.upload-zone p{margin:2px 0;color:var(--muted);font-size:9px}.upload-preview{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px}.uploaded-image{height:85px;border-radius:10px;overflow:hidden;position:relative;background:var(--surface-3)}.uploaded-image img{width:100%;height:100%;object-fit:cover}.uploaded-image button{position:absolute;right:4px;top:4px;width:21px;height:21px;border:0;border-radius:6px;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;line-height:1}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.choice-card{position:relative}.choice-card input{position:absolute;opacity:0}.choice-card>span{display:none}.choice-card strong{display:flex;align-items:center;min-height:41px;border:1px solid var(--border);border-radius:10px;padding:0 11px;font-size:9.5px;font-weight:500;cursor:pointer;background:var(--surface-2);transition:.16s}.choice-card input:checked~strong{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);box-shadow:inset 3px 0 var(--primary)}.dynamic-fields{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.dynamic-fields-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dynamic-fields-head strong{font-size:10px}.dynamic-row{display:grid;grid-template-columns:1fr 1fr 33px;gap:8px;margin-top:8px}.dynamic-row input{height:39px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;padding:0 10px;font-size:10px}.dynamic-row button{border:1px solid var(--border);background:var(--surface);color:var(--danger);border-radius:9px}.publish-card,.tips-card,.meta-card{padding:19px}.publish-icon{width:38px;height:38px;border-radius:11px;background:var(--gold-soft);color:var(--gold-dark);display:grid;place-items:center}.publish-card h3,.tips-card h3,.meta-card h3{font:700 13px "Manrope";margin:11px 0}.quality-score{display:flex;align-items:baseline}.quality-score strong{font:700 27px "Manrope"}.quality-score span{font-size:10px;color:var(--muted)}.publish-card>.progress{margin:7px 0 13px}.publish-card ul,.tips-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.publish-card li{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9.5px}.publish-card li svg{width:14px}.publish-card li.done{color:var(--success)}.tips-card h3{display:flex;align-items:center;gap:7px}.tips-card h3 svg{width:16px;color:var(--gold-dark)}.tips-card p{font-size:10px;color:var(--muted)}.tips-card a{font-size:9.5px;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:5px}.tips-card a svg{width:13px}.meta-card dl,.detail-card dl{margin:0}.meta-card dl div,.detail-card dl div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border)}.meta-card dt,.detail-card dt{color:var(--muted);font-size:9px}.meta-card dd,.detail-card dd{margin:0;font-size:9.5px;font-weight:600}.editor-toolbar{height:38px;display:flex;align-items:center;gap:3px;border:1px solid var(--border);border-bottom:0;border-radius:10px 10px 0 0;padding:4px 7px;background:var(--surface)}.editor-toolbar button{width:28px;height:28px;border:0;background:transparent;border-radius:6px;font-size:10px;cursor:pointer}.editor-toolbar button:hover{background:var(--surface-3)}.editor-toolbar+textarea{border-radius:0 0 10px 10px!important}.cms-image-preview{width:180px;height:95px;border-radius:10px;object-fit:cover;margin-top:4px}.search-preview{padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.search-preview small{color:var(--success);font-size:9px}.search-preview h4{color:#3974c6;margin:3px 0;font:500 15px serif}.search-preview p{margin:0;color:var(--muted);font-size:10px}.form-save-bar,.settings-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.form-save-bar span,.settings-footer span{font-size:9.5px;color:var(--muted)}

.switch-row{display:flex;align-items:center;gap:11px;position:relative;cursor:pointer;padding:8px 0}.switch-row input{position:absolute;opacity:0}.switch-row>i{width:38px;height:21px;border-radius:20px;background:var(--surface-3);border:1px solid var(--border);position:relative;transition:.2s;flex:0 0 auto}.switch-row>i::after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:var(--muted-2);transition:.2s}.switch-row input:checked+i{background:var(--primary);border-color:var(--primary)}.switch-row input:checked+i::after{transform:translateX(17px);background:#fff}.switch-row>span{display:flex;flex-direction:column}.switch-row strong{font-size:10px}.switch-row small{font-size:8.5px;color:var(--muted)}.switch-list{display:flex;flex-direction:column}.switch-list .switch-row+.switch-row{border-top:1px solid var(--border)}

.modal{position:fixed;inset:0;z-index:200;background:rgba(0,27,36,.55);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.18s}.modal.open{opacity:1;visibility:visible}.modal-dialog{width:min(560px,100%);max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md);transform:translateY(12px) scale(.98);transition:.18s}.modal.open .modal-dialog{transform:translateY(0) scale(1)}.modal-large{width:min(840px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-head h3{font:700 16px "Manrope";margin:0}.modal-head p{margin:2px 0 0;color:var(--muted);font-size:9.5px}.modal-head>button{border:0;background:var(--surface-3);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:18px}.modal-body{padding:20px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border)}
.toast{position:fixed;right:22px;top:96px;z-index:300;min-width:290px;max-width:420px;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:8px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-md);animation:toastIn .3s ease both}.toast svg{width:18px}.toast p{margin:0;font-size:10.5px}.toast button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:17px}.toast-success svg{color:var(--success)}.toast-warning svg{color:var(--warning)}.toast.hide{opacity:0;transform:translateX(20px);transition:.25s}@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;margin-bottom:15px;border:1px solid}.alert>svg{width:18px;flex:0 0 auto}.alert strong{font-size:10.5px}.alert p{margin:2px 0 0;font-size:10px}.alert ul{margin:3px 0 0;padding-left:17px;font-size:9.5px}.alert-danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 25%,transparent);color:var(--danger)}
.command-palette{position:fixed;inset:0;z-index:400;background:rgba(0,26,34,.55);backdrop-filter:blur(6px);padding-top:13vh}.command-dialog{width:min(620px,calc(100% - 30px));margin:auto;background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow-md);overflow:hidden}.command-input{height:57px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid var(--border)}.command-input input{flex:1;border:0;background:transparent;outline:0;color:var(--text)}.command-input kbd{font-size:9px;color:var(--muted);border:1px solid var(--border);padding:3px 6px;border-radius:5px}.command-results{max-height:320px;overflow:auto;padding:8px}.command-results a{display:flex;align-items:center;gap:10px;padding:9px;border-radius:8px;font-size:11px}.command-results a:hover{background:var(--surface-2)}

.conversation-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px}.conversation-panel{overflow:hidden}.message-thread{padding:20px;min-height:330px;display:flex;flex-direction:column;gap:12px}.message-bubble{max-width:76%;padding:12px 14px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border)}.message-bubble.outbound{align-self:flex-end;background:var(--primary);border-color:var(--primary);color:#fff}.message-bubble.private-note{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 20%,var(--border));color:var(--text)}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.message-meta strong{font-size:9.5px}.message-meta small{font-size:8px;color:var(--muted)}.outbound .message-meta small{color:rgba(255,255,255,.55)}.message-bubble p{margin:6px 0 0;font-size:10.5px;white-space:pre-wrap}.reply-box{border-top:1px solid var(--border);padding:14px}.reply-box textarea{resize:vertical}.reply-box>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.checkbox-inline{display:flex;align-items:center;gap:7px;font-size:9.5px;color:var(--muted);cursor:pointer}.conversation-aside{display:flex;flex-direction:column;gap:14px}.detail-card{padding:17px}.detail-card h3{font:700 13px "Manrope";margin:0 0 10px}.detail-card form{display:flex;flex-direction:column;gap:12px}
.calendar-panel{padding:15px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week span{text-align:center;font-size:8.5px;font-weight:700;text-transform:uppercase;color:var(--muted);padding:7px}.calendar-day{min-height:118px;border-top:1px solid var(--border);border-left:1px solid var(--border);padding:8px;background:var(--surface)}.calendar-day:nth-child(7n){border-right:1px solid var(--border)}.calendar-day strong{font-size:10px}.calendar-day.muted{color:var(--muted-2);background:var(--surface-2)}.calendar-day.today>strong{width:24px;height:24px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center}.calendar-event{display:block;margin-top:5px;padding:5px 6px;border-radius:7px;background:var(--primary-soft);border-left:3px solid var(--primary)}.calendar-event span,.calendar-event small{display:block;font-size:7.5px}.calendar-event small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.status-border-pending{border-left-color:var(--warning)}.status-border-approved{border-left-color:var(--success)}.status-border-rejected,.status-border-cancelled{border-left-color:var(--danger)}
.profile-hero{overflow:hidden;margin-bottom:16px}.profile-cover{height:105px;background:linear-gradient(110deg,#003344,#0b6077);position:relative}.profile-cover::after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:5%;top:-170px}.profile-identity{display:flex;align-items:center;gap:15px;padding:0 22px 18px;margin-top:-35px;position:relative}.profile-avatar-large{width:78px;height:78px;border:5px solid var(--surface);border-radius:21px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;display:grid;place-items:center;font:700 24px "Manrope";overflow:hidden;flex:0 0 auto}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-identity>div:nth-child(2){padding-top:37px}.profile-identity h2{font:700 19px "Manrope";margin:0}.profile-identity p{margin:2px 0 6px;color:var(--muted);font-size:10px}.profile-completion{margin-left:auto;padding-top:35px;min-width:180px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:0 8px}.profile-completion strong{font:700 17px "Manrope";grid-row:span 2}.profile-completion span{font-size:8.5px;color:var(--muted)}.profile-completion .progress{margin-top:4px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.settings-nav{position:sticky;top:calc(var(--topbar-height) + 15px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:7px}.settings-nav a{min-height:39px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:8px;color:var(--muted);font-size:10px;transition:.15s}.settings-nav a:hover,.settings-nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.settings-nav svg{width:15px}.settings-content{display:flex;flex-direction:column;gap:15px;min-width:0}.settings-content>form{display:contents}.settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:15px;margin-bottom:17px;border-bottom:1px solid var(--border)}.avatar-upload{display:flex;align-items:center;gap:10px;margin-bottom:18px}.avatar-upload>span{width:58px;height:58px;border-radius:15px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font:700 18px "Manrope";overflow:hidden}.avatar-upload img{width:100%;height:100%;object-fit:cover}.avatar-upload label input{display:none}.avatar-upload small{color:var(--muted);font-size:8.5px}.integration-note,.backup-action{display:flex;align-items:center;gap:11px;padding:13px;background:var(--primary-soft);border-radius:11px;margin-top:18px;color:var(--primary)}.integration-note>svg,.backup-action>svg{width:21px;flex:0 0 auto}.integration-note strong,.backup-action strong{font-size:10px}.integration-note p,.backup-action p{margin:2px 0 0;font-size:9px;color:var(--muted)}.integration-note code{font-size:8.5px}.backup-action .button{margin-left:auto}.settings-footer{margin-top:18px}.builder-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.collection-grid,.mini-property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mini-property-grid{margin-top:16px}.collection-item{min-width:0}.collection-actions{display:flex;gap:6px;padding:9px;background:var(--surface);border:1px solid var(--border);border-top:0;border-radius:0 0 14px 14px}.collection-actions .button{min-width:0;flex:1;padding:0 8px;font-size:9px}.property-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:var(--shadow-xs);transition:.22s;min-width:0}.collection-item .property-card{border-radius:15px 15px 0 0}.property-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.property-card-media{display:block;height:175px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-soft),var(--surface-3))}.property-card-media img{width:100%;height:100%;object-fit:cover;transition:.4s}.property-card:hover .property-card-media img{transform:scale(1.04)}.property-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--primary)}.property-placeholder svg{width:45px;height:45px}.property-purpose,.featured-ribbon{position:absolute;top:11px;padding:5px 8px;border-radius:7px;font-size:8px;font-weight:700}.property-purpose{left:11px;background:rgba(0,51,68,.9);color:#fff}.featured-ribbon{right:11px;background:rgba(246,236,214,.94);color:var(--gold-dark);display:flex;align-items:center;gap:4px}.featured-ribbon svg{width:10px;fill:currentColor}.property-card-body{padding:14px}.property-location{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8.5px;margin:0}.property-location svg{width:12px}.property-card-body h3{font:700 13px/1.4 "Manrope";margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-price{font:700 15px "Manrope";color:var(--primary)}.property-meta{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:8.5px}.property-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:9px}.agent-mini{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8.5px}.agent-mini i{width:23px;height:23px;border-radius:7px;background:var(--primary-soft);color:var(--primary);font-style:normal;display:grid;place-items:center;font-weight:700}.property-card-foot>a{width:27px;height:27px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center}.property-card-foot svg{width:13px}.compare-panel{overflow:hidden}.compare-table{border-collapse:collapse;width:100%;min-width:800px}.compare-table th,.compare-table td{padding:12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);font-size:10px;text-align:left;min-width:170px}.compare-table th:first-child{min-width:130px;background:var(--surface-2);color:var(--muted)}.compare-property img{width:100%;height:105px;border-radius:10px;object-fit:cover;margin-bottom:8px}.compare-property strong,.compare-property small{display:block}.compare-property small{color:var(--muted)}.compare-property button{border:0;background:transparent;color:var(--danger);padding:5px 0;font-size:8.5px;cursor:pointer}
.review-grid,.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.review-card,.role-card{padding:18px}.review-card-head{display:flex;align-items:center;justify-content:space-between}.stars{display:flex;gap:2px;margin:13px 0 7px;color:var(--muted-2)}.stars svg{width:14px}.stars .filled{color:var(--gold);fill:currentColor}.review-card h3{font:700 13px "Manrope";margin:0}.review-card>p{color:var(--muted);font-size:10px;line-height:1.7}.review-property{display:flex;align-items:center;gap:6px;color:var(--primary);font-size:9px}.review-property svg{width:13px}.review-reply{margin-top:12px;padding:10px;background:var(--surface-2);border-left:3px solid var(--gold);border-radius:7px}.review-reply strong{font-size:8.5px}.review-reply p{margin:3px 0 0;font-size:9.5px;color:var(--muted)}.review-reply-form{display:flex;flex-direction:column;gap:6px;margin-top:10px}.review-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px;margin-top:12px}.review-actions select{height:30px;border:1px solid var(--border);background:var(--surface);border-radius:7px;font-size:9px}.role-card-head{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.role-icon{width:42px;height:42px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.role-card h3{font:700 13px "Manrope";margin:0}.role-card p{margin:1px 0;color:var(--muted);font-size:8.5px}.role-stats{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);font-size:9px;color:var(--muted)}.role-stats strong{color:var(--text)}.role-permissions{min-height:76px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;padding:12px 0}.role-permissions span{background:var(--surface-3);padding:3px 6px;border-radius:6px;font-size:8px;color:var(--muted)}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.permission-group{border:1px solid var(--border);border-radius:11px;padding:11px}.permission-group>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.permission-group h4{margin:0;font:700 10px "Manrope"}.permission-group>div button{border:0;background:transparent;color:var(--primary);font-size:8px;cursor:pointer}.permission-group>label{display:flex;gap:7px;align-items:flex-start;padding:5px 0}.permission-group>label span{display:flex;flex-direction:column}.permission-group strong{font-size:8.5px}.permission-group small{font-size:7.5px;color:var(--muted)}.seo-score{display:flex;align-items:center;gap:5px;font-size:8.5px}.seo-score i{width:6px;height:6px;border-radius:50%}.seo-score.good{color:var(--success)}.seo-score.good i{background:var(--success)}.seo-score.warning{color:var(--warning)}.seo-score.warning i{background:var(--warning)}.log-viewer{overflow:hidden}.log-toolbar{height:43px;display:flex;align-items:center;justify-content:space-between;background:#12262c;color:#d8e4e6;padding:0 14px}.log-toolbar span{display:flex;align-items:center;gap:7px;font-size:10px}.log-toolbar i{width:7px;height:7px;border-radius:50%;background:#42c18e}.log-toolbar button{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:7px;padding:5px 8px;display:flex;gap:5px;font-size:8.5px}.log-toolbar svg{width:12px}.log-viewer pre{margin:0;background:#0b1c21;color:#a7c8be;padding:18px;min-height:450px;max-height:650px;overflow:auto;font:9px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.job-description{color:var(--muted);font-size:10.5px;line-height:1.7;margin-bottom:20px}
.dashboard-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.insight-card{padding:19px;min-width:0}.compact-list{margin-top:12px;display:flex;flex-direction:column}.compact-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.compact-list>a:last-child{border-bottom:0}.compact-icon{width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.compact-icon svg{width:15px}.compact-list>a>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.compact-list strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-list small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-list em{font-style:normal;font-size:8.5px;color:var(--muted);white-space:nowrap}.map-pulse{display:flex;align-items:center;gap:5px;color:var(--success);font-size:8px}.map-pulse i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.map-insight{display:grid;grid-template-columns:105px 1fr;gap:14px;margin-top:14px}.abstract-map{height:155px;border-radius:12px;background:linear-gradient(145deg,var(--primary-soft),var(--surface-3));position:relative;overflow:hidden}.abstract-map::before,.abstract-map::after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:45%}.abstract-map::before{width:95px;height:70px;left:-15px;top:17px;transform:rotate(-18deg)}.abstract-map::after{width:80px;height:95px;right:-28px;bottom:-17px;transform:rotate(22deg)}.abstract-map i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 18%,transparent);z-index:2}.abstract-map i:nth-child(1){left:28px;top:42px}.abstract-map i:nth-child(2){right:24px;top:71px}.abstract-map i:nth-child(3){left:51px;bottom:26px}.location-bars{display:flex;flex-direction:column;justify-content:center;gap:9px}.location-bars>div{display:grid;grid-template-columns:1fr 25px;position:relative;padding-bottom:5px}.location-bars span,.location-bars strong{font-size:8px}.location-bars span{color:var(--muted)}.location-bars strong{text-align:right}.location-bars i{position:absolute;left:0;bottom:0;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--gold))}
.reveal{animation:reveal .5s ease both}.reveal:nth-child(2){animation-delay:.04s}.reveal:nth-child(3){animation-delay:.08s}.reveal:nth-child(4){animation-delay:.12s}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.app-shell.sidebar-collapsed .sidebar{width:78px}.app-shell.sidebar-collapsed .app-stage{margin-left:78px}.app-shell.sidebar-collapsed .sidebar-brand{padding:0 20px}.app-shell.sidebar-collapsed .brand-mark>span:last-child,.app-shell.sidebar-collapsed .sidebar-collapse,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .nav-text,.app-shell.sidebar-collapsed .nav-chevron,.app-shell.sidebar-collapsed .nav-children,.app-shell.sidebar-collapsed .storage-widget,.app-shell.sidebar-collapsed .sidebar-user>span:nth-child(2),.app-shell.sidebar-collapsed .sidebar-user form{display:none}.app-shell.sidebar-collapsed .brand-mark{min-width:0}.app-shell.sidebar-collapsed .nav-link{justify-content:center;padding:0}.app-shell.sidebar-collapsed .nav-group{margin-top:8px}.app-shell.sidebar-collapsed .sidebar-user{display:flex;justify-content:center}

@media (max-width: 1280px){.kpi-grid-six{grid-template-columns:repeat(3,1fr)}.collection-grid,.mini-property-grid{grid-template-columns:repeat(2,1fr)}.review-grid,.role-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 1100px){:root{--sidebar-width:248px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-main,.dashboard-grid-wide{grid-template-columns:1fr}.action-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:0 10px}.form-layout{grid-template-columns:1fr}.form-aside{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.conversation-layout{grid-template-columns:1fr}.conversation-aside{display:grid;grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:190px minmax(0,1fr)}.choice-grid{grid-template-columns:repeat(3,1fr)}.dashboard-insight-grid{grid-template-columns:1fr 1fr}.dashboard-insight-grid .insight-card:last-child{grid-column:span 2}}
@media (max-width: 860px){.sidebar{transform:translateX(-100%);width:280px}.app-stage{margin-left:0}.app-shell.sidebar-open .sidebar{transform:translateX(0)}.app-shell.sidebar-open+.sidebar-backdrop,.app-shell.sidebar-open~.sidebar-backdrop{display:block}.sidebar-collapse{display:none}.mobile-menu{display:grid}.global-search{width:40px;padding:0;justify-content:center;border:0;background:transparent}.global-search input,.global-search kbd{display:none}.topbar{padding:0 16px}.page-content{padding:18px 16px 35px}.profile-copy{display:none}.profile-trigger>svg{display:none}.welcome-panel{align-items:flex-start;flex-direction:column;padding:25px;min-height:220px}.quick-actions{justify-content:flex-start}.stat-strip{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.form-aside{grid-template-columns:1fr}.builder-grid{grid-template-columns:1fr}.permission-groups{grid-template-columns:1fr}.calendar-day{min-height:90px;padding:5px}.calendar-event small{display:none}}
@media (max-width: 620px){.topbar{height:68px}.page-heading p{display:none}.page-heading h1{font-size:17px}.topbar-actions{gap:5px}.topbar-actions>.icon-button:nth-of-type(1){display:none}.icon-button{width:36px;height:36px}.profile-trigger .avatar{width:34px;height:34px}.notification-panel{position:fixed;top:70px;right:10px;width:calc(100vw - 20px)}.page-content{padding:14px 12px 30px}.welcome-panel{border-radius:17px;padding:22px 19px}.welcome-panel h2{font-size:24px}.quick-actions{width:100%}.quick-actions .button{flex:1}.kpi-grid,.kpi-grid-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi-card{padding:14px}.kpi-value{font-size:21px}.chart-panel,.action-panel,.activity-panel,.property-showcase{padding:16px}.chart-wrap{height:210px}.action-stack{display:flex}.page-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%;flex-wrap:wrap}.toolbar-actions .button{flex:1}.filter-bar{align-items:stretch}.filter-search{min-width:100%;max-width:none}.filter-bar select,.filter-bar .button,.filter-bar .button-ghost{flex:1}.form-grid{grid-template-columns:1fr}.field-span-2{grid-column:span 1}.form-card,.settings-card{padding:16px}.choice-grid{grid-template-columns:repeat(2,1fr)}.upload-preview{grid-template-columns:repeat(3,1fr)}.stat-strip{gap:7px}.stat-strip>a{padding:10px;flex-direction:column;align-items:flex-start}.collection-grid,.mini-property-grid,.review-grid,.role-grid{grid-template-columns:1fr}.conversation-aside{grid-template-columns:1fr}.message-bubble{max-width:90%}.settings-nav{display:flex;overflow-x:auto;flex-direction:row}.settings-nav a{white-space:nowrap}.profile-identity{align-items:flex-start;flex-wrap:wrap}.profile-identity>div:nth-child(2){padding-top:38px}.profile-completion{margin:0;padding:0;width:100%}.calendar-panel{padding:7px;overflow-x:auto}.calendar-week,.calendar-grid{min-width:680px}.toast{right:10px;left:10px;min-width:0;top:78px}.form-save-bar,.settings-footer{align-items:flex-start;flex-direction:column;gap:10px}.form-save-bar .button,.settings-footer .button{width:100%}.modal{padding:9px}.modal-body{padding:15px}.profile-cover{height:82px}.property-card-media{height:195px}.dashboard-insight-grid{grid-template-columns:1fr}.dashboard-insight-grid .insight-card:last-child{grid-column:auto}.map-insight{grid-template-columns:95px 1fr}}