:root{
  --navy:#0B2C4A;--navy-2:#071F36;--navy-3:#061D33;--bronze:#C9AC51;--bronze-2:#A87B2A;--cream:#F2F2F0;--bg:#F6F7F9;--card:#FFFFFF;--text:#0F172A;--muted:#64748B;--border:#E6EAF0;--success:#047857;--danger:#991B1B;--warning:#92400E;--blue:#1D4ED8;--shadow:0 18px 46px rgba(15,23,42,.08);--soft-shadow:0 8px 24px rgba(15,23,42,.06);--radius:20px;
}
*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.muted{color:var(--muted)}
.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.main-content{min-width:0;padding:0 30px 36px}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff;padding:30px 22px;display:flex;flex-direction:column;z-index:30;box-shadow:10px 0 32px rgba(6,29,51,.12)}.brand{display:flex;align-items:baseline;font-size:30px;font-weight:900;letter-spacing:-.055em;margin-bottom:34px}.brand strong,.brand-mobile strong,.mobile-brand-text strong{color:var(--bronze)}.nav-list{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:15px;color:rgba(255,255,255,.84);font-weight:800;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.nav-item.active{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 4px 0 0 var(--bronze)}.nav-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--bronze)}.agent-card{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:12px}.avatar,.profile-dot,.user-pill .avatar{display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--navy);font-weight:900}.avatar{width:44px;height:44px}.agent-card span{display:block;margin-top:3px;color:rgba(255,255,255,.62);font-size:12px;font-weight:700}
.topbar{height:82px;margin:0 -30px 28px;padding:0 30px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:20}.search-box{height:46px;max-width:560px;flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:0 14px;box-shadow:var(--soft-shadow);color:var(--muted)}.search-box input{flex:1;border:0;outline:0;background:transparent;min-width:0;color:var(--text)}kbd{background:#F1F5F9;border:1px solid #E2E8F0;color:var(--muted);border-radius:8px;padding:3px 7px;font-size:12px}.page-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.add-btn,.primary-btn,.btn.primary{border:0;background:linear-gradient(135deg,var(--bronze),var(--bronze-2));color:#fff;border-radius:14px;padding:13px 18px;font-weight:900;box-shadow:0 12px 24px rgba(168,123,42,.24)}.secondary-btn,.btn.secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;color:var(--navy);border-radius:14px;padding:12px 16px;font-weight:900}.danger-btn{border:0;border-radius:14px;padding:12px 16px;background:#FEE2E2;color:var(--danger);font-weight:900}.notification{position:relative;width:44px;height:44px;display:grid;place-items:center;background:#F8FAFC;border:1px solid var(--border);border-radius:15px;color:var(--navy);font-style:normal}.notification em{position:absolute;right:-4px;top:-4px;background:#EF4444;color:#fff;border-radius:99px;font-size:10px;line-height:1;padding:4px 6px;font-style:normal}.user-pill{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:800}.user-pill .avatar{width:38px;height:38px;background:var(--navy);color:#fff}
.mobile-app-header,.mobile-nav-backdrop,.mobile-nav-panel{display:none}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 22px}.kpi-card,.panel,.listing-card,.template-card,.public-listing-card,.public-unit-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi-card{display:flex;align-items:center;gap:16px;min-height:124px;padding:22px}.kpi-card span{display:block;color:#475569;font-size:13px;font-weight:900}.kpi-card strong{display:block;font-size:34px;letter-spacing:-.05em;margin:7px 0 2px;color:var(--navy)}.kpi-card em{display:inline-flex;background:var(--cream);color:#6B5B23;border-radius:99px;padding:5px 8px;font-size:11px;font-weight:900;font-style:normal}.kpi-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:24px}.blue{background:#EAF1FF;color:#2563EB}.green{background:#EAF8F1;color:#099268}.purple{background:#F0EBFF;color:#7C3AED}.gold{background:#FFF2DF;color:#D97706}.panel{padding:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-header h2,h2{margin:0;font-size:19px;letter-spacing:-.035em;color:var(--navy)}.panel-header a,.text-action,.listing-card a{color:#144B7C;font-size:13px;font-weight:900}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.right-column,.right-stack{display:grid;gap:16px}.pipeline-board,.lead-board{display:grid;grid-auto-flow:column;grid-auto-columns:236px;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.pipeline-column,.lead-column{background:#F8FAFC;border:1px solid var(--border);border-radius:18px;padding:13px;min-height:475px}.column-title,.lead-column-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--navy);font-size:14px;font-weight:900}.column-title span,.lead-column-head span{background:#E8EDF4;color:#475569;border-radius:99px;padding:4px 8px;font-size:12px}.lead-card{display:block;background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px;margin-bottom:10px;box-shadow:0 6px 18px rgba(15,23,42,.05)}.lead-card strong{display:block;color:var(--navy);font-size:14px}.lead-card span,.lead-card small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.lead-card p{margin:8px 0 4px;color:#334155;font-size:13px}.lead-card em,.tags em{display:inline-flex;margin-top:8px;background:#EAF1FF;color:#2563EB;border-radius:9px;padding:5px 7px;font-size:10px;font-weight:900;font-style:normal}.lead-card.add-card,.add-card{border-style:dashed;background:transparent;color:var(--muted);font-weight:900;text-align:center}.lead-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.lead-card-top span{display:inline-flex;background:var(--navy);color:#fff;border-radius:99px;padding:4px 7px;font-size:10px;font-weight:900}.lead-dropzone{min-height:430px}.lead-dropzone.drag-over{outline:2px dashed rgba(201,172,81,.7);outline-offset:4px;border-radius:16px}.lead-card.dragging{opacity:.45}.showing-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.showing-item time{font-weight:900;color:var(--navy);font-size:13px}.showing-item div{border-left:3px solid var(--bronze);padding-left:12px}.showing-item strong,.showing-item span,.showing-item small{display:block}.showing-item strong{font-size:13px;color:var(--navy)}.showing-item span,.showing-item small{color:var(--muted);font-size:12px;margin-top:2px}.showing-item button{border:1px solid rgba(168,123,42,.45);background:#fff;color:#936216;border-radius:11px;padding:8px 12px;font-size:12px;font-weight:900}.text-btn{display:inline-flex;margin-top:12px;color:var(--navy);font-weight:900;background:var(--cream);border-radius:13px;padding:10px 13px}.quick-actions,.activity-feed{display:grid;gap:10px}.quick-actions button,.action-link{border:1px solid var(--border);background:#fff;border-radius:14px;padding:12px 14px;text-align:left;font-weight:900;color:#334155}.activity-feed p{margin:0;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;font-weight:800;color:#334155}.activity-feed p span{color:var(--bronze);margin-right:8px}.activity-feed small{display:block;color:var(--muted);font-weight:600;margin-top:4px}.listings-panel{margin-top:20px}.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.listing-card{overflow:hidden;padding:16px}.listing-card .listing-image,.listing-image{height:124px;margin:-16px -16px 16px;background:linear-gradient(135deg,#0B2C4A,#436C88 55%,#C9AC51)}.listing-card h3{margin:0 0 5px;color:var(--navy)}.listing-card p{margin:0;color:var(--muted);font-size:13px}.listing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.listing-stats span{font-size:10px;color:var(--muted);font-weight:800}.listing-stats strong{display:block;font-size:20px;color:var(--navy)}.add-building{display:grid;place-items:center;text-align:center;color:var(--muted);border-style:dashed;min-height:240px}.add-building div{width:60px;height:60px;display:grid;place-items:center;border:1px dashed #CBD5E1;border-radius:50%;font-size:28px;margin-bottom:10px}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 20px}.page-head h1,h1{margin:0;color:var(--navy);font-size:34px;letter-spacing:-.045em}.page-head p{margin:8px 0 0;color:var(--muted);max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--bronze);font-size:12px;font-weight:900}.head-actions,.form-actions,.filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{border-radius:14px;padding:12px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.flash,.alert{padding:14px 16px;border-radius:14px;margin:16px 0;font-weight:900}.flash.success,.alert-success{background:#ECFDF5;color:#047857;border:1px solid #BBF7D0}.flash.error,.alert-error{background:#FEF2F2;color:#991B1B;border:1px solid #FECACA}.inventory-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;margin-top:20px}.building-row{display:block;padding:16px;border-radius:16px;border:1px solid transparent;margin-bottom:8px;color:var(--navy)}.building-row strong,.building-row span{display:block}.building-row span{color:var(--muted);font-size:13px;margin-top:4px}.building-row:hover,.building-row.active{background:var(--cream);border-color:var(--border)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:860px}.data-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:14px 12px;border-bottom:1px solid #EEF0F3}.data-table td{padding:16px 12px;border-bottom:1px solid #F1F3F5;color:#243447;vertical-align:middle}.data-table td small{display:block;color:#7B8494;margin-top:4px}.row-actions a{font-weight:900;color:var(--navy)}.empty-state{text-align:center;color:var(--muted);padding:30px!important}.status-pill{display:inline-flex;padding:7px 10px;border-radius:99px;font-size:12px;font-weight:900;text-transform:capitalize}.status-pill.available,.status-pill.completed,.status-pill.approved,.status-pill.active{background:#ECFDF5;color:#047857}.status-pill.held,.status-pill.reviewing{background:#FFFBEB;color:#92400E}.status-pill.leased{background:#EEF2FF;color:#4338CA}.status-pill.coming_soon,.status-pill.booked,.status-pill.submitted{background:#EFF6FF;color:#1D4ED8}.status-pill.no_show,.status-pill.rejected{background:#FEF2F2;color:#991B1B}.status-pill.cancelled,.status-pill.withdrawn{background:#F1F5F9;color:#475569}.form-panel{max-width:980px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label,.form-field{display:flex;flex-direction:column;gap:8px;color:#334155;font-weight:900}.form-grid input,.form-grid select,.form-grid textarea,.form-field input,.form-field select,.form-field textarea,.filter-row input,.filter-row select,.inline-status select,.public-form select,.public-form input,.public-form textarea{width:100%;border:1px solid #DFE4EA;border-radius:14px;padding:13px 14px;background:#fff;color:var(--navy);outline:none}.form-grid .full{grid-column:1/-1}.check-label{justify-content:center;background:var(--cream);border-radius:14px;padding:12px;gap:12px!important;flex-direction:row!important;align-items:center}.form-actions{justify-content:flex-end;margin-top:22px}.lead-toolbar{margin-bottom:20px}.lead-search{display:flex;gap:10px}.lead-search input{flex:1}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.32);opacity:0;pointer-events:none;transition:.2s;z-index:80}.drawer-backdrop.open{opacity:1;pointer-events:auto}.lead-drawer{position:fixed;right:0;top:0;height:100vh;width:min(520px,100%);background:#fff;box-shadow:-20px 0 50px rgba(15,23,42,.18);transform:translateX(104%);transition:.25s ease;z-index:90;padding:28px;overflow:auto}.lead-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:18px}.drawer-head h2{font-size:28px;margin:6px 0}.drawer-close{border:0;background:#F1F5F9;border-radius:50%;width:38px;height:38px;font-size:24px;color:#334155}.drawer-section{border-bottom:1px solid var(--border);padding:16px 0}.detail-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 14px}.detail-grid span{color:var(--muted);font-size:13px}.detail-grid strong{font-size:14px}.drawer-actions{display:grid;gap:10px;margin:16px 0}.note-form{display:grid;gap:10px;margin-top:12px}.note-form textarea{border:1px solid var(--border);border-radius:14px;padding:12px}.note-item,.drawer-note{background:#F8FAFC;border:1px solid var(--border);border-radius:14px;padding:12px;margin-top:10px}.filter-row{align-items:end;margin-bottom:18px}.filter-row label{display:flex;flex-direction:column;gap:7px;font-weight:900;color:#334155}.weekday-grid{display:flex!important;flex-wrap:wrap;gap:10px!important;align-items:center;background:#F8FAFC;border:1px solid var(--border);border-radius:14px;padding:14px}.weekday-grid strong{width:100%;color:var(--navy)}.weekday-grid label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px!important;background:#fff;border:1px solid var(--border);border-radius:99px;padding:8px 12px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.detail-grid.large{grid-template-columns:170px minmax(0,1fr);margin:18px 0 24px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}.metric-row:last-child{border-bottom:0}.metric-row span{font-weight:900;color:var(--navy)}.metric-row small{display:block;color:var(--muted);font-weight:600;margin-top:3px}.template-card{padding:16px;margin-bottom:14px}.template-card strong,.template-card span{display:block}.template-card span{color:var(--muted);margin-top:4px;font-weight:700}.template-card p{color:#334155;line-height:1.55}
.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 54%,var(--bg) 54%);padding:24px}.auth-card,.install-card{width:min(460px,100%);background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);padding:32px}.auth-brand{font-size:34px;font-weight:900;letter-spacing:-.055em}.auth-brand strong{color:var(--bronze)}.form-stack{display:grid;gap:16px;margin-top:24px}.install-page{min-height:100vh;background:var(--bg);padding:40px 20px;display:grid;place-items:start center}.install-card{width:min(760px,100%)}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.code-block{background:#0F172A;color:#E2E8F0;padding:16px;border-radius:14px;overflow:auto;font-size:12px}
.public-booking-page{min-height:100vh;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 46%,var(--bg) 46%);display:grid;place-items:center;padding:28px}.public-booking-card{width:min(760px,100%);background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.18);padding:34px}.public-booking-card h1{margin:8px 0;color:var(--navy);font-size:36px}.public-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-listings-page{min-height:100vh;background:var(--bg)}.public-hero{background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff;padding:46px clamp(20px,5vw,76px)}.public-hero h1{color:#fff;font-size:clamp(34px,5vw,58px);margin:16px 0 8px}.public-hero p{max-width:760px;color:rgba(255,255,255,.78);font-size:18px;line-height:1.6}.public-brand{font-size:28px;font-weight:900;letter-spacing:-.04em}.public-brand strong{color:var(--bronze)}.public-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:28px clamp(20px,5vw,76px)}.public-listing-card{overflow:hidden}.public-listing-body{padding:20px}.public-listing-body h2,.public-unit-card h2{margin:0;color:var(--navy)}.public-listing-body p,.public-unit-card p,.public-unit-card small{color:var(--muted)}.public-unit-list{display:grid;gap:16px;padding:28px clamp(20px,5vw,76px)}.public-unit-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:22px}.unit-price strong{font-size:28px;color:var(--navy)}.unit-price span{color:var(--muted);font-weight:900}.public-form{display:grid;gap:14px}
@media(max-width:1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(3,minmax(0,1fr))}.showing-item{grid-template-columns:70px 1fr}.showing-item button{grid-column:2;width:max-content}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-layout,.detail-layout{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.public-listing-grid{grid-template-columns:1fr 1fr}.public-unit-card{grid-template-columns:1fr}.install-grid{grid-template-columns:1fr}}
@media(max-width:820px){body{background:var(--bg)}.app-shell{display:block}.sidebar,.topbar{display:none!important}.main-content{padding:0 14px 100px}.mobile-app-header{position:sticky;top:0;z-index:70;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:76px;margin:0 -14px 18px;padding:12px 16px;background:linear-gradient(135deg,var(--navy),var(--navy-3));box-shadow:0 18px 42px rgba(6,29,51,.22);border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu-toggle{width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.10);display:grid;place-content:center;gap:4px;padding:0}.mobile-menu-toggle span{display:block;width:18px;height:2px;border-radius:99px;background:#fff}.mobile-brand-lockup{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff}.mobile-brand-mark{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:var(--bronze);color:var(--navy);font-weight:900;font-size:12px}.mobile-brand-text{font-size:23px;line-height:1;font-weight:900;letter-spacing:-.055em}.mobile-header-action{position:relative;justify-self:end;width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center}.mobile-header-action svg{width:20px;height:20px;fill:#fff}.mobile-action-dot{position:absolute;right:10px;top:10px;width:8px;height:8px;border-radius:99px;background:var(--bronze);border:2px solid var(--navy)}.mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(6,29,51,.50);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.22s;z-index:90}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}.mobile-nav-panel{display:flex;position:fixed;left:0;top:0;bottom:0;width:min(86vw,360px);height:100dvh;background:var(--navy-2);color:#fff;z-index:100;transform:translateX(-105%);transition:transform .26s ease;flex-direction:column;overflow-y:auto;box-shadow:28px 0 70px rgba(6,29,51,.38)}.mobile-nav-panel.open{transform:translateX(0)}.mobile-nav-hero{padding:18px;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-3) 78%);border-bottom:1px solid rgba(255,255,255,.09)}.mobile-nav-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.mobile-brand-lockup.in-panel{justify-content:flex-start}.mobile-brand-lockup.in-panel .mobile-brand-mark{width:40px;height:40px;border-radius:15px}.mobile-brand-lockup.in-panel .mobile-brand-text{font-size:25px}.mobile-nav-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.09);color:#fff;font-size:28px;line-height:1}.mobile-nav-user{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09)}.mobile-user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-weight:900}.mobile-nav-user strong,.mobile-nav-user span{display:block}.mobile-nav-user span{margin-top:2px;font-size:12px;color:rgba(255,255,255,.66);font-weight:700}.mobile-nav-links{display:grid;gap:6px;padding:16px 14px}.mobile-nav-links a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;color:rgba(255,255,255,.90);font-weight:900}.mobile-nav-links a:hover{background:rgba(255,255,255,.08)}.mobile-nav-links a span{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:rgba(201,172,81,.16);color:var(--bronze)}.mobile-nav-footer{margin-top:auto;padding:16px 18px 22px;display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.08)}.mobile-public-link,.mobile-logout-link{display:flex;justify-content:center;border-radius:14px;padding:13px 14px;font-weight:900}.mobile-public-link{background:var(--bronze);color:var(--navy)}.mobile-logout-link{background:rgba(255,255,255,.08);color:#fff}.kpi-grid,.kpi-grid.compact{display:flex;overflow-x:auto;gap:12px;margin:0 0 14px;padding-bottom:4px}.kpi-card{min-width:142px;min-height:108px;padding:16px;display:block;text-align:left;border-radius:18px}.kpi-icon{display:none}.kpi-card span{font-size:12px}.kpi-card strong{font-size:28px;margin:5px 0 4px}.kpi-card em{font-size:10px}.dashboard-grid{display:block}.pipeline-panel{display:none}.right-column{display:block}.panel{border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:0 8px 26px rgba(15,23,42,.07)}.showing-item{grid-template-columns:70px minmax(0,1fr) auto;gap:10px}.showing-item button{grid-column:auto;padding:7px 10px}.quick-actions{display:none}.activity-feed{display:block}.listings-panel{display:none}.page-head{margin:22px 0 16px}.page-head h1,h1{font-size:30px}.page-head .add-btn,.page-head .secondary-btn,.page-head .btn{width:100%}.lead-search{flex-direction:column}.lead-board{grid-auto-columns:82vw}.lead-column{min-height:420px}.lead-drawer{padding:22px}.detail-grid,.detail-grid.large{grid-template-columns:1fr}.data-table{min-width:680px}.public-listing-grid{grid-template-columns:1fr}.public-hero{padding:30px 20px}.public-unit-list{padding:20px}.public-two{grid-template-columns:1fr}.public-booking-card{padding:24px;border-radius:24px}.form-grid{grid-template-columns:1fr}.public-form{grid-template-columns:1fr!important}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:72px;background:#fff;border-top:1px solid var(--border);z-index:60}.bottom-nav a{display:grid;place-items:center;gap:2px;font-size:20px;color:#334155}.bottom-nav span{font-size:10px;font-weight:800}.bottom-nav .active{color:var(--bronze-2)}.fab{display:grid;place-items:center;position:fixed;right:22px;bottom:92px;width:58px;height:58px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--bronze),var(--bronze-2));color:#fff;font-size:26px;box-shadow:0 12px 24px rgba(168,123,42,.32)}}
@media(min-width:821px){.bottom-nav,.fab{display:none!important}}

/* v1.9 polish: concept-matched mobile header, task cards, communications */
.task-list{display:grid;gap:12px}.task-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04);border-left:4px solid #CBD5E1}.task-card.priority-high{border-left-color:#DC2626}.task-card.priority-normal{border-left-color:var(--bronze)}.task-card.priority-low{border-left-color:#64748B}.task-card strong{display:block;color:var(--navy)}.task-card span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.stacked-form{display:grid;gap:14px}.stacked-form label{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:900}.stacked-form input,.stacked-form select,.stacked-form textarea{width:100%;border:1px solid var(--border);border-radius:14px;background:#fff;padding:12px 14px;color:var(--text);outline:none}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.rich-feed p strong{color:var(--navy);margin-right:5px}.nav-list{overflow:auto;padding-right:2px}.sidebar{overflow:hidden}.sidebar .agent-card{flex-shrink:0}
@media(max-width:820px){
  body{background:#F6F7F9;padding-bottom:78px}.app-shell{display:block}.main-content{padding:0 16px 96px}.sidebar,.topbar{display:none!important}.mobile-app-header{display:flex!important;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;height:72px;margin:0 -16px 18px;padding:0 16px;background:linear-gradient(135deg,#0B2C4A,#071F36);box-shadow:0 18px 35px rgba(6,29,51,.22);color:#fff}.mobile-menu-toggle{width:44px;height:44px;border:0;border-radius:15px;background:rgba(255,255,255,.10);display:grid;place-items:center;padding:12px}.mobile-menu-toggle span{display:block;width:20px;height:2px;background:#fff;border-radius:99px;margin:2px 0}.mobile-brand-lockup{display:flex;align-items:center;gap:10px;color:#fff}.mobile-brand-mark{width:38px;height:38px;border-radius:14px;background:rgba(201,172,81,.18);border:1px solid rgba(201,172,81,.45);display:grid;place-items:center;color:#F3D97D;font-size:12px;font-weight:900}.mobile-brand-text{font-size:21px;font-weight:900;letter-spacing:-.06em}.mobile-brand-text strong{color:#F3D97D}.mobile-header-action{position:relative;width:44px;height:44px;border-radius:15px;background:rgba(255,255,255,.10);display:grid;place-items:center;color:#fff}.mobile-header-action svg{width:20px;height:20px;fill:currentColor}.mobile-action-dot{position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;background:#EF4444;border:2px solid #0B2C4A}.mobile-nav-backdrop{display:none;position:fixed;inset:0;background:rgba(6,29,51,.55);backdrop-filter:blur(4px);z-index:150}.mobile-nav-backdrop.open{display:block}.mobile-nav-panel{display:flex!important;flex-direction:column;position:fixed;top:0;bottom:0;left:0;width:min(88vw,360px);background:linear-gradient(180deg,#0B2C4A,#061D33);z-index:160;transform:translateX(-105%);transition:transform .24s ease;color:#fff;box-shadow:26px 0 60px rgba(0,0,0,.28)}.mobile-nav-panel.open{transform:translateX(0)}.mobile-nav-hero{padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.09)}.mobile-nav-topline{display:flex;align-items:center;justify-content:space-between}.mobile-nav-close{width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.10);color:#fff;font-size:28px;line-height:1}.mobile-nav-user{display:flex;align-items:center;gap:12px;margin-top:22px}.mobile-user-avatar{width:48px;height:48px;border-radius:16px;background:#fff;color:#0B2C4A;display:grid;place-items:center;font-weight:900}.mobile-nav-user strong,.mobile-nav-user span{display:block}.mobile-nav-user span{margin-top:3px;color:rgba(255,255,255,.65);font-size:12px}.mobile-nav-links{display:grid;gap:6px;padding:16px 14px;overflow:auto}.mobile-nav-links a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;color:rgba(255,255,255,.86);font-weight:850}.mobile-nav-links a:hover{background:rgba(255,255,255,.08)}.mobile-nav-links span{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:rgba(201,172,81,.16);color:#F3D97D}.mobile-nav-footer{margin-top:auto;padding:14px 18px 20px;border-top:1px solid rgba(255,255,255,.09);display:grid;gap:10px}.mobile-public-link,.mobile-logout-link{text-align:center;border-radius:15px;padding:13px;font-weight:900}.mobile-public-link{background:#C9AC51;color:#071F36}.mobile-logout-link{background:rgba(255,255,255,.08);color:#fff}.bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:72px;background:#fff;border-top:1px solid var(--border);z-index:90;box-shadow:0 -10px 25px rgba(15,23,42,.06)}.bottom-nav a{display:grid;place-items:center;gap:2px;color:#475569;font-size:19px}.bottom-nav span{font-size:10px;font-weight:900}.bottom-nav .active{color:#A87B2A}.fab{display:grid!important;place-items:center;position:fixed;right:20px;bottom:90px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#C9AC51,#A87B2A);color:#fff;font-size:28px;font-weight:800;box-shadow:0 16px 30px rgba(168,123,42,.34);z-index:95}.kpi-grid{display:flex;overflow-x:auto;gap:12px;margin:0 0 16px}.kpi-card{min-width:150px}.detail-grid.large,.form-grid.two{grid-template-columns:1fr}.task-card{align-items:flex-start;flex-direction:column}.task-card form,.task-card button{width:100%}
}

/* v2.0 Launch Candidate refinements */
.version-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#EEF2F7;color:#334155;font-size:12px;font-weight:900}.alert{border-radius:16px;padding:13px 15px;margin:12px 0;font-weight:800}.alert.success{background:#DCFCE7;color:#166534}.alert.error{background:#FEE2E2;color:#991B1B}.alert.warning{background:#FEF3C7;color:#92400E}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.launch-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--soft-shadow)}.launch-card h3{margin:0 0 8px;color:var(--navy)}.launch-card p{margin:0;color:var(--muted);line-height:1.5}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#CBD5E1}.status-dot.ok{background:#10B981}.status-dot.warn{background:#F59E0B}.status-dot.bad{background:#EF4444}
@media(max-width:820px){.settings-grid{grid-template-columns:1fr}.version-pill{font-size:11px}.launch-card{border-radius:18px;padding:16px}}

/* v2.1 automation + email workflow polish */
.automation-layout{grid-template-columns:minmax(0,1fr) 390px}.rules-list{display:grid;gap:12px}.rule-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border);border-radius:18px;background:#fff}.rule-card strong,.rule-card span,.rule-card small{display:block}.rule-card strong{color:var(--navy);font-size:15px}.rule-card span{color:#475569;font-size:13px;margin-top:4px}.rule-card small{color:var(--muted);margin-top:5px}.rule-card.is-active{box-shadow:inset 4px 0 0 #10B981}.rule-card.is-paused{opacity:.75;box-shadow:inset 4px 0 0 #CBD5E1}.templates-panel{margin-top:20px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.template-top strong{color:var(--navy);font-size:16px}.template-top em{font-style:normal;background:var(--cream);color:#6B5B23;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.template-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.template-actions form{margin:0}.template-editor textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55}.settings-wide{max-width:980px}.status-pill{display:inline-flex;padding:7px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#EEF2F7;color:#334155}.status-draft{background:#F1F5F9;color:#475569}.status-queued{background:#FEF3C7;color:#92400E}.status-sent{background:#DCFCE7;color:#166534}.status-failed{background:#FEE2E2;color:#991B1B}.status-cancelled{background:#E2E8F0;color:#334155}.inline-form{display:flex;gap:8px;align-items:center;justify-content:flex-end}.inline-form select{min-width:120px}
@media(max-width:1100px){.automation-layout{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.template-grid{grid-template-columns:1fr}.rule-card{align-items:flex-start;flex-direction:column}.rule-card form,.rule-card button{width:100%}.inline-form{align-items:stretch;flex-direction:column}.automation-layout{display:block}.automation-layout .right-column{margin-top:16px}}

/* v2.2 scheduling + booking upgrade */
.scheduling-layout{align-items:start}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.calendar-day{background:#fff;border:1px solid var(--border);border-radius:20px;min-height:360px;box-shadow:var(--soft-shadow);overflow:hidden}.calendar-day header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px;background:#F8FAFC;border-bottom:1px solid var(--border)}.calendar-day.today header{background:linear-gradient(135deg,#0B2C4A,#061D33);color:#fff}.calendar-day header strong{font-size:15px}.calendar-day header span{font-size:12px;font-weight:900;color:inherit;opacity:.75}.calendar-events{display:grid;gap:10px;padding:12px}.calendar-event{display:block;border-radius:16px;padding:12px;background:#F8FAFC;border:1px solid #E2E8F0}.calendar-event strong,.calendar-event span,.calendar-event small{display:block}.calendar-event strong{color:var(--navy);font-size:13px}.calendar-event span{font-size:12px;color:#334155;margin-top:5px;font-weight:800}.calendar-event small{font-size:11px;color:var(--muted);margin-top:4px}.calendar-event.status-completed{background:#ECFDF5;border-color:#BBF7D0}.calendar-event.status-no_show{background:#FEF2F2;border-color:#FECACA}.calendar-event.status-cancelled{background:#F1F5F9;border-color:#CBD5E1;opacity:.75}.calendar-empty{margin:0;color:var(--muted);font-size:12px;text-align:center;padding:18px 4px}.booking-filter{display:grid;grid-template-columns:1fr 220px;gap:12px;margin:18px 0;padding:14px;border:1px solid var(--border);border-radius:18px;background:#F8FAFC}.booking-filter label{display:grid;gap:7px;font-weight:900;color:#334155;font-size:12px}.slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.slot-option{position:relative;display:grid;gap:4px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#fff;cursor:pointer}.slot-option input{position:absolute;opacity:0;pointer-events:none}.slot-option span{font-weight:950;color:var(--navy)}.slot-option small{font-size:11px;color:var(--muted);font-weight:800}.slot-option:has(input:checked){border-color:var(--bronze);box-shadow:0 0 0 3px rgba(201,172,81,.18);background:#FFFDF4}.booking-card-v22 .add-btn:disabled{opacity:.45;cursor:not-allowed}.public-note{background:#F8FAFC;border:1px solid var(--border);border-radius:16px;padding:12px 14px;color:#475569;line-height:1.5}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.full{grid-column:1/-1}
@media(max-width:1180px){.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:260px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.calendar-grid{grid-template-columns:1fr}.booking-filter{grid-template-columns:1fr}.slot-grid{grid-template-columns:1fr}.calendar-day{min-height:auto}.page-actions{width:100%}.page-actions .btn{flex:1;text-align:center}}

/* v2.3 Owner Portal Enhancements */
.assignment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:20px}.assignment-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border,#e6e9ef);border-radius:14px;background:#fff;cursor:pointer}.assignment-row input{width:18px;height:18px;accent-color:#c9ac51}.assignment-row span{display:flex;flex-direction:column;gap:3px}.assignment-row small{color:var(--muted,#718096)}.assignment-row:hover{box-shadow:0 10px 24px rgba(11,44,74,.08);transform:translateY(-1px)}.alert{margin:0 0 18px;padding:14px 16px;border-radius:14px;background:#eef8f2;color:#17633a;border:1px solid #cdebd8}.alert.error{background:#fff1f0;color:#9f2a20;border-color:#f3c6c2}.listing-card .muted{font-size:13px;line-height:1.45;margin-top:10px}.status-pill.coming_soon,.status-pill.coming-soon{background:#f6efd9;color:#765b12}.status-pill.held{background:#fff2cc;color:#7a5a00}.status-pill.available{background:#eaf7ef;color:#1f7a45}.status-pill.leased{background:#edf2f7;color:#4a5568}@media(max-width:768px){.assignment-list{grid-template-columns:1fr}.assignment-row{padding:13px}.page-head .primary-btn,.page-head .secondary-btn{width:100%;text-align:center;justify-content:center}}