:root{--bg:#070707;--bg2:#0b0b0b;--panel:#111;--panel2:#151515;--panel3:#1a1a1a;--gold:#d9a62e;--gold2:#f3ca63;--gold3:#8f6812;--gold-soft:#2a210f;--line:#2b261b;--text:#f6f3ec;--muted:#9d978c;--green:#57d79a;--red:#ff6f78;--orange:#f1a94d;--shadow:0 18px 60px rgba(0,0,0,.32);--radius:18px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 80% -10%,rgba(217,166,46,.08),transparent 36%),#090909;color:var(--text);min-height:100vh}.ui-icon{width:20px;height:20px;display:block}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:270px;padding:22px 18px;background:linear-gradient(180deg,#0b0b0b,#070707);border-right:1px solid #241f15;display:flex;flex-direction:column;box-shadow:22px 0 60px rgba(0,0,0,.15)}.brand-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;padding:4px 6px}.brand b,.brand small{display:block}.brand b{font-size:18px;letter-spacing:.1px}.brand small{margin-top:2px;color:#d8be7a;font-size:11px;text-transform:uppercase;letter-spacing:.17em}.car-emblem{width:46px;height:46px;border:1px solid #765619;border-radius:15px;display:grid;place-items:center;color:var(--gold2);background:linear-gradient(145deg,#1d180d,#0c0c0c);box-shadow:inset 0 0 18px rgba(217,166,46,.07)}.tenant-chip{margin:22px 2px 14px;padding:11px 12px;border-radius:14px;background:linear-gradient(135deg,#19160f,#101010);border:1px solid #302819;display:flex;align-items:center;gap:10px;min-width:0}.tenant-chip div{min-width:0;flex:1}.tenant-chip small,.tenant-chip strong{display:block}.tenant-chip small{font-size:9px;color:#8d846f;letter-spacing:.12em}.tenant-chip strong{font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-avatar,.avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;font-weight:800}.tenant-avatar{width:34px;height:34px;background:linear-gradient(145deg,var(--gold2),#9b6d0f);color:#17120a}.gold-dot{width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 12px rgba(243,202,99,.65)}.nav-stack{display:grid;gap:5px;margin-top:6px}.nav-link{display:flex;align-items:center;gap:13px;min-height:45px;padding:0 13px;border-radius:12px;color:#bdb8ae;text-decoration:none;font-size:13px;font-weight:650;border:1px solid transparent;transition:.18s ease}.nav-link .ui-icon{width:18px;height:18px;color:#b39042}.nav-link:hover{background:#14120e;color:#fff;border-color:#211c12}.nav-link.active{color:#fff;background:linear-gradient(90deg,#34250d,#17130c);border-color:#5d4315;box-shadow:inset 3px 0 0 var(--gold2)}.nav-link.active .ui-icon{color:var(--gold2)}.sidebar-foot{margin-top:auto;padding-top:16px;border-top:1px solid #211d14}.user-mini{display:flex;align-items:center;gap:10px;padding:8px}.avatar{width:36px;height:36px;background:#222;color:var(--gold2);border:1px solid #4a3a1d}.user-mini strong,.user-mini small{display:block}.user-mini strong{font-size:12px}.user-mini small{font-size:10px;color:var(--muted);margin-top:2px}.logout-link{display:flex;align-items:center;gap:9px;color:#8f8a82;text-decoration:none;font-size:12px;padding:9px 10px}.logout-link .ui-icon{width:16px}.main{margin-left:270px;min-height:100vh}.topbar{position:sticky;top:0;z-index:35;height:84px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(9,9,9,.9);backdrop-filter:blur(18px);border-bottom:1px solid #231f17}.top-left{display:flex;align-items:center;gap:12px}.eyebrow{font-size:9px;letter-spacing:.2em;color:#b49550}.topbar h1{font-size:24px;line-height:1.08;margin:3px 0 0}.topbar p{margin:5px 0 0;color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:10px}.search-pill{width:min(360px,34vw);height:40px;border-radius:12px;border:1px solid #29251c;background:#111;display:flex;align-items:center;gap:10px;padding:0 11px;color:#716d66;font-size:11px}.search-pill .ui-icon{width:17px;color:#958662}.search-pill span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-pill kbd{font:inherit;border:1px solid #312b20;border-radius:6px;padding:2px 6px;color:#8c8478}.icon-btn{border:1px solid #2c271d;background:#121212;color:#d7c697;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer;position:relative}.notify-dot{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--gold2);border:2px solid #111}.top-avatar{width:40px;height:40px;background:#1d1d1d;border:1px solid #393226;color:#fff}.content{padding:26px 28px 105px;max-width:1800px;margin:0 auto}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.page-actions h2{margin:0;font-size:16px}.page-actions p{margin:4px 0 0;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:linear-gradient(180deg,#121212,#0f0f0f);border:1px solid #29251d;border-radius:var(--radius);padding:19px;box-shadow:0 8px 32px rgba(0,0,0,.12)}.card.soft{background:#0d0d0d;box-shadow:none}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.card h2,.card h3{margin:0}.card h3{font-size:15px}.card p{color:#aaa49b;line-height:1.55}.metric{position:relative;overflow:hidden;min-height:128px}.metric:after{content:"";position:absolute;width:100px;height:100px;right:-30px;top:-35px;background:radial-gradient(circle,rgba(217,166,46,.13),transparent 66%)}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#2b220f,#15120d);border:1px solid #4b3813;color:var(--gold2)}.metric small{color:#8e897f;text-transform:uppercase;font-weight:750;font-size:9px;letter-spacing:.1em}.metric strong{font-size:30px;display:block;margin-top:14px;color:#fff}.metric .trend{font-size:10px;color:var(--green);font-weight:800}.subtle{color:var(--muted)!important;font-size:11px}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;background:linear-gradient(180deg,#efc85f,#c99722);color:#161109;border:1px solid #f0ca64;border-radius:11px;padding:9px 14px;font:inherit;font-size:12px;font-weight:850;text-decoration:none;cursor:pointer;box-shadow:0 6px 20px rgba(217,166,46,.14);transition:.18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn.secondary{background:#171717;color:#e8e2d7;border-color:#373024;box-shadow:none}.btn.ghost{background:transparent;color:#cbbd9b;border-color:#3a3122;box-shadow:none}.btn.danger{background:#271315;color:#ffadb2;border-color:#5b252a;box-shadow:none}.btn.small{min-height:34px;padding:7px 10px;font-size:11px}.btn .ui-icon{width:16px;height:16px}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:10px;font-weight:800;color:#a79c87;text-transform:uppercase;letter-spacing:.08em}.field input,.field select,.field textarea,.select{width:100%;border:1px solid #342e24;border-radius:11px;padding:11px 12px;font:inherit;font-size:13px;background:#0c0c0c;color:#f4f0e8;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8c6a20;box-shadow:0 0 0 3px rgba(217,166,46,.08)}.field textarea{min-height:118px;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:9px;color:#c7c0b5;font-size:12px}.checkbox-row input{accent-color:var(--gold)}.table-wrap{overflow:auto;border-radius:14px;border:1px solid #242016}.table{width:100%;border-collapse:collapse;min-width:680px;background:#0d0d0d}.table th,.table td{padding:13px 14px;border-bottom:1px solid #242018;text-align:left;font-size:12px}.table th{color:#827b70;font-size:9px;text-transform:uppercase;letter-spacing:.09em;background:#10100f}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#12110e}.table small{color:#807b72}.pill{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:850;padding:6px 9px;border-radius:999px;background:#28200f;color:#f3ca63;border:1px solid #4b3b17;text-transform:uppercase;letter-spacing:.05em}.pill.green{background:#0f251d;color:#72e0ad;border-color:#1d4937}.pill.orange{background:#2a1b0d;color:#ffc36b;border-color:#60401c}.pill.red{background:#2a1113;color:#ff8f97;border-color:#5a2025}.split{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}.three-col{display:grid;grid-template-columns:300px minmax(0,1fr) 310px;gap:14px}.list{display:grid;gap:8px}.conversation-card{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;padding:12px;border:1px solid transparent;border-radius:13px;transition:.16s}.conversation-card:hover,.conversation-card.active{background:#17140e;border-color:#3b2d16}.conversation-avatar{width:38px;height:38px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e3b74b,#75510a);color:#130f08;font-size:11px;font-weight:900}.conversation-meta{min-width:0;flex:1}.conversation-meta strong,.conversation-meta small{display:block}.conversation-meta strong{font-size:12px}.conversation-meta small{color:#8f897f;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.conversation-time{font-size:9px;color:#746e64}.chatbox{height:560px;overflow:auto;background:radial-gradient(circle at 50% 0,rgba(217,166,46,.04),transparent 28%),#0b0b0b;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:11px;border:1px solid #221e17}.msg{max-width:76%;padding:10px 12px;border-radius:14px;background:#171717;border:1px solid #2c2a26;color:#eee9df;font-size:12px;line-height:1.48}.msg.visitor{align-self:flex-start;border-top-left-radius:5px}.msg.agent,.msg.ai{align-self:flex-end;background:#1c180f;border-color:#4b3918;border-top-right-radius:5px}.msg.ai{box-shadow:inset 3px 0 0 #8c6a20}.msg b{font-size:10px;color:#d7bd7b;text-transform:uppercase;letter-spacing:.06em}.msg small{display:block;color:#716b61;margin-top:6px;font-size:9px}.composer-row{display:flex;gap:9px;align-items:flex-end;margin-top:12px}.composer-row textarea{flex:1;margin:0;min-height:46px;max-height:120px}.notice{padding:12px 14px;background:#17140d;border:1px solid #4a3918;color:#e7d5a6;border-radius:12px;margin-bottom:16px;font-size:12px}.empty-state{padding:34px;text-align:center;color:#8f887d}.empty-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#17140d;color:var(--gold2);border:1px solid #403116;margin:0 auto 12px}.stat-row{display:flex;flex-wrap:wrap;gap:8px}.mini-stat{padding:8px 10px;border-radius:10px;background:#12100d;border:1px solid #302818}.mini-stat strong{display:block;font-size:14px}.mini-stat small{font-size:9px;color:#8e877c}.journey{display:flex;align-items:center;gap:8px;color:#ddd5c8}.journey .route-line{height:1px;width:24px;background:#6f5520}.tenant-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.tenant-card{padding:15px;border-radius:15px;border:1px solid #292319;background:linear-gradient(145deg,#13120f,#0e0e0e)}.tenant-card .tenant-avatar{margin-bottom:14px}.tenant-card strong{font-size:12px}.tenant-card small{display:block;color:#7f786e;font-size:10px;margin-top:4px}.section-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);gap:16px}.detail-list{display:grid;gap:11px}.detail-row{display:grid;grid-template-columns:24px 95px 1fr;gap:8px;align-items:center;font-size:11px}.detail-row .ui-icon{width:15px;color:#b9913b}.detail-row span{color:#807a71}.detail-row strong{font-weight:700}.loginpage{min-height:100vh;background:radial-gradient(circle at 78% 12%,rgba(217,166,46,.16),transparent 32%),linear-gradient(135deg,#050505,#0b0a07 55%,#080808);display:grid;place-items:center;padding:22px}.login-layout{width:min(1000px,100%);display:grid;grid-template-columns:1.1fr .9fr;border:1px solid #3d321d;border-radius:26px;overflow:hidden;background:#0c0c0c;box-shadow:0 40px 100px rgba(0,0,0,.5)}.login-hero{min-height:590px;padding:42px;background:linear-gradient(145deg,rgba(10,10,10,.5),rgba(0,0,0,.78)),radial-gradient(circle at 30% 30%,#5d4212,#0a0a0a 50%);display:flex;flex-direction:column;justify-content:space-between}.login-hero h2{font-size:42px;line-height:1.02;margin:16px 0;max-width:540px}.login-hero p{max-width:460px;color:#b6ad9e}.login-feature{display:flex;gap:10px;align-items:center;color:#d6c49a;font-size:12px}.login-feature .ui-icon{color:var(--gold2)}.loginbox{padding:42px;background:#0d0d0d;display:flex;flex-direction:column;justify-content:center}.loginbox h1{margin:18px 0 6px;font-size:27px}.loginbox>p{color:#8e887e;margin:0 0 26px;font-size:12px}.loginbox .brand{padding:0}.loginbox .brand small{color:#a88948}.codebox{width:100%;min-height:135px;background:#090909;color:#cfbf99;border:1px solid #332a1b;border-radius:12px;padding:12px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.mobile-tabs{display:none}.mobile-only,.desktop-hide{display:none}.mobile-scrim{display:none}.install-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(90deg,#161209,#0d0d0d);border:1px solid #3a2f1c;border-radius:14px;padding:12px 14px;margin-bottom:16px}.install-banner strong{font-size:12px}.install-banner small{display:block;color:#8d867b;margin-top:2px}.chart-bars{height:160px;display:flex;align-items:flex-end;gap:9px;padding-top:10px}.chart-bar{flex:1;background:linear-gradient(180deg,var(--gold2),#6a4b0d);border-radius:7px 7px 3px 3px;min-height:8px;position:relative}.chart-bar span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:8px;color:#777168}@media(max-width:1250px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:280px minmax(0,1fr)}.chat-detail-col{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tenant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.sidebar{transform:translateX(-102%);transition:.22s;width:280px}.drawer-open .sidebar{transform:translateX(0)}.mobile-scrim{position:fixed;z-index:45;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(3px)}.drawer-open .mobile-scrim{display:block}.main{margin-left:0}.desktop-hide,.mobile-only{display:grid}.topbar{padding:0 16px;height:76px}.top-actions .search-pill{display:none}.content{padding:18px 16px 96px}.section-grid,.split,.three-col{grid-template-columns:1fr}.chat-detail-col{grid-column:auto;grid-template-columns:1fr}.tenant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-tabs{position:fixed;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(9,9,9,.96);backdrop-filter:blur(16px);border-top:1px solid #302817}.mobile-tabs a,.mobile-tabs button{border:0;background:none;color:#8a8377;text-decoration:none;display:grid;place-items:center;gap:3px;font-size:9px;padding:4px}.mobile-tabs .ui-icon{width:19px;height:19px}.mobile-tabs .mobile-main-action{color:var(--gold2)}.login-layout{grid-template-columns:1fr;max-width:520px}.login-hero{display:none}}@media(max-width:620px){.grid{grid-template-columns:1fr}.tenant-grid{grid-template-columns:1fr}.topbar h1{font-size:20px}.topbar .eyebrow{display:none}.top-avatar{display:none}.content{padding-left:12px;padding-right:12px}.card{padding:15px;border-radius:15px}.metric{min-height:112px}.metric strong{font-size:27px}.page-actions{align-items:flex-start;flex-direction:column}.page-actions .btn{width:100%}.chatbox{height:52vh;padding:12px}.msg{max-width:88%}.composer-row{position:sticky;bottom:70px;background:#0b0b0b;padding-top:8px}.loginbox{padding:28px 22px}.table-wrap{border:0;overflow:visible}.table.responsive{min-width:0;background:transparent}.table.responsive thead,.table.responsive tr:first-child:has(th){display:none}.table.responsive tbody,.table.responsive tr,.table.responsive td{display:block;width:100%}.table.responsive tr{background:#101010;border:1px solid #292319;border-radius:14px;margin-bottom:10px;padding:8px}.table.responsive td{border:0;padding:7px 9px}.table.responsive td:before{content:attr(data-label);display:block;color:#756e63;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.search-pill{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:620px){.loginbox .grid{grid-template-columns:1fr!important}.loginbox .btn{min-height:46px}.login-layout{border-radius:20px}.install-banner{align-items:flex-start;flex-direction:column}.install-banner .btn{width:100%}}