:root{--color-bg:#f6f7fb;--color-surface:#fff;--color-border:#e4e7ee;--color-text:#1f2330;--color-muted:#6b7280;--color-primary:#3b5bdb;--color-primary-hover:#2f49b3;--color-danger:#d33b3b;--color-danger-hover:#b32d2d;--color-success:#2f9e44;--radius:8px;--shadow-card:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:var(--color-bg);min-height:100vh;margin:0;padding:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem}.muted{color:var(--color-muted);font-size:.9rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0}.app-header__inner{align-items:center;gap:1.5rem;max-width:1100px;margin:0 auto;padding:.75rem 1.25rem;display:flex}.app-brand{white-space:nowrap;align-items:center;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.brand-c{color:#0f172a;font-weight:800}.brand-io{letter-spacing:2px;background:linear-gradient(135deg,#2563eb,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding:0 4px;font-weight:900}.brand-intelligence{color:#475569;font-weight:600}.app-brand:hover{text-decoration:none}.app-nav{flex:1;gap:1rem;display:flex}.app-nav__link{color:var(--color-muted);padding:.25rem 0;font-weight:500}.app-nav__link.active,.app-nav__link:hover{color:var(--color-text);text-decoration:none}.app-header__actions{align-items:center;gap:.75rem;display:flex}.app-user{color:var(--color-muted);font-size:.85rem}.app-main{flex:1;width:95%;max-width:1800px;margin:0 auto;padding:2rem 1.25rem}.app-header__inner{width:95%;max-width:1800px;margin:0 auto}.btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){background:#f1f3f9}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--ghost{color:var(--color-muted);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){color:var(--color-text);background:#f1f3f9}.btn--danger{color:var(--color-danger);border-color:var(--color-border)}.btn--danger:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn--small{padding:.3rem .6rem;font-size:.85rem}.form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.form__field{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.form__field span{font-weight:500}.form__field input,.form__field textarea,.form__field select{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:.55rem .7rem;transition:border-color .15s,box-shadow .15s}.form__field input:focus,.form__field textarea:focus,.form__field select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b5bdb2e}.form__field textarea{resize:vertical;min-height:90px}.form__actions{justify-content:flex-end;gap:.5rem;display:flex}.alert{border-radius:var(--radius);padding:.6rem .8rem;font-size:.9rem}.alert--error{color:var(--color-danger-hover);background:#fdecec;border:1px solid #f5c6c6}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-width:420px;box-shadow:var(--shadow-card);margin:2rem auto 0;padding:2rem}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.toolbar__search{border:1px solid var(--color-border);border-radius:var(--radius);min-width:220px;font:inherit;background:var(--color-surface);flex:1;padding:.5rem .7rem}.toolbar__search:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b5bdb2e}.toolbar__field{color:var(--color-muted);font-size:.9rem}.toolbar__field select{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);font:inherit;padding:.35rem .5rem}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);justify-content:center;width:1600px;display:flex;overflow:auto hidden}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:.7rem .85rem}.table th{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;background:#fafbfd;font-size:.72rem;font-weight:600}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fafbfd}.table__empty{text-align:center;color:var(--color-muted);padding:2rem 1rem}.table__notes{white-space:pre-wrap;word-break:break-word;max-width:280px}.table__actions{white-space:nowrap;justify-content:flex-end;gap:.4rem;display:flex}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{text-decoration:underline}.pagination{justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pagination__info{color:var(--color-muted);font-size:.9rem}.detail-item{flex-direction:column;display:flex}.detail-label{color:#6b7280;text-transform:uppercase;margin-bottom:4px;font-size:.8rem}.activity-card{margin-top:60px}.lead-detail .card{margin-bottom:24px}.activity-form{flex-direction:column;gap:16px;display:flex}.activity-field{flex-direction:column;gap:6px;display:flex}.activity-field label,.detail-label{color:#6b7280;text-transform:uppercase;font-size:.8rem;font-weight:600}.activity-form select{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:250px;padding:10px 12px;font-size:1rem}.activity-notes{resize:vertical;border:1px solid #d1d5db;border-radius:6px;width:100%;min-height:120px;padding:12px;font-family:inherit;font-size:1rem}.activity-form select:focus,.activity-notes:focus{border-color:#2563eb;outline:none}.activity-form .btn{width:fit-content}.detail-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:20px;display:grid}.detail-item{flex-direction:column;gap:5px;display:flex}.detail-value{font-size:1rem;font-weight:500}.status-btn{border:1px solid #e5e7eb;border-radius:18px;padding:8px 14px}.status-new.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.status-contacted.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.status-quoted.active{color:#fff;background:#f59e0b;border-color:#f59e0b}.status-follow-up.active{color:#fff;background:#eab308;border-color:#eab308}.status-won.active{color:#fff;background:#22c55e;border-color:#22c55e}.status-lost.active{color:#fff;background:#ef4444;border-color:#ef4444}.status-btn:hover{transform:translateY(-1px)}.status-badge{border-radius:16px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.status-badge.status-new{color:#1d4ed8;background:#dbeafe}.status-badge.status-contacted{color:#6d28d9;background:#ede9fe}.status-badge.status-quoted{color:#92400e;background:#fef3c7}.status-badge.status-follow-up{color:#854d0e;background:#fef9c3}.status-badge.status-won{color:#166534;background:#dcfce7}.status-badge.status-lost{color:#991b1b;background:#fee2e2}.btn--ai{white-space:nowrap;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ai-column{width:110px;min-width:110px}.ai-panel{background:#fff;border:1px solid #dbe4f0;border-radius:16px;margin-top:1.5rem;padding:1.5rem;box-shadow:0 8px 30px #00000014}.ai-panel__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ai-panel__header h2{color:#2563eb;margin:0}.ai-panel__close{cursor:pointer;background:0 0;border:none;font-size:1.25rem}.ai-panel__lead{color:#64748b;margin-bottom:1rem;font-size:.9rem}.ai-loading{color:#2563eb;background:#eff6ff;border-radius:12px;padding:1rem}.ai-suggestion{flex-direction:column;gap:1rem;display:flex}.ai-card{background:#f8fafc;border-left:4px solid #2563eb;border-radius:10px;padding:1rem}.ai-label{text-transform:uppercase;color:#64748b;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.ai-value{margin:0;line-height:1.5}.ai-confidence{border-radius:999px;padding:.35rem .75rem;font-weight:600;display:inline-block}.ai-confidence--high{color:#166534;background:#dcfce7}.ai-confidence--medium{color:#92400e;background:#fef3c7}.ai-confidence--low{color:#991b1b;background:#fee2e2}@media (width<=768px){.detail-grid{grid-template-columns:1fr}.activity-form select{width:100%}}@media (width<=640px){.app-header__inner{flex-wrap:wrap;gap:.5rem}.app-nav{flex:1 0 100%;order:3}.table th:nth-child(4),.table td:nth-child(4),.table th:nth-child(5),.table td:nth-child(5){display:none}}
