@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap";:root{--accent:#2ba89e;--accent-hover:#239389;--accent-subtle:#2ba89e14;--accent-ink:#145a55;--feature-pill-bg:#2ba89e1f;--feature-pill-border:#145a5538;--positive:#16a34a;--evergreen:#34c759;--negative:#dc2626;--neutral-sem:#6b7280;--frustrated:#d97706;--excited:#7c3aed;--critical:#dc2626;--high:#ea580c;--medium:#ca8a04;--low:#9ca3af;--buyer:#2563eb;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Geist Mono", "SF Mono", monospace;--text-xs:13px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--transition-fast:.15s ease;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--bg-hover:#e9ecef;--border:#dee2e6;--border-subtle:#e9ecef;--text-primary:#1c1e21;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}*,select,input,button,textarea{font-family:inherit}body{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-layout{grid-template-columns:200px 1fr;height:100vh;display:grid}.app-layout.with-detail{grid-template-columns:200px 1fr 380px}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);padding:var(--space-12);flex-direction:column;display:flex;overflow-y:auto}.sidebar-logo{font-size:var(--text-md);color:var(--accent);margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--border);letter-spacing:-.01em;font-weight:600}.sidebar-section{margin-bottom:var(--space-8)}.sidebar-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-top:var(--space-12);margin-bottom:var(--space-4);font-size:11px;font-weight:500}.sidebar-item{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);min-height:32px;font:inherit;text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.sidebar-item:focus{outline:none}.sidebar-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.sidebar-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:500}.sidebar-count{font-family:var(--font-mono);color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.sidebar-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-layout.sidebar-narrow{grid-template-columns:52px 1fr}.app-layout.sidebar-narrow.with-detail{grid-template-columns:52px 1fr 380px}.sidebar-collapsed{padding:var(--space-8) var(--space-4);align-items:center}.sidebar-collapsed .sidebar-logo{padding-bottom:var(--space-4);margin-bottom:var(--space-8);font-size:14px}.sidebar-collapsed .sidebar-section-title{display:none}.sidebar-collapsed .sidebar-item{padding:var(--space-4);justify-content:center}.main-content{padding:var(--space-24) var(--space-32);overflow-y:auto}.page-header{margin-bottom:var(--space-16);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:600}.btn{align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-16);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);border:none;min-height:34px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.tag{padding:2px var(--space-8);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;font-size:12px;font-weight:500;line-height:1.6;display:inline-flex}.tag-positive{color:var(--positive);background:#16a34a1a;border:1px solid #16a34a40}.tag-evergreen{color:var(--evergreen);background:#34c7591f;border:1px solid #34c75947}.tag-negative{color:var(--negative);background:#dc262614;border:1px solid #dc262633}.tag-frustrated{color:var(--frustrated);background:#d977061a;border:1px solid #d9770640}.tag-excited{color:var(--excited);background:#7c3aed14;border:1px solid #7c3aed33}.tag-neutral{color:var(--neutral-sem);background:#6b728014;border:1px solid #6b728033}.tag-accent{color:var(--accent);background:#2ba89e14;border:1px solid #2ba89e40}.tag-critical{color:var(--critical);background:#dc262614;border:1px solid #dc262633}.tag-high{color:var(--high);background:#ea580c14;border:1px solid #ea580c33}.tag-buyer{color:var(--buyer);background:#2563eb14;border:1px solid #2563eb33}.filter-bar{gap:var(--space-8);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.filter-chip{padding:var(--space-4) var(--space-12);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;font-size:12px;display:inline-flex}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.input{padding:var(--space-6) var(--space-12);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-xs);transition:border-color var(--transition-fast);outline:none;min-height:34px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2ba89e26}.input::placeholder{color:var(--text-tertiary)}select.input{cursor:pointer;padding-right:var(--space-24);appearance:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:var(--space-8) var(--space-12);background:var(--bg-primary);z-index:2;border-bottom:2px solid var(--border);font-size:11px;font-weight:600;position:sticky;top:0}.data-table td{padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);vertical-align:top;line-height:1.5}.data-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-tertiary)}.data-table tbody tr.selected{background:var(--accent-subtle)}.data-table td[data-numeric]{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:12px}.customer-name{color:var(--text-primary);font-weight:500}.customer-meta{color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono);margin-top:2px}.buyer-badge{color:var(--buyer);align-items:center;gap:3px;font-size:10px;font-weight:600;display:inline-flex}.buyer-badge:before{content:"";background:var(--buyer);border-radius:50%;width:5px;height:5px;display:block}.feature-pill{max-width:100%;padding:2px var(--space-8);border-radius:var(--radius-sm);border:1px solid var(--feature-pill-border);background:var(--feature-pill-bg);color:var(--accent-ink);white-space:normal;align-items:center;font-size:12px;font-weight:600;line-height:1.45;display:inline-flex}.feature-pill-link{border-radius:var(--radius-md);border:1px solid var(--feature-pill-border);background:var(--feature-pill-bg);transition:border-color var(--transition-fast), background var(--transition-fast);margin-bottom:8px;padding:6px 10px;text-decoration:none;display:block}.feature-pill-link:hover{border-color:color-mix(in srgb, var(--accent-ink) 35%, transparent);background:color-mix(in srgb, var(--feature-pill-bg) 85%, white);text-decoration:none}.feature-pill-title{color:var(--accent-ink);font-size:13px;font-weight:600}.source-icon{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:2px 6px;font-size:11px}.detail-panel{background:var(--bg-secondary);border-left:1px solid var(--border);z-index:10;flex-direction:column;width:500px;padding:0;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-2px 0 12px #00000014}.detail-header{padding:var(--space-16) var(--space-24);padding-bottom:var(--space-16);border-bottom:1px solid var(--border);background:var(--bg-secondary);z-index:1;flex-shrink:0;position:sticky;top:0}.detail-panel>:not(.detail-header){padding-left:var(--space-24);padding-right:var(--space-24)}.detail-panel>.detail-section:first-of-type{padding-top:var(--space-16)}.detail-title{font-size:var(--text-md);margin-bottom:var(--space-4);font-weight:600}.detail-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.detail-section{margin-bottom:var(--space-24)}.detail-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-8);font-size:11px;font-weight:600}.detail-quote{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);padding:var(--space-12) var(--space-16);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);line-height:1.65}.detail-field{justify-content:space-between;align-items:baseline;gap:var(--space-8);padding:var(--space-4) 0;font-size:var(--text-xs);display:flex}.detail-field-label{color:var(--text-tertiary);flex-shrink:0}.detail-field-value{color:var(--text-primary);text-align:right;min-width:0;font-weight:500}.stats-row{gap:var(--space-12);margin-bottom:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-12) var(--space-16)}.stat-label{color:var(--text-tertiary);margin-bottom:var(--space-2);font-size:12px}.stat-value{font-size:var(--text-lg);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.pagination{gap:var(--space-8);padding:var(--space-16) 0;font-size:var(--text-xs);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--space-48) var(--space-32);color:var(--text-tertiary)}.empty-state-title{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-8);font-weight:500}.feed-card{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:10px;margin-bottom:12px;padding:16px 20px;transition:background .15s,border-color .15s;display:block}.feed-card:hover{border-color:var(--border);background:var(--bg-hover)!important}.feed-skeleton{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:12px;animation:1.5s ease-in-out infinite pulse}@media (width<=900px){.feed-sidebar{display:none}}@media print{.sidebar{display:none!important}.app-layout{grid-template-columns:1fr!important}.main-content{max-width:100%!important;padding:0!important}}