:root,[data-theme=light]{--bg-page: #f4f5f7;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-input: #f4f5f7;--bg-hover: #f0f1f4;--border: #e2e5e9;--text-heading: #111827;--text-primary: #374151;--text-muted: #6b7280;--text-faint: #9ca3af;--accent: #6366f1;--accent-light: rgba(99, 102, 241, .08);--success: #16a34a;--danger: #dc2626;--warning: #ca8a04;--scrollbar-thumb: #d1d5db;--scrollbar-hover: #9ca3af;--chart-active: #059669;--chart-warm: #4f46e5;--chart-cold: #475569;--msg-sent: #1d4ed8;--msg-received: #c2410c}[data-theme=dark]{--bg-page: #0f1117;--bg-sidebar: #161822;--bg-card: #1a1d2e;--bg-input: #161822;--bg-hover: #1f2237;--border: #23273a;--text-heading: #ffffff;--text-primary: #e0e0e0;--text-muted: #8b8fa3;--text-faint: #6b6f83;--accent: #6366f1;--accent-light: rgba(99, 102, 241, .12);--success: #22c55e;--danger: #ef4444;--warning: #eab308;--scrollbar-thumb: #23273a;--scrollbar-hover: #363a52;--chart-active: #22c55e;--chart-warm: #6366f1;--chart-cold: #64748b;--msg-sent: #2563eb;--msg-received: #ea580c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);color:var(--text-primary)}a{color:inherit}input,select,button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.classify-table-sort-btn{background:none;border:none;padding:0;margin:0;font:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;display:inline-flex;align-items:center;gap:2px;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classify-table-sort-btn:hover{color:var(--text-primary)}.classify-col-info:hover{box-shadow:0 0 0 1px var(--accent)}.classify-contact-block{border-bottom:1px solid var(--border)}.classify-contact-row{transition:background .15s ease;cursor:pointer}.classify-contact-row:hover,.classify-contact-row.classify-contact-row--expanded{background:var(--bg-hover)!important}.classify-row-chevron{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0;color:var(--text-faint);transition:transform .28s cubic-bezier(.4,0,.2,1),color .15s}.classify-contact-row--expanded .classify-row-chevron{transform:rotate(90deg);color:var(--accent)}.classify-row-classification-actions{padding:8px 20px;margin:-8px -20px;border-radius:8px}.classify-row-colour-btn{min-width:30px;min-height:30px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);font-size:10px;font-weight:700;cursor:pointer;padding:0;flex-shrink:0;opacity:.5;transition:background .22s ease,color .22s ease,opacity .22s ease,border-color .22s ease}.classify-row-colour-btn.is-selected{opacity:1;border-width:2px;border-color:var(--text-heading)}.classify-row-colour-btn--red.is-selected{background:#c0392b;color:#fff}.classify-row-colour-btn--amber.is-selected{background:#f39c12;color:#000}.classify-row-colour-btn--green.is-selected{background:#27ae60;color:#fff}.classify-row-colour-btn--spam.is-selected{background:#8b3a2a;color:#fff}.classify-row-classification-actions--unclassified .classify-row-colour-btn:not(.is-selected){opacity:.45}.classify-row-classification-actions--unclassified .classify-row-colour-btn--red:not(.is-selected):hover{background:#c0392b;color:#fff;border-color:#c0392b;opacity:1}.classify-row-classification-actions--unclassified .classify-row-colour-btn--amber:not(.is-selected):hover{background:#f39c12;color:#000;border-color:#f39c12;opacity:1}.classify-row-classification-actions--unclassified .classify-row-colour-btn--green:not(.is-selected):hover{background:#27ae60;color:#fff;border-color:#27ae60;opacity:1}.classify-row-classification-actions--unclassified .classify-row-colour-btn--spam:not(.is-selected):hover{background:#8b3a2a;color:#fff;border-color:#8b3a2a;opacity:1}.classify-summary-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.classify-tutorial{background:var(--bg-card);padding:22px 24px 18px;border-radius:14px;box-shadow:0 20px 60px -20px #0000008c,0 8px 18px -8px #0006;display:flex;flex-direction:column}.classify-tutorial-overlay{position:fixed;inset:0;z-index:1000;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;animation:classifyTutorialOverlayIn .22s ease-out}.classify-tutorial-modal{width:min(520px,100%);max-height:calc(100vh - 32px);animation:classifyTutorialModalIn .3s cubic-bezier(.2,.9,.2,1)}.classify-tutorial__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.classify-tutorial__eyebrow{display:flex;align-items:center;gap:10px}.classify-tutorial__eyebrow-label{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--accent);font-weight:700}.classify-tutorial__step-counter{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.classify-tutorial__close-btn{width:28px;height:28px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,border-color .12s ease}.classify-tutorial__close-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-input);border-color:var(--border)}.classify-tutorial__close-btn:disabled{opacity:.4;cursor:not-allowed}.classify-tutorial__progress{display:flex;gap:6px;margin:10px 0 14px}.classify-tutorial__dot{flex:1;height:3px;border-radius:999px;background:var(--border);transition:background .2s ease}.classify-tutorial__dot.is-active{background:var(--accent)}.classify-tutorial__body{height:392px;display:flex;overflow:hidden}.classify-tutorial__step{width:100%;height:100%;display:flex;flex-direction:column;animation:classifyTutorialStepIn .22s ease-out}.classify-tutorial__section--fill{height:100%;display:flex;flex-direction:column}.classify-tutorial__section h3{margin:0 0 8px;font-size:17px;font-weight:600;color:var(--text-heading);letter-spacing:-.01em}.classify-tutorial__section p{margin:0 0 10px;font-size:13px;line-height:1.55;color:var(--text-muted)}.classify-tutorial__lead{margin-bottom:14px!important}.classify-tutorial__section strong{color:var(--text-primary);font-weight:600}.classify-tutorial__workflow{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.classify-tutorial__workflow-step{flex:1;display:flex;gap:14px;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:color-mix(in srgb,var(--bg-input) 55%,transparent)}.classify-tutorial__workflow-num{flex-shrink:0;width:28px;height:28px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.classify-tutorial__workflow-step strong{display:block;font-size:13px;margin-bottom:4px}.classify-tutorial__workflow-step p{margin:0;font-size:12.5px;line-height:1.5}.classify-tutorial__colour-btns{display:inline-flex;gap:4px;align-items:center;vertical-align:middle;margin:0 4px}.classify-tutorial__colour-btn-demo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;opacity:1;cursor:default;pointer-events:none;flex-shrink:0}.classify-tutorial__legend{margin:0;padding:0;list-style:none;display:grid;gap:8px}.classify-tutorial__legend--fill{flex:1;min-height:0;align-content:stretch}.classify-tutorial__legend li{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:12px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--bg-input) 55%,transparent)}.classify-tutorial__legend--fill li{min-height:0}.classify-tutorial__legend li>div{display:grid;gap:2px}.classify-tutorial__legend li strong{font-size:13px;color:var(--text-primary)}.classify-tutorial__legend li>div>span{font-size:12px;line-height:1.45;color:var(--text-muted)}.classify-tutorial__legend .classify-tutorial__chip{justify-self:start}.classify-tutorial__section:not(.classify-tutorial__section--fill){height:100%;display:flex;flex-direction:column}.classify-tutorial__presets{flex:1;margin-top:8px;display:grid;gap:8px;align-content:start;min-height:0;overflow-y:auto}.classify-tutorial__preset{display:flex;gap:12px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--bg-card);cursor:pointer;transition:border-color .12s ease,background .12s ease}.classify-tutorial__preset:hover:not(.is-checked){border-color:color-mix(in srgb,var(--text-muted) 40%,var(--border))}.classify-tutorial__preset.is-checked{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--accent-light) 22%,transparent)}.classify-tutorial__preset input{margin-top:3px;accent-color:var(--accent);cursor:pointer}.classify-tutorial__preset-body{min-width:0;display:grid;gap:4px;flex:1}.classify-tutorial__preset-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.classify-tutorial__preset-title{color:var(--text-primary);font-size:13px;font-weight:600}.classify-tutorial__preset-meta{color:var(--text-muted);font-size:12px}.classify-tutorial__preset-meta code{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.classify-tutorial__preset-description{color:var(--text-faint);font-size:11.5px;line-height:1.4}.classify-tutorial__chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:10px;font-weight:700;padding:3px 9px;letter-spacing:.4px;line-height:1;white-space:nowrap}.classify-tutorial__chip--red{background:#c0392b;color:#fff}.classify-tutorial__chip--spam{background:#8b3a2a;color:#fff}.classify-tutorial__chip--amber{background:#f39c12;color:#1a1a1a}.classify-tutorial__chip--green{background:#27ae60;color:#fff}.classify-tutorial__chip--grey{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border)}.classify-tutorial__divider{height:1px;background:var(--border);margin:16px -24px 14px;opacity:.7}.classify-tutorial__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.classify-tutorial__action-buttons{display:flex;align-items:center;gap:8px}.classify-tutorial__dismiss-check{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.classify-tutorial__dismiss-check input{accent-color:var(--accent);cursor:pointer}.classify-tutorial__secondary-row{display:flex;justify-content:center;margin-top:10px}.classify-tutorial__text-link{background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:4px 8px;text-decoration:underline;text-underline-offset:2px;transition:color .12s ease}.classify-tutorial__text-link:hover:not(:disabled){color:var(--text-primary)}.classify-tutorial__text-link:disabled{opacity:.5;cursor:not-allowed}@keyframes classifyTutorialOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes classifyTutorialModalIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes classifyTutorialStepIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.classify-summary-grid{grid-template-columns:repeat(4,minmax(72px,1fr))}}.classify-row-reset-btn{min-width:30px;min-height:30px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);font-size:14px;line-height:1;padding:0;flex-shrink:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.classify-row-reset-btn:not(:disabled){cursor:pointer}.classify-row-reset-btn:not(:disabled):hover{color:var(--text-primary);border-color:var(--text-muted)}.classify-row-reset-btn:disabled{cursor:not-allowed;opacity:.35}.classify-col-threads{text-align:center;justify-self:center}.classify-table-header-threads{display:inline-flex;align-items:center;justify-content:center;justify-self:stretch;width:100%;min-height:100%;margin:0;padding:0;font:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;text-align:center}.classify-row-threads-link{padding:10px 14px;margin:-10px -14px;border-radius:6px}.classify-expand-shell{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1)}.classify-expand-shell.is-open{grid-template-rows:1fr}.classify-expand-inner{overflow:hidden;min-height:0}.classify-expand-panel{opacity:0;transform:translateY(-4px);transition:opacity .28s ease,transform .28s cubic-bezier(.4,0,.2,1);padding:16px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-hover) 55%,transparent)}.classify-expand-shell.is-open .classify-expand-panel{opacity:1;transform:translateY(0)}.classify-expand-metadata{cursor:pointer;border-radius:8px;margin:-6px;padding:6px;transition:background .15s ease}.classify-expand-metadata:hover{background:color-mix(in srgb,var(--bg-hover) 80%,transparent)}.classify-expand-metadata:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.classify-expand-actions{cursor:default}.classify-rules-sidebar{--classify-rules-width: 360px;flex-shrink:0;width:var(--classify-rules-width);position:sticky;top:24px;align-self:flex-start;isolation:isolate;transition:width .32s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:48px}.classify-rules-sidebar.is-collapsed{--classify-rules-width: 48px}.classify-rules-icon-tile{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;position:absolute;top:0;left:0;z-index:2;opacity:0;transform:scale(.88);pointer-events:none;transition:color .15s ease,border-color .15s ease,background .15s ease,opacity .24s ease .06s,transform .32s cubic-bezier(.4,0,.2,1) .04s}.classify-rules-sidebar.is-collapsed .classify-rules-icon-tile{opacity:1;transform:scale(1);pointer-events:auto}.classify-rules-icon-tile:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-hover)}.classify-rules-icon-tile__svg{flex-shrink:0}.classify-rules-icon-tile__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.classify-rules-card{width:360px;opacity:1;transform:translate(0);transition:opacity .22s ease,transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;visibility:visible}.classify-rules-sidebar.is-collapsed .classify-rules-card{opacity:0;transform:translate(16px);pointer-events:none;visibility:hidden;position:absolute;top:0;left:0;transition:opacity .18s ease,transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s}.classify-rules-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.classify-rules-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.classify-rules-collapse-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-hover)}.classify-rules-collapse-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.contact-notes-page-link{color:var(--accent);text-decoration:none;font-weight:500}.contact-notes-page-link:hover{text-decoration:underline}.msg-direction-legend{display:flex;justify-content:space-between;font-size:12;color:var(--text-muted);margin-bottom:8px;gap:12px}.msg-direction-legend-sent{color:var(--msg-sent)}.msg-direction-legend-received{color:var(--msg-received)}.msg-direction-track{position:relative;display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--bg-input);border:1px solid var(--border);box-shadow:inset 0 1px 2px #0000000f}.msg-direction-sent,.msg-direction-received{height:100%;transition:width .55s cubic-bezier(.4,0,.2,1)}.msg-direction-sent{background:linear-gradient(180deg,#3b82f6,#2563eb)}.msg-direction-received{background:linear-gradient(180deg,#fb923c,#ea580c)}.msg-direction-boundary{position:absolute;top:0;bottom:0;z-index:2;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.msg-direction-boundary-line{display:block;width:2px;height:100%;background:#fffffff2;box-shadow:0 0 0 1px #00000026,0 0 4px #0003}.msg-direction-boundary-chevron{position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid rgba(255,255,255,.95);filter:drop-shadow(0 0 1px rgba(0,0,0,.35))}.inbox-menu-btn{opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease,background .15s ease}.classify-contact-row:hover .inbox-menu-btn,.inbox-menu-host-row:hover .inbox-menu-btn,.inbox-menu-host-row:focus-within .inbox-menu-btn,.inbox-menu-btn[aria-expanded=true],.inbox-menu-btn:focus-visible{opacity:1}.inbox-menu-btn:hover{color:var(--text-primary);border-color:var(--accent)}.inbox-menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.watchlist-pinned-row{box-shadow:inset 3px 0 0 var(--accent)}