:root{--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:#1f2937;background:#f5f7fb;min-height:100vh;margin:0}#root{width:100%;min-height:100vh;margin:0 auto}h1,h2,h3,h4{color:#0f172a;margin:0;font-weight:600}p{margin:0}.app-shell{color:#1f2937;background:linear-gradient(#f5f7fb 0%,#eef2f9 100%);min-height:100vh}.app-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:18px 28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 6px 18px #6366f159}.brand-title{letter-spacing:-.2px;color:#0f172a;font-size:20px}.brand-sub{color:#64748b;margin-top:2px;font-size:13px}.header-meta{flex-wrap:wrap;gap:10px;display:flex}.meta-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.dot{background:#94a3b8;border-radius:50%;width:8px;height:8px}.dot-live{background:#10b981;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 4px #10b9812e}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #10b9812e}50%{box-shadow:0 0 0 7px #10b98114}}.app-main{flex-direction:column;gap:24px;max-width:1280px;margin:0 auto;padding:28px;display:flex}.app-footer{text-align:center;color:#94a3b8;max-width:1280px;margin:0 auto;padding:24px 28px 36px;font-size:12.5px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card-head h3{letter-spacing:-.1px;align-items:center;gap:8px;font-size:15px;display:flex}.card-sub{color:#64748b;margin-top:4px;font-size:12.5px}.card-head-icon{color:#94a3b8}.count-pill{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.count-hot{color:#b91c1c;background:#ef44441a}.inline-icon{color:#64748b}.hot-icon{color:#ef4444}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;padding:18px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 1px 2px #0f172a08,0 6px 18px #0f172a0a}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0f172a0d,0 12px 28px #0f172a14}.kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-meta{flex-direction:column;min-width:0;display:flex}.kpi-label{color:#64748b;font-size:12.5px;font-weight:500}.kpi-value{color:#0f172a;letter-spacing:-.4px;margin-top:2px;font-size:24px;font-weight:700;line-height:1.2}.kpi-subtle{color:#94a3b8;font-size:11.5px}.charts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.chart-card{min-width:0}.chart-wide{grid-column:span 2}.chart-body{width:100%}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13.5px}.data-table thead th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11.5px;font-weight:600}.data-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 12px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#fafbfd}.row-hot{background:linear-gradient(90deg,#ef44440f 0%,#ef444400 60%)}.row-hot-soft td:first-child{border-left:3px solid #ef4444;padding-left:12px}.empty-row{text-align:center;color:#94a3b8;font-style:italic;padding:28px!important}.lead-cell{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.avatar-hot{background:linear-gradient(135deg,#ef4444,#f97316)}.lead-name{color:#0f172a;font-size:13.5px;font-weight:600}.lead-id{color:#94a3b8;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}.lead-sub{color:#64748b;margin-top:2px;font-size:12px}.mono{color:#475569;font-family:ui-monospace,Consolas,monospace;font-size:12.5px}.badge{letter-spacing:.2px;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-hot{color:#b91c1c;background:#ef44441f;border:1px solid #ef444440}.badge-warm{color:#b45309;background:#f59e0b24;border:1px solid #f59e0b4d}.status-pill{border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.score-cell{align-items:center;gap:8px;display:flex}.score-bar{background:#f1f5f9;border-radius:999px;flex:1;min-width:60px;height:6px;overflow:hidden}.score-fill{border-radius:999px;height:100%;transition:width .4s}.score-num{color:#334155;text-align:right;min-width:28px;font-size:12.5px;font-weight:600}.followup-list{flex-direction:column;gap:8px;display:flex}.followup-item{background:#fafbfd;border:1px solid #eef2f7;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.followup-item:hover{background:#f5f8fc;border-color:#d8e0ec}.followup-left{align-items:center;gap:12px;min-width:0;display:flex}.followup-alert{color:#ef4444;flex-shrink:0}.followup-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.empty-state{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:30px 18px;display:flex}.empty-state svg{color:#10b981}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-box{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;padding:9px 12px;transition:border-color .15s,background .15s;display:flex}.search-box:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.search-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.search-box input::placeholder{color:#94a3b8}.select-group{flex-wrap:wrap;gap:10px;display:flex}.select-group label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.select-group select{color:#0f172a;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e") right 10px center no-repeat;border:1px solid #e2e8f0;border-radius:10px;padding:8px 30px 8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s}.select-group select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.arch-flow{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.arch-row{flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex}.arch-step{background:#fafbfd;border:1px solid #eef2f7;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;padding:14px 16px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.arch-step:hover{border-color:#d8e0ec;transform:translateY(-1px);box-shadow:0 4px 14px #0f172a0d}.arch-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.arch-meta{flex-direction:column;min-width:0;display:flex}.arch-label{color:#0f172a;letter-spacing:-.1px;font-size:13.5px;font-weight:600}.arch-sub{color:#64748b;margin-top:2px;font-size:12px}.arch-arrow{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;display:flex}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-wide{grid-column:span 2}}@media (width<=820px){.app-main{padding:20px}.header-inner{padding:16px 20px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid{grid-template-columns:1fr}.chart-wide{grid-column:span 1}.split-grid{grid-template-columns:1fr}.brand-title{font-size:18px}.arch-flow{flex-direction:column;align-items:stretch;gap:4px}.arch-row{flex-direction:column;gap:4px;width:100%}.arch-arrow{padding:4px 0;transform:rotate(90deg)}}@media (width<=520px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-value{font-size:20px}.card{padding:18px}.filter-row{flex-direction:column;align-items:stretch}.select-group{width:100%}.select-group label{flex:1}.select-group select{width:100%}}