:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef1f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app-shell{color:#172033;background:#eef1f5;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#111827;flex-direction:column;gap:28px;padding:28px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark,.metric-card>span,.icon-button{justify-content:center;align-items:center;display:inline-flex}.brand-mark{color:#0f172a;background:#2dd4bf;border-radius:8px;width:44px;height:44px}.brand span,.metric-card strong{font-weight:800;display:block}.brand small{color:#94a3b8}.nav-list{gap:8px;display:grid}button,input,select,textarea{font:inherit}button{cursor:pointer}.nav-item{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#243044}.mini-panel{border:1px solid #334155;border-radius:8px;gap:10px;margin-top:auto;padding:16px;display:grid}.mini-panel span,.eyebrow,.metric-card small,.field span,.notes-box span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:700}.mini-panel span{color:#94a3b8}.mini-panel strong{font-size:22px}.progress-track{background:#334155;border-radius:999px;height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:#2dd4bf;height:100%}.workspace{min-width:0;padding:30px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.eyebrow,.topbar h1{margin:0}.topbar h1{letter-spacing:0;font-size:clamp(30px,4vw,46px);line-height:1.05}.actions,.quick-actions{align-items:center;gap:10px;display:flex}.icon-button,.primary-button,.quick-actions a,.quick-actions button{color:#172033;background:#fff;border:1px solid #d6dce5;border-radius:8px;min-height:42px}.icon-button{width:42px}.primary-button,.quick-actions a,.quick-actions button{align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:#0f766e;border-color:#0f766e;font-weight:800}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card,.list-panel,.detail-panel{background:#fff;border:1px solid #dce3eb;border-radius:8px;box-shadow:0 14px 32px #0f172a0f}.metric-card{gap:8px;padding:16px;display:grid}.metric-card>span{color:#0f766e;background:#ecfeff;border-radius:8px;width:38px;height:38px}.metric-card strong{color:#0f172a;font-size:22px}.content-grid{grid-template-columns:minmax(320px,.86fr) minmax(420px,1.14fr);align-items:start;gap:16px;display:grid}.list-panel,.detail-panel{min-width:0}.list-tools{border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 148px;gap:10px;padding:14px;display:grid}.search-box,.select-box{color:#64748b;background:#f8fafc;border:1px solid #d6dce5;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:42px;padding:0 10px;display:flex}.search-box input,.select-box select,.field input,.field select,.notes-box input,.notes-box textarea,.name-input,.company-input{color:#172033;background:0 0;border:0;outline:0;width:100%;min-width:0}.contact-list{max-height:620px;display:grid;overflow:auto}.contact-row{color:#172033;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf2f7;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:12px;width:100%;padding:14px;display:grid}.contact-row:hover,.contact-row.selected{background:#f1f5f9}.avatar{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.avatar.large{width:64px;height:64px;font-size:26px}.priority-high{background:#dc2626}.priority-medium{background:#0f766e}.priority-low{background:#475569}.contact-main{min-width:0;display:grid}.contact-main strong,.contact-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-main small{color:#64748b}.stage-pill{color:#075985;background:#e0f2fe;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.detail-panel{padding:18px}.detail-head{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:16px;display:grid}.name-input{letter-spacing:0;font-size:30px;font-weight:900}.company-input{color:#64748b;margin-top:2px}.pipeline-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:18px;display:grid}.pipeline-strip button{color:#475569;background:#f8fafc;border:1px solid #d6dce5;border-radius:8px;min-height:36px;font-size:13px;font-weight:800}.pipeline-strip button.current{color:#134e4a;background:#ccfbf1;border-color:#0f766e}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field,.notes-box{background:#f8fafc;border:1px solid #d6dce5;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.notes-box{margin-top:12px}.notes-box textarea{resize:vertical;min-height:92px}.quick-actions{flex-wrap:wrap;margin-top:14px}@media (width<=1050px){.app-shell{grid-template-columns:1fr}.sidebar{padding:16px;position:static}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-panel{display:none}.metrics,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.workspace{padding:18px}.topbar,.actions{align-items:stretch}.topbar,.content-grid,.metrics,.form-grid,.list-tools{grid-template-columns:1fr}.topbar{display:grid}.primary-button{justify-content:center}.pipeline-strip{grid-template-columns:1fr}}