:root{font-family:Inter,system-ui,sans-serif;color:#0f172a;background:#f5f7fb}body{margin:0}button,a{font:inherit}.crm-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#081225;color:#fff;padding:22px;display:flex;flex-direction:column;gap:10px}.sidebar strong{font-size:22px;margin-bottom:18px}.sidebar button{background:transparent;color:#dbeafe;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 12px;text-align:left}.workspace{padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{color:#0f766e;font-weight:900;text-transform:uppercase}h1{margin:0;font-size:40px}.login,.plan-row button,.selected{border-radius:8px;border:1px solid #116dff;padding:10px 14px;text-decoration:none}.login,.selected{background:#116dff;color:#fff}.plan-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.metric-grid article,.board article{background:#fff;border:1px solid #d8e2f0;border-radius:8px;padding:18px}.metric-grid strong{display:block;font-size:26px;margin-top:8px}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:20px}@media(max-width:820px){.crm-shell{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}}