:root{color:#172033;font-synthesis:none;text-rendering:geometricprecision;background:#eef2fb;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading-screen,.login-screen{background:radial-gradient(circle at 12% 8%,#5a8cff3b,#0000 28%),radial-gradient(circle at 92% 76%,#793fe83d,#0000 34%),linear-gradient(135deg,#f8fbff,#eef1ff 46%,#f7f8fb);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#ffffffeb;border:1px solid #dfe7f6;border-radius:8px;gap:18px;width:100%;max-width:420px;padding:32px;display:grid;box-shadow:0 30px 90px #465d8b38}.login-mark,.brand-orb{color:#fff;background:#24b78f;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.eyebrow{color:#6b7590;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.15}h2{font-size:16px;line-height:1.2}.login-form{gap:14px;display:grid}label{color:#27334b;gap:7px;font-size:13px;font-weight:750;display:grid}input,select,textarea{color:#172033;background:#f8faff;border:1px solid #d7dfed;border-radius:8px;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:92px}input:focus,select:focus,textarea:focus{border-color:#4f7df3;outline:3px solid #4f7df326}.login-form button,.topbar-actions button{color:#fff;background:#4f7df3;border:0;border-radius:8px;min-height:42px;padding:0 16px;font-weight:800}button.secondary,.topbar-actions .secondary{color:#32415c;background:#eef3fb}button:disabled{cursor:not-allowed;opacity:.62}.error-message{color:#923333;background:#fff0f0;border:1px solid #f0b9b9;border-radius:8px;padding:12px}.app-shell{background:#eef2f6;grid-template-columns:244px minmax(0,1fr);min-height:100vh;padding:18px;display:grid}.nav-panel,.main-panel{background:#ffffffeb;border:1px solid #e1e7f3}.nav-panel{border-radius:8px 0 0 8px;grid-template-rows:auto 1fr;padding:16px 12px;display:grid}.nav-title{border-bottom:1px solid #e7edf6;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px;margin-bottom:14px;padding:0 4px 14px;display:grid}.nav-title .brand-orb{width:34px;height:34px}.nav-title>div{gap:4px;display:grid}.nav-title>div span{color:#7a8498;font-size:12px}.nav-panel nav{align-content:start;gap:6px;display:grid}.nav-item{color:#4d5a72;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;display:flex}.nav-item.active{color:#128b68;background:#e9f8f3;font-weight:800}.nav-item svg{flex:none}.mobile-drawer-close,.mobile-menu-button,.drawer-scrim{display:none}.main-panel{border-left:0;border-radius:0 8px 8px 0;grid-template-rows:auto minmax(0,1fr);gap:18px;min-width:0;padding:16px;display:grid}.topbar{border-bottom:1px solid #e7edf6;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding-bottom:14px;display:grid}.topbar-actions{gap:10px;display:flex}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.overview-strip{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.panel{background:#fff;border:1px solid #e3e9f2;border-radius:8px;box-shadow:0 18px 45px #3e527a12}.metric-card{gap:8px;min-height:118px;padding:18px;display:grid;position:relative;overflow:hidden}.metric-card:after{content:"";opacity:.2;border-radius:999px;width:70px;height:70px;position:absolute;top:-16px;right:-18px}.metric-card.green:after{background:#20b98f}.metric-card.blue:after{background:#38bdf8}.metric-card.orange:after{background:#f6b54d}.metric-card.violet:after{background:#955ef4}.metric-card span,.metric-card small,.panel-heading span,.conversation-row small,.detail-list dt{color:#748097;font-size:12px}.metric-card strong{font-size:30px}.panel{min-width:0;padding:16px}.panel-heading{border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;min-height:38px;margin-bottom:14px;padding-bottom:12px;display:flex}.panel-heading>div{gap:3px;min-width:0;display:grid}.status-pill{color:#15946f;background:#e8fbf3;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status-pill.muted{color:#7b8495;background:#f2f4f8}.product-bars,.lead-list,.conversation-list,.detail-list,.origin-list{gap:10px;display:grid}.bar-row{grid-template-columns:90px 1fr 28px;align-items:center;gap:10px;display:grid}.bar-row div{background:#edf2f8;border-radius:999px;height:10px;overflow:hidden}.bar-row i{border-radius:inherit;background:linear-gradient(90deg,#20b98f,#44c7f4);height:100%;display:block}.lead-list article,.conversation-row{background:#fbfcff;border:1px solid #edf1f7;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.avatar{color:#fff;background:#f6c65f;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:inline-flex}.lead-list span,.conversation-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.lead-list b,.conversation-row em{color:#50607b;background:#f2f6fb;border-radius:999px;padding:5px 8px;font-size:12px;font-style:normal}.usage-panel{grid-column:1/-1}.chart{grid-template-columns:repeat(18,minmax(8px,1fr));align-items:end;gap:10px;min-height:170px;display:grid;overflow:hidden}.chart.large{grid-template-columns:repeat(30,minmax(8px,1fr))}.chart-bar{flex-direction:column;justify-content:end;align-items:center;gap:6px;height:100%;display:flex}.chart-bar i{background:linear-gradient(#34bdec,#5585f7);border-radius:999px 999px 4px 4px;width:100%;min-height:8px;display:block}.chart-bar span{color:#7d879a;font-size:11px}.conversation-row{color:inherit;text-align:left;border:1px solid #0000;width:100%}.conversation-row.active{background:#edf7ff;border-color:#bcd8ff}.workspace-grid{grid-template-columns:minmax(240px,.8fr) minmax(360px,1.7fr) minmax(220px,.7fr);gap:18px;min-height:0;display:grid}.scroll{max-height:640px;padding-right:4px;overflow:auto}.chat-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.messages{gap:12px;max-height:680px;padding:4px;display:grid;overflow:auto}.message{border-radius:8px;max-width:82%;padding:12px}.message span{color:#7a8496;margin-bottom:6px;font-size:11px;display:block}.message.user{background:#f5f8fc;justify-self:start}.message.assistant{color:#fff;background:#5b84f3;justify-self:end}.message.assistant span{color:#ffffffd1}.detail-list{margin:0}.detail-list div{border-bottom:1px solid #edf1f7;gap:4px;padding:10px 0;display:grid}.detail-list dd{overflow-wrap:anywhere;margin:0}.table-panel,.usage-wide{grid-column:1/-1}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f7;padding:12px 10px}th{color:#68758c;text-transform:uppercase;font-size:12px}.site-grid,.snippet-grid,.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.site-card p{color:#4d5a72;margin-bottom:14px}.origin-list code{color:#31415c;overflow-wrap:anywhere;background:#f4f7fb;border:1px solid #e2e9f2;border-radius:6px;padding:8px;display:block}.snippet-card pre{color:#d6f4ff;white-space:pre-wrap;background:#111827;border-radius:8px;padding:14px;overflow:auto}.empty-state{color:#6e7890;padding:18px}.settings-layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px;min-height:0;display:grid}.settings-workspace,.widget-preview-panel,.settings-section{background:#fff;border:1px solid #dde5f0;border-radius:8px}.settings-workspace{gap:18px;padding:18px;display:grid}.settings-heading{border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.settings-heading select{max-width:220px}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-form-grid .wide{grid-column:1/-1}.avatar-field{align-content:start;gap:10px;display:grid}.avatar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.avatar-upload-button,.avatar-clear-button{border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.avatar-upload-button{color:#1f5fd0;cursor:pointer;background:#eef6ff;border:1px solid #cfe0f8}.avatar-upload-button input{opacity:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.avatar-clear-button{color:#52627c;background:#fff;border:1px solid #d7dfed}.avatar-cropper{background:#f8fbff;border:1px solid #dfe8f5;border-radius:8px;gap:14px;padding:14px;display:grid}.avatar-crop-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.avatar-crop-heading span{color:#24314a;align-items:center;gap:8px;font-weight:850;display:inline-flex}.avatar-crop-heading small{color:#748097;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.avatar-crop-content{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;display:grid}.avatar-crop-frame{background:#e6edf6;border:1px solid #cfd9e7;border-radius:999px;width:96px;height:96px;display:block;overflow:hidden}.avatar-crop-frame img{object-fit:cover;width:100%;height:100%}.avatar-crop-controls{gap:10px;display:grid}.avatar-crop-controls input[type=range]{min-height:28px;padding:0}.color-row,.toggle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.color-row input[type=color]{min-height:40px;padding:4px}.segmented-control{background:#edf3fb;border:1px solid #d8e3f0;border-radius:8px;grid-template-columns:repeat(2,90px);width:max-content;padding:4px;display:inline-grid}.segmented-control button,.settings-section button,.preview-replies button,.preview-rating button{color:#40516e;background:0 0;border:0;border-radius:6px;min-height:34px}.segmented-control button.active{color:#1f5fd0;background:#fff;font-weight:800;box-shadow:0 1px 4px #32466429}.settings-section{gap:12px;padding:14px;display:grid}.quick-reply-editor{gap:10px;display:grid}.quick-reply-editor>div{grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:10px;display:grid}.toggle-row{background:#f7faff;border:1px solid #e0e8f4;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-weight:750;display:flex}.toggle-row input{width:18px;min-height:auto}.save-settings{color:#fff;background:#1f8fff;border:0;border-radius:8px;justify-self:start;min-height:42px;padding:0 16px;font-weight:850}.save-toast{color:#126f56;z-index:60;background:#e8fbf3;border:1px solid #bfeeda;border-radius:8px;align-items:center;min-height:38px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex;position:fixed;top:24px;right:24px;box-shadow:0 18px 50px #182f4f2e}.widget-preview-panel{align-self:start;gap:16px;padding:18px;display:grid}.preview-chat{background:var(--preview-bg);color:var(--preview-text);border:1px solid #dce5f0;border-radius:8px;overflow:hidden;box-shadow:0 22px 55px #334c702b}.preview-chat header{background:var(--preview-primary);color:#fff;align-items:center;gap:12px;padding:16px;display:flex}.preview-avatar{background:#ffffff38;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex;overflow:hidden}.preview-avatar img{object-fit:cover;width:100%;height:100%}.preview-chat header div{gap:3px;display:grid}.preview-chat header small{opacity:.86}.preview-body{gap:12px;padding:16px;display:grid}.preview-bubble{border-radius:8px;max-width:85%;padding:10px 12px;font-size:13px;line-height:1.35}.preview-bubble.assistant{background:#f0f3f8}.preview-bubble.user{background:var(--preview-accent);color:#fff;justify-self:end}.preview-replies{flex-wrap:wrap;gap:8px;display:flex}.preview-replies button{border:1px solid var(--preview-primary);color:var(--preview-primary);padding:0 10px}.preview-rating{color:#63708a;align-items:center;gap:8px;font-size:12px;display:flex}.preview-rating button{border:1px solid #dbe4f2;min-width:28px;min-height:28px}.preview-chat footer{color:#94a0b5;border-top:1px solid #e6edf5;align-items:center;gap:8px;padding:12px;display:flex}.preview-chat footer span{flex:1;font-size:13px}.preview-chat footer button{background:var(--preview-primary);color:#fff;border:0;border-radius:999px;min-width:34px;min-height:34px;padding:0 12px}@media (width<=1080px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.overview-strip,.hub-grid,.workspace-grid,.site-grid,.snippet-grid,.usage-grid,.settings-layout{grid-template-columns:1fr}.widget-preview-panel{max-width:420px}}@media (width<=760px){.app-shell{padding:0;display:block}.nav-panel{z-index:30;border-radius:0;width:82vw;max-width:310px;padding:18px 14px;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:24px 0 70px #15243b3d}.nav-panel.open{transform:translate(0)}.drawer-scrim{z-index:20;background:#0d172675;border:0;padding:0;display:block;position:fixed;inset:0}.main-panel{border:0;border-radius:0;min-height:100vh}.topbar{grid-template-columns:auto minmax(0,1fr);align-items:center}.topbar-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.mobile-menu-button,.mobile-drawer-close{color:#24314a;background:#eef3fb;border:0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.mobile-drawer-close{width:34px;height:34px}.settings-form-grid,.color-row,.toggle-grid,.quick-reply-editor>div,.avatar-crop-content{grid-template-columns:1fr}}