.crmd{--ink:#172235;--muted:#697386;--line:#e6e9ef;--brand:#196b69;--soft:#f5f8f8;color:var(--ink);font:14px/1.45 Inter,system-ui,sans-serif}.crmd *{box-sizing:border-box}.crmd-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.crmd-head p{color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.12em;margin:0}.crmd-head h1{font-size:28px;margin:3px 0}.crmd-head span,.crmd-title p{color:var(--muted)}.crmd-filters{display:flex;gap:10px}.crmd-filters label{color:var(--muted);font-size:11px}.crmd-filters select{display:block;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:8px 30px 8px 10px}.crmd-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.crmd-metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;min-width:0}.crmd-metric span,.crmd-metric small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crmd-metric strong{display:block;font-size:23px;margin:4px 0}.crmd-metric.accent{border-top:3px solid var(--brand)}.crmd-metric.danger strong{color:#b33b3b}.crmd-metric.success strong{color:#24734f}.crmd-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px}.crmd-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.crmd-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.crmd-title h2{font-size:17px;margin:0}.crmd-title p{font-size:12px;margin:2px 0 0}.crmd-title>button{border:0;background:var(--soft);border-radius:8px;padding:8px;color:var(--brand);cursor:pointer}.crmd-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:11px;align-items:center;border-top:1px solid var(--line);padding:11px 0}.crmd-row small{display:block;color:var(--muted)}.crmd-dot{width:8px;height:8px;border-radius:50%;background:#e3a027}.crmd-dot.danger{background:#c84b4b}.crmd-priority{font-size:11px;color:var(--muted)}.crmd-action{border:1px solid #b9d1d0;background:#edf7f6;color:var(--brand);font-weight:650;border-radius:8px;padding:7px 10px;cursor:pointer}.crmd-pipeline{display:grid;gap:7px}.crmd-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;text-align:left;border:0;background:var(--soft);border-radius:9px;padding:9px 11px;color:var(--ink);cursor:pointer}.crmd-stage b{grid-row:span 2;font-size:18px}.crmd-stage small{color:var(--muted)}.crmd-empty{text-align:center;color:var(--muted);padding:35px 10px}@media(max-width:1100px){.crmd-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.crmd-head,.crmd-filters{align-items:stretch;flex-direction:column}.crmd-layout{grid-template-columns:1fr}.crmd-metrics{grid-template-columns:repeat(2,1fr)}.crmd-row{grid-template-columns:10px 1fr auto}.crmd-priority{display:none}}@media(max-width:440px){.crmd-metrics{grid-template-columns:1fr}.crmd-filters{display:grid;grid-template-columns:1fr 1fr}.crmd-filters select{width:100%}}