@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--lq-bg:#0c1017;--lq-surface:#121820;--lq-surface-raised:#1a222d;--lq-surface-hover:#1f2936;--lq-border:#243040;--lq-border-light:#2e3e52;--lq-text:#e4e8ef;--lq-text-muted:#8a95a8;--lq-text-dim:#556275;--lq-accent:#ec5800;--lq-accent-muted:#d04e00;--lq-accent-glow:#ec58001f;--lq-accent-glow-strong:#ec580038;--lq-error:#f87171;--lq-error-bg:#f8717114;--lq-radius:8px;--lq-radius-lg:14px;--lq-font:"Outfit",sans-serif;--lq-mono:"JetBrains Mono",monospace}.lq-page{min-height:100vh;font-family:var(--lq-font);color:var(--lq-text);background:var(--lq-bg);display:flex}.lq-panel{max-height:100vh;padding:2rem;overflow-y:auto}.lq-panel--form{background:var(--lq-surface);border-right:1px solid var(--lq-border);width:40%;min-width:380px}.lq-panel--dashboard{background:var(--lq-bg);flex:1;width:60%}.lq-form-header{margin-bottom:1.5rem}.lq-title{color:var(--lq-text);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.lq-subtitle{color:var(--lq-text-muted);font-size:.9rem;line-height:1.4}.lq-business-type{margin-bottom:1rem}.lq-demo-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.lq-demo-label{color:var(--lq-text-dim);font-size:.8rem;font-weight:500}.lq-demo-btn{cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--lq-font);background:0 0;border:1.5px solid;border-radius:6px;padding:.3rem .65rem;transition:all .15s}.lq-demo-btn--hot{color:#f87171;border-color:#f8717159}.lq-demo-btn--hot:hover{background:#f871711a;border-color:#f87171}.lq-demo-btn--warm{color:#fbbf24;border-color:#fbbf2459}.lq-demo-btn--warm:hover{background:#fbbf241a;border-color:#fbbf24}.lq-demo-btn--cold{color:#60a5fa;border-color:#60a5fa59}.lq-demo-btn--cold:hover{background:#60a5fa1a;border-color:#60a5fa}.lq-form{flex-direction:column;gap:1rem;display:flex}.lq-field{flex-direction:column;flex:1;gap:.3rem;display:flex}.lq-row{gap:1rem;display:flex}.lq-label{color:var(--lq-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.lq-required{color:var(--lq-accent)}.lq-input,.lq-select,.lq-textarea{border:1.5px solid var(--lq-border);border-radius:var(--lq-radius);color:var(--lq-text);background:var(--lq-surface-raised);font-size:.9rem;font-family:var(--lq-font);padding:.6rem .75rem;transition:border-color .15s,box-shadow .15s}.lq-input::placeholder,.lq-textarea::placeholder{color:var(--lq-text-dim)}.lq-input:focus,.lq-select:focus,.lq-textarea:focus{border-color:var(--lq-accent);box-shadow:0 0 0 3px var(--lq-accent-glow);background:var(--lq-surface-hover);outline:none}.lq-textarea{resize:vertical}.lq-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23556275' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.lq-select option{background:var(--lq-surface);color:var(--lq-text)}.lq-error{background:var(--lq-error-bg);border-radius:var(--lq-radius);color:var(--lq-error);border:1px solid #f8717140;padding:.75rem 1rem;font-size:.85rem}.lq-submit{background:var(--lq-accent);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--lq-font);border:none;border-radius:10px;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .2s}.lq-submit:hover:not(:disabled){background:var(--lq-accent-muted);box-shadow:0 4px 16px var(--lq-accent-glow-strong);transform:translateY(-1px)}.lq-submit:disabled{opacity:.7;cursor:not-allowed}.lq-stats-bar{gap:1rem;margin-bottom:1.5rem;display:flex}.lq-stat{background:var(--lq-surface);border:1px solid var(--lq-border);text-align:center;border-radius:12px;flex:1;padding:1rem}.lq-stat-count{color:var(--lq-text);font-size:1.75rem;font-weight:700;display:block}.lq-stat-count--hot{color:#f87171}.lq-stat-count--warm{color:#fbbf24}.lq-stat-count--cold{color:#60a5fa}.lq-stat-label{color:var(--lq-text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.lq-loading{color:var(--lq-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.lq-spinner{border:3px solid var(--lq-border);border-top-color:var(--lq-accent);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:.8s linear infinite lq-spin}@keyframes lq-spin{to{transform:rotate(360deg)}}.lq-empty{text-align:center;color:var(--lq-text-dim);padding:4rem 2rem}.lq-empty-icon{margin-bottom:1rem;font-size:3rem}.lq-empty h3{color:var(--lq-text-muted);margin-bottom:.5rem;font-size:1.1rem}.lq-empty p{font-size:.9rem}.lq-dashboard-content{gap:1.5rem;height:calc(100vh - 8rem);display:flex}.lq-queue{flex-direction:column;gap:.75rem;width:280px;min-width:280px;display:flex;overflow-y:auto}.lq-queue-title{text-transform:uppercase;letter-spacing:.05em;color:var(--lq-text-dim);margin-bottom:.25rem;font-size:.85rem;font-weight:600}.lq-card{background:var(--lq-surface);border:1.5px solid var(--lq-border);cursor:pointer;text-align:left;width:100%;font-family:var(--lq-font);color:var(--lq-text);border-radius:12px;padding:1rem;transition:all .15s;animation:.3s lq-slideIn}@keyframes lq-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lq-card:hover{border-color:var(--lq-accent);box-shadow:0 2px 12px var(--lq-accent-glow)}.lq-card--selected{border-color:var(--lq-accent);box-shadow:0 2px 16px var(--lq-accent-glow-strong);background:var(--lq-surface-raised)}.lq-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.lq-card-name{color:var(--lq-text);font-size:.9rem;font-weight:600;display:block}.lq-card-company{color:var(--lq-text-dim);font-size:.8rem;display:block}.lq-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.lq-card-value{color:var(--lq-text-muted);font-size:.75rem;font-weight:500}.lq-card-time{color:var(--lq-text-dim);margin-left:auto;font-size:.7rem}.lq-card-score{align-items:center;gap:.5rem;display:flex}.lq-score-bar{background:var(--lq-border);border-radius:2px;flex:1;height:4px;overflow:hidden}.lq-score-fill{background:var(--lq-accent);height:100%;box-shadow:0 0 8px var(--lq-accent-glow-strong);border-radius:2px;transition:width .5s}.lq-score-label{color:var(--lq-text-dim);text-align:right;min-width:40px;font-size:.7rem;font-weight:600;font-family:var(--lq-mono)}.lq-badge{letter-spacing:.04em;white-space:nowrap;border-radius:6px;align-items:center;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.lq-badge--lg{border-radius:8px;padding:.3rem .75rem;font-size:.85rem}.lq-badge--hot{color:#f87171;background:#f871711f;border:1px solid #f871714d}.lq-badge--warm{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf244d}.lq-badge--cold{color:#60a5fa;background:#60a5fa1f;border:1px solid #60a5fa4d}.lq-tag{background:var(--lq-surface-raised);color:var(--lq-text-muted);border:1px solid var(--lq-border);border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:500;display:inline-block}.lq-tag--lg{padding:.25rem .65rem;font-size:.85rem}.lq-detail{background:var(--lq-surface);border:1px solid var(--lq-border);border-radius:16px;flex:1;padding:1.75rem;animation:.2s lq-fadeIn;overflow-y:auto}@keyframes lq-fadeIn{0%{opacity:0}to{opacity:1}}.lq-detail-header{border-bottom:1px solid var(--lq-border);justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.lq-detail-name{color:var(--lq-text);margin-bottom:.15rem;font-size:1.35rem;font-weight:700}.lq-detail-company{color:var(--lq-text-muted);font-size:.9rem}.lq-detail-contact{color:var(--lq-text-dim);margin-top:.25rem;font-size:.8rem}.lq-detail-badges{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.lq-detail-score{color:var(--lq-accent);font-size:.8rem;font-weight:600;font-family:var(--lq-mono)}.lq-detail-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.lq-detail-item{flex-direction:column;gap:.25rem;display:flex}.lq-detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--lq-text-dim);font-size:.7rem;font-weight:600}.lq-detail-value{color:var(--lq-text);font-size:.9rem;font-weight:500}.lq-detail-reason{background:var(--lq-surface-raised);border:1px solid var(--lq-border);color:var(--lq-text-muted);border-radius:10px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.5}.lq-detail-reason strong{color:var(--lq-text)}.lq-detail-section{margin-bottom:1.5rem}.lq-detail-section h4{color:var(--lq-text);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.lq-insights{flex-direction:column;gap:.4rem;list-style:none;display:flex}.lq-insights li{background:var(--lq-surface-raised);color:var(--lq-text-muted);border-left:3px solid var(--lq-accent);border-radius:8px;padding:.4rem .75rem;font-size:.85rem}.lq-callout{background:var(--lq-accent-glow);border:1px solid #ec580033;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.lq-callout h4{color:var(--lq-accent);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.35rem;font-size:.8rem;font-weight:600}.lq-callout p{color:var(--lq-text);font-size:.9rem;font-weight:500;line-height:1.5}.lq-email-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.lq-email-header h4{margin-bottom:0}.lq-copy-btn{background:var(--lq-surface-raised);border:1px solid var(--lq-border);cursor:pointer;color:var(--lq-text-muted);font-size:.8rem;font-weight:500;font-family:var(--lq-font);border-radius:6px;padding:.35rem .75rem;transition:all .15s}.lq-copy-btn:hover{background:var(--lq-surface-hover);border-color:var(--lq-accent);color:var(--lq-accent)}.lq-email-preview{border:1px solid var(--lq-border);background:var(--lq-surface-raised);border-radius:12px;overflow:hidden}.lq-email-subject{background:var(--lq-surface-hover);border-bottom:1px solid var(--lq-border);color:var(--lq-text);padding:.75rem 1rem;font-size:.85rem}.lq-email-body{color:var(--lq-text-muted);white-space:pre-wrap;padding:1rem;font-size:.85rem;line-height:1.65}.lq-original-message{color:var(--lq-text-muted);background:var(--lq-surface-raised);border:1px solid var(--lq-border);border-radius:10px;padding:.75rem 1rem;font-size:.85rem;font-style:italic;line-height:1.5}@media (max-width:1024px){.lq-page{flex-direction:column}.lq-panel--form{width:100%;min-width:unset;max-height:unset;border-right:none;border-bottom:1px solid var(--lq-border)}.lq-panel--dashboard{width:100%;max-height:unset}.lq-dashboard-content{flex-direction:column;height:auto}.lq-queue{width:100%;min-width:unset;flex-direction:row;gap:.75rem;padding-bottom:.5rem;overflow-x:auto}.lq-card{min-width:240px}.lq-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.lq-panel{padding:1.25rem}.lq-row{flex-direction:column}.lq-stats-bar{flex-wrap:wrap}.lq-stat{min-width:calc(50% - .5rem)}.lq-detail-grid{grid-template-columns:1fr 1fr}.lq-detail-header{flex-direction:column;gap:1rem}.lq-detail-badges{flex-direction:row;align-items:center}}
