@font-face{font-family:Fabriga;src:url(/fonts/Fabriga-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fabriga;src:url(/fonts/Fabriga-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fabriga;src:url(/fonts/Fabriga-RegularItalic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Fabriga;src:url(/fonts/Fabriga-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fabriga;src:url(/fonts/Fabriga-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--surfie:#0a8577;--accent-rgb:10, 133, 119;--surfie-dark:#086a5f;--surfie-darker:#065047;--surfie-light:#22b7a6;--surfie-lightest:#e0f9f6;--sea:#1ea8a5;--sea-lightest:#e5fafa;--eclipse:#404040;--slate:#777;--gainsboro:#d9d9d9;--smoke:#f0f0f0;--cloud:#fafafa;--snow:#fff;--ivory:#fffef1;--pearl:#fefbe8;--punch:#9d3535;--punch-lightest:#f7e9e9;--jaffa:#dd7b46;--gold-dark:#f5b600;--positive:#16a34a;--evergreen:#34c759;--excited:#7c3aed;--buyer:#2563eb;--accent:var(--surfie);--accent-hover:var(--surfie-dark);--accent-subtle:#0a857714;--accent-ink:var(--surfie-darker);--feature-pill-bg:var(--surfie-lightest);--feature-pill-border:#0a85772e;--bg-primary:var(--snow);--bg-secondary:var(--cloud);--bg-tertiary:var(--smoke);--bg-hover:var(--smoke);--border:var(--gainsboro);--border-subtle:var(--smoke);--text-primary:var(--eclipse);--text-secondary:var(--slate);--text-tertiary:var(--slate);--text-inverse:var(--snow);--negative:var(--punch);--critical:var(--punch);--frustrated:var(--jaffa);--high:var(--jaffa);--medium:var(--gold-dark);--low:var(--slate);--neutral-sem:var(--slate);--font-sans:"Fabriga", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, 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-10:10px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-soft:0 2px 6px #00000014;--shadow-card:0 4px 16px #00000014;--max-content:1680px;--max-prose:720px;--max-narrow:560px;--sidenav-width:240px;--sidenav-collapsed:56px;--transition-fast:.15s ease;--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:240px 1fr;height:100vh;display:grid}.app-layout.with-detail{grid-template-columns:240px 1fr 500px}.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:56px 1fr}.app-layout.sidebar-narrow.with-detail{grid-template-columns:56px 1fr 500px}.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);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:22px;min-height:34px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn-large{padding:var(--space-8) var(--space-24);border-radius:28px;min-height:40px}.btn-primary{background:var(--surfie);color:var(--snow);border-color:var(--surfie)}.btn-primary:hover{background:var(--surfie-dark);border-color:var(--surfie-dark)}.btn-secondary{background:var(--surfie-lightest);color:var(--surfie-darker);border-color:#0a857729}.btn-secondary:hover{background:var(--surfie-lightest);border-color:#0a857752}.btn-ghost{color:var(--surfie);border-color:var(--gainsboro);background:0 0}.btn-ghost:hover{background:var(--smoke);border-color:var(--surfie)}.btn-destructive{background:var(--punch);color:var(--snow);border-color:var(--punch)}.btn-destructive:hover{background:#802b2b;border-color:#802b2b}.tag{padding:3px var(--space-10);font-family:var(--font-sans);white-space:nowrap;border-radius:14px;align-items:center;font-size:12px;font-weight:500;line-height:1.5;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:#9d353514;border:1px solid #9d353538}.tag-frustrated{color:var(--frustrated);background:#dd7b461a;border:1px solid #dd7b4640}.tag-excited{color:var(--excited);background:#7c3aed14;border:1px solid #7c3aed33}.tag-neutral{color:var(--neutral-sem);background:#77777714;border:1px solid #77777738}.tag-accent{color:var(--accent);background:#0a857714;border:1px solid #0a857740}.tag-critical{color:var(--critical);background:#9d353514;border:1px solid #9d353538}.tag-high{color:var(--high);background:#dd7b4614;border:1px solid #dd7b4638}.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:1px solid var(--gainsboro);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:22px;align-items:center;font-size:12px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.filter-chip:hover{border-color:var(--surfie);color:var(--surfie)}.filter-chip.active{color:var(--surfie-darker);background:var(--surfie-lightest);border-color:#0a85772e}.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 rgba(var(--accent-rgb), .15)}.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:.06em;color:var(--slate);padding:var(--space-10) var(--space-12);background:var(--cloud);z-index:2;border-bottom:1px solid var(--gainsboro);font-size:11px;font-weight:500;position:sticky;top:0}.data-table td{padding:var(--space-10) var(--space-12);border-bottom:1px solid var(--smoke);font-size:var(--text-sm);vertical-align:top;color:var(--eclipse);line-height:1.55}.data-table tbody tr{cursor:pointer;transition:background-color .12s}.data-table tbody tr:hover{background:var(--cloud)}.data-table tbody tr.selected{background:var(--surfie-lightest)}.data-table td[data-numeric]{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:13px}.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;word-break:keep-all;overflow-wrap:break-word;align-items:center;font-size:12px;font-weight:500;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(--snow);border-left:1px solid var(--gainsboro);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(--gainsboro);background:var(--snow);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(--gainsboro);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(--snow);border:1px solid var(--gainsboro);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(--snow);border:1px solid var(--gainsboro);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<=720px){.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}}