:root{--p:#6d28d9;--bg:#f6f5fb;--card:#fff;--line:#e6e3ee;--text:#17151c;--muted:#746e7d}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:max(12px,env(safe-area-inset-top)) 14px 10px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
header small{display:block;color:var(--muted);font-size:11px;margin-top:2px}button{border:1px solid var(--line);background:white;border-radius:11px;padding:10px;font-weight:650}button.primary{background:var(--p);color:#fff;border-color:var(--p)}
nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:58px;z-index:4}nav button{font-size:11px;padding:9px 3px}nav button.active{background:#ede9fe;color:#5b21b6}
main{padding:12px;max-width:1200px;margin:auto}.grid{display:grid;gap:10px}.kpis{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:13px}.kpi b{font-size:25px}.muted{color:var(--muted)}
.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px;font:inherit;background:white}.toolbar input{flex:1;min-width:190px}.toolbar select{width:auto}
.contact{margin-bottom:8px}.row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.contact h3{margin:0 0 5px;font-size:15px}.badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.badge{padding:4px 7px;border-radius:999px;background:#f2eff7;font-size:11px}.actions{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.pipeline{display:flex;gap:10px;overflow:auto;padding-bottom:12px}.stage{min-width:270px;background:#efedf4;border-radius:14px;padding:9px}.stage-title{font-weight:750;margin:4px 4px 9px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:20;padding:12px;overflow:auto}.modal.hidden{display:none}.modal-card{max-width:700px;margin:20px auto;background:white;border-radius:18px;padding:15px}.form{display:grid;gap:9px}.form label{font-size:12px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
.task{display:flex;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}@media(min-width:800px){.kpis{grid-template-columns:repeat(4,1fr)}.form{grid-template-columns:1fr 1fr}.full{grid-column:1/-1}}