.client-portal-bg{margin:0;background:linear-gradient(135deg,#f4fbff,#edf6ff 48%,#fff);color:#17324b}.portal-auth{max-width:660px;margin:7vh auto;padding:28px}.portal-auth>img{width:68px}.client-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.client-shell aside{background:#fff;border-right:1px solid #dcebf6;padding:24px;display:flex;flex-direction:column;gap:24px}.client-brand{display:flex;align-items:center;gap:12px}.client-brand img{width:46px}.client-brand small{display:block;color:#6b8298}.client-shell aside nav{display:grid;gap:7px}.client-shell aside nav a{padding:11px 13px;border-radius:11px;color:#34556f;text-decoration:none}.client-shell aside nav a.active,.client-shell aside nav a:hover{background:#eaf6ff;color:#075eb5;font-weight:700}.portal-signout{margin-top:auto}.client-shell main{padding:28px;max-width:1200px;width:100%;box-sizing:border-box}.client-shell header{padding:12px 0 22px}.portal-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.portal-metrics>div{background:#fff;border:1px solid #dcebf6;border-radius:16px;padding:18px}.portal-metrics span{display:block;color:#6b8298;font-size:12px}.portal-metrics strong{display:block;font-size:22px;margin-top:6px}.portal-actions{display:grid;gap:9px}.portal-actions a,.portal-thread,.portal-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e0edf6;border-radius:12px;text-decoration:none;color:#23465f;margin:8px 0}.portal-row{flex-direction:column}.portal-row span,.portal-thread small{color:#6c8295}.bubble{padding:12px 14px;border-radius:14px;margin:8px 0;background:#fff;border:1px solid #d9ebf7}.bubble.client{margin-left:12%;background:#eaf6ff}.bubble small{display:block;color:#66809a;margin-top:6px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#2774b7}@media(max-width:840px){.client-shell{grid-template-columns:1fr}.client-shell aside{position:static;border-right:0;border-bottom:1px solid #dcebf6}.client-shell aside nav{grid-template-columns:repeat(2,1fr)}.portal-metrics{grid-template-columns:repeat(2,1fr)}.client-shell main{padding:18px}}@media(max-width:520px){.portal-metrics{grid-template-columns:1fr}.client-shell aside nav{grid-template-columns:1fr}}