:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--surface: #141414;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--text: #fafafa;--text-dim: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .35);--accent: #6366f1}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.crm-root{display:flex;flex-direction:column;min-height:100vh}.crm-header{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.crm-title{font-size:1.15rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.crm-search-wrap{position:relative;flex:1;max-width:22rem}.search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.crm-search{width:100%;padding:.45rem .75rem .45rem 2.1rem;font-size:.85rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:.5rem;outline:none;transition:border-color .15s}.crm-search::placeholder{color:var(--text-muted)}.crm-search:focus{border-color:var(--accent)}.crm-body{display:flex;flex:1;overflow:hidden}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;flex:1;background:var(--border)}.kanban-column{background:var(--bg);display:flex;flex-direction:column;min-height:0}.column-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.column-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.column-label{flex:1}.column-count{font-size:.7rem;color:var(--text-dim);background:#ffffff0f;padding:.1rem .4rem;border-radius:.25rem}.column-body{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.empty-hint{display:flex;align-items:center;justify-content:center;height:4rem;border:1px dashed var(--border);border-radius:.5rem;color:var(--text-muted);font-size:.8rem}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;cursor:grab;transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.kanban-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000004d}.kanban-card:active{cursor:grabbing}.kanban-card[draggable=true]{transition:opacity .15s}.card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.avatar{width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.03em}.card-name{font-size:.85rem;font-weight:600}.card-company{font-size:.75rem;color:var(--text-dim)}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.card-email{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.card-value{font-weight:600;color:#22c55e;white-space:nowrap}.activity-sidebar{width:16rem;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto}.sidebar-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.activity-list{list-style:none;padding:.5rem 0}.activity-item{display:flex;gap:.6rem;padding:.5rem 1rem;align-items:flex-start}.activity-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:.45rem;flex-shrink:0}.activity-text{font-size:.8rem;line-height:1.4}.activity-time{font-size:.7rem;color:var(--text-muted);margin-top:.15rem}.column-body::-webkit-scrollbar,.activity-sidebar::-webkit-scrollbar{width:4px}.column-body::-webkit-scrollbar-track,.activity-sidebar::-webkit-scrollbar-track{background:transparent}.column-body::-webkit-scrollbar-thumb,.activity-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}
