*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0d0f14;--bg-surface: #141720;--bg-elevated: #1c2030;--bg-hover: #232840;--border: #2a2f45;--border-strong: #3a4060;--text-primary: #e8eaf0;--text-secondary: #8a90a8;--text-muted: #545c78;--accent: #7c5cfc;--accent-light: #9b80ff;--accent-dim: rgba(124, 92, 252, .15);--status-discovered-bg: rgba(100, 116, 139, .2);--status-discovered-text: #94a3b8;--status-discovered-dot: #64748b;--status-ranked-bg: rgba(59, 130, 246, .15);--status-ranked-text: #60a5fa;--status-ranked-dot: #3b82f6;--status-media-bg: rgba(168, 85, 247, .15);--status-media-text: #c084fc;--status-media-dot: #a855f7;--status-curated-bg: rgba(234, 179, 8, .15);--status-curated-text: #fbbf24;--status-curated-dot: #eab308;--status-published-bg: rgba(34, 197, 94, .15);--status-published-text: #4ade80;--status-published-dot: #22c55e;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font-ui: "Hanken Grotesk", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--tx: .15s ease}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-8);background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-logo{display:flex;align-items:center;gap:var(--sp-3)}.app-logo-mark{width:28px;height:28px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;letter-spacing:-.5px}.app-logo-text{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.app-logo-sub{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.app-header-right{display:flex;align-items:center;gap:var(--sp-4)}.app-user-badge{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.app-content{flex:1;padding:var(--sp-6) var(--sp-8);max-width:1400px;margin:0 auto;width:100%}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border);margin-bottom:var(--sp-6)}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;padding:var(--sp-3) var(--sp-4);font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color var(--tx),border-color var(--tx);margin-bottom:-1px;display:flex;align-items:center;gap:var(--sp-2)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-light);border-bottom-color:var(--accent)}.tab-badge{background:var(--bg-elevated);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:99px;border:1px solid var(--border)}.tab-btn.active .tab-badge{background:var(--accent-dim);color:var(--accent-light);border-color:#7c5cfc4d}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--tx),color var(--tx),border-color var(--tx),opacity var(--tx);border:1px solid transparent;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-light)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:12px}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.status-DISCOVERED{background:var(--status-discovered-bg);color:var(--status-discovered-text)}.status-DISCOVERED:before{background:var(--status-discovered-dot)}.status-RANKED{background:var(--status-ranked-bg);color:var(--status-ranked-text)}.status-RANKED:before{background:var(--status-ranked-dot)}.status-MEDIA_FETCHED{background:var(--status-media-bg);color:var(--status-media-text)}.status-MEDIA_FETCHED:before{background:var(--status-media-dot)}.status-CURATED{background:var(--status-curated-bg);color:var(--status-curated-text)}.status-CURATED:before{background:var(--status-curated-dot)}.status-PUBLISHED{background:var(--status-published-bg);color:var(--status-published-text)}.status-PUBLISHED:before{background:var(--status-published-dot)}.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-header-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.table-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sort-control{display:flex;align-items:center;gap:var(--sp-2);font-size:12px;color:var(--text-muted)}.sort-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px;font-family:var(--font-ui);font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--tx)}.sort-btn.active{background:var(--accent-dim);border-color:#7c5cfc4d;color:var(--accent-light)}table{width:100%;border-collapse:collapse}thead th{padding:var(--sp-3) var(--sp-4);text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-elevated);border-bottom:1px solid var(--border);white-space:nowrap}thead th:first-child{padding-left:var(--sp-5)}thead th:last-child{padding-right:var(--sp-5)}tbody tr{border-bottom:1px solid var(--border);transition:background var(--tx)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-hover)}tbody td{padding:var(--sp-3) var(--sp-4);color:var(--text-primary);vertical-align:middle}tbody td:first-child{padding-left:var(--sp-5)}tbody td:last-child{padding-right:var(--sp-5)}.biz-name{font-weight:600;color:var(--text-primary)}.biz-city{font-size:12px;color:var(--text-secondary);margin-top:2px}.score-cell{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--accent-light)}.rating-cell{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.photo-count{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.view-link{color:var(--accent-light);text-decoration:none;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:color var(--tx)}.view-link:hover{color:#fff;text-decoration:underline}.view-link-icon{opacity:.6;font-size:10px}.link-button{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--accent-light);cursor:pointer;text-align:left;transition:color var(--tx)}.link-button:hover{color:#fff}.stage-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.stage-NEW{background:#64748b33;color:#94a3b8}.stage-CONTACTED{background:#3b82f626;color:#60a5fa}.stage-INTERESTED{background:#7c5cfc26;color:#9b80ff}.stage-WON{background:#22c55e26;color:#4ade80}.stage-LOST{background:#ef44441f;color:#f87171}.build-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.build-NONE{background:transparent;color:var(--text-muted)}.build-QUEUED{background:var(--accent-dim);color:var(--accent-light)}.build-BUILDING{background:#eab30826;color:#fbbf24}.build-BUILT{background:#22c55e26;color:#4ade80}.build-FAILED{background:#ef44441f;color:#f87171}.submissions-list{display:flex;flex-direction:column;gap:var(--sp-3)}.submission-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);transition:border-color var(--tx),background var(--tx);position:relative}.submission-card:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.submission-card.unread{border-left:3px solid var(--accent)}.submission-card.read{opacity:.7}.submission-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-3)}.submission-meta{display:flex;flex-direction:column;gap:var(--sp-1)}.submission-name{font-weight:600;font-size:15px;color:var(--text-primary)}.submission-contact{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono);display:flex;gap:var(--sp-3);flex-wrap:wrap}.submission-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.read-indicator{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:99px}.read-indicator.unread{background:var(--accent-dim);color:var(--accent-light);border:1px solid rgba(124,92,252,.3)}.read-indicator.read{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.submission-body{display:flex;flex-direction:column;gap:var(--sp-2)}.submission-message{font-size:13px;color:var(--text-secondary);line-height:1.6;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}.submission-tags{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.submission-tag{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px}.submission-timestamp{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:var(--sp-6)}.login-card{width:100%;max-width:420px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.login-card-top{background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:var(--sp-8) var(--sp-8) var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.login-logo-mark{width:48px;height:48px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;letter-spacing:-1px}.login-title{font-size:20px;font-weight:700;color:var(--text-primary);text-align:center;letter-spacing:-.3px}.login-subtitle{font-size:13px;color:var(--text-muted);text-align:center;margin-top:-8px}.login-form{padding:var(--sp-6) var(--sp-8) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4)}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.form-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-family:var(--font-ui);font-size:14px;color:var(--text-primary);transition:border-color var(--tx),background var(--tx);width:100%}.form-input:focus{outline:none;border-color:var(--accent);background:var(--bg-base);box-shadow:0 0 0 3px var(--accent-dim)}.form-input::placeholder{color:var(--text-muted)}.form-error{display:flex;align-items:flex-start;gap:var(--sp-2);background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:13px;color:#f87171;line-height:1.4}.form-hint{font-size:12px;color:var(--text-muted);line-height:1.4}.btn-full{width:100%;justify-content:center;padding:var(--sp-3) var(--sp-4);font-size:14px}.state-empty,.state-loading,.state-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-8);text-align:center;gap:var(--sp-3)}.state-icon{font-size:32px;opacity:.4}.state-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.state-sub{font-size:13px;color:var(--text-muted)}.spinner{width:24px;height:24px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.section-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.section-count{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--sp-6)}.modal{width:100%;max-width:480px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 64px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.modal-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.modal-body{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);background:var(--bg-elevated)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.field-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-family:var(--font-ui);font-size:14px;color:var(--text-primary);transition:border-color var(--tx),background var(--tx);width:100%}.field-input:focus{outline:none;border-color:var(--accent);background:var(--bg-base);box-shadow:0 0 0 3px var(--accent-dim)}.field-input::placeholder{color:var(--text-muted)}.field-checkbox{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;font-size:13px;color:var(--text-secondary)}.field-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.muted{color:var(--text-muted);font-size:12px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;display:flex;justify-content:flex-end}.drawer{width:420px;max-width:100%;height:100%;background:var(--bg-surface);border-left:1px solid var(--border-strong);display:flex;flex-direction:column;overflow-y:auto;box-shadow:-8px 0 32px #0006}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1;flex-shrink:0}.drawer-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.drawer-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.drawer-section{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.drawer-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.contact-log{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2);font-size:13px;color:var(--text-secondary)}.contact-add{display:flex;align-items:center;gap:var(--sp-2)}.contact-add .field-input{flex:1;min-width:0}.contact-add select.field-input{flex:0 0 auto;width:auto}.submission-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.submission-list .submission-name{font-weight:600;font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-2)}.submission-list .submission-message{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:var(--sp-1)}.unread-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}@media(max-width:768px){.app-header{padding:var(--sp-3) var(--sp-4)}.app-content{padding:var(--sp-4)}.app-user-badge{display:none}table{display:block}thead{display:none}tbody{display:block}tbody tr{padding:var(--sp-3) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}tbody td{display:block;padding:0}tbody td:before{content:attr(data-label);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}}