*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#111118;--surface2:#16161f;--border:#1e1e2e;--border2:#2a2a3e;--text:#e8e8f0;--text-secondary:#6b6b80;--text-muted:#3d3d52;--accent:#3b82f6;--accent-dim:#3b82f626;--attention:#ef4444;--attention-dim:#ef44441f;--success:#22c55e;--success-dim:#22c55e1f;--warning:#f59e0b;--warning-dim:#f59e0b1f;--private:#a78bfa;--private-dim:#a78bfa1f;--business:#60a5fa;--business-dim:#60a5fa1f;--sidebar-width:220px;--list-width:300px}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}#root{flex-direction:column;height:100%;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.15s ease-out fade-in}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface2) 50%, var(--surface) 75%);background-size:200% 100%;border-radius:3px;animation:1.5s infinite shimmer}.pill{letter-spacing:.04em;text-transform:uppercase;border-radius:3px;align-items:center;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:inline-flex}.pill-business{background:var(--business-dim);color:var(--business);border:1px solid #60a5fa33}.pill-private{background:var(--private-dim);color:var(--private);border:1px solid #a78bfa33}.pill-other{color:var(--text-secondary);background:#6b6b801f;border:1px solid #6b6b8033}.pill-pending{background:var(--warning-dim);color:var(--warning);border:1px solid #f59e0b33}.pill-sent{background:var(--success-dim);color:var(--success);border:1px solid #22c55e33}.pill-draft{color:var(--text-secondary);background:#6b6b801f;border:1px solid #6b6b8033}.pill-rejected{background:var(--attention-dim);color:var(--attention);border:1px solid #ef444433}.pill-approved{background:var(--success-dim);color:var(--success);border:1px solid #22c55e33}.pill-open{background:var(--attention-dim);color:var(--attention);border:1px solid #ef444433}.pill-resolved{background:var(--success-dim);color:var(--success);border:1px solid #22c55e33}.pill-dismissed{color:var(--text-secondary);background:#6b6b801f;border:1px solid #6b6b8033}.attention-dot{background:var(--attention);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse-dot}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{background:var(--surface2);border:1px solid var(--border2);color:var(--text);border-radius:4px;padding:6px 10px;font-family:inherit;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}