.client-portal-hero{background:linear-gradient(135deg,#071c38,#173b68);color:#fff;border-radius:22px;padding:28px;display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:18px}.client-portal-hero small{color:#e8b83e;font-weight:800;letter-spacing:.12em}.client-portal-hero h1{font-size:30px;margin:6px 0}.client-portal-hero p{margin:0;color:#d8e3f1}.client-portal-stats{display:flex;gap:10px}.client-portal-stats span{min-width:110px;background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;padding:13px}.client-portal-stats strong{font-size:23px;display:block}.client-portal-stats small{color:#d8e3f1;letter-spacing:0}.client-portal-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.client-work-card{background:#fff;border:1px solid #dfe6ef;border-radius:20px;padding:20px;box-shadow:0 10px 30px #10223c0a}.client-work-card>header{display:flex;gap:15px;align-items:center}.client-work-card>header img,.client-work-placeholder{width:76px;height:76px;border-radius:15px;object-fit:cover}.client-work-placeholder{display:grid;place-items:center;background:#e8b13b;color:#071a34;font-size:28px;font-weight:900}.client-work-card header small{color:#b67a00;font-weight:800;text-transform:uppercase}.client-work-card h2{margin:4px 0}.client-work-card header p{margin:0;color:#687991}.client-progress{margin:20px 0}.client-progress span{display:flex;justify-content:space-between}.client-progress i{display:block;height:9px;background:#edf1f6;border-radius:20px;margin-top:8px;overflow:hidden}.client-progress i b{display:block;height:100%;background:#dfac36}.client-work-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.client-work-card dl div{background:#f6f8fb;padding:12px;border-radius:12px}.client-work-card dt{color:#6b7c93;font-size:12px}.client-work-card dd{margin:5px 0 0;font-weight:750}.client-summary{border-left:3px solid #dfac36;padding:10px 12px;color:#4d5e75}.client-work-card section{margin-top:20px}.client-update{display:grid;grid-template-columns:82px 1fr;gap:10px;border-top:1px solid #e6ebf1;padding:12px 0}.client-update time,.client-update p,.client-file small,.client-empty{color:#6a7b92}.client-update p{margin:4px 0}.client-file{display:flex;align-items:center;gap:10px;color:#09182e;text-decoration:none;border-top:1px solid #e6ebf1;padding:12px 0}.client-file span{font-size:22px}.client-file div{flex:1}.client-file small{display:block}.client-file>b{color:#9a6900}.client-portal-empty{text-align:center;background:#fff;border-radius:20px;padding:60px 20px}.client-portal-empty span{display:inline-grid;place-items:center;width:60px;height:60px;background:#e8b13b;border-radius:16px;font-size:28px;font-weight:900}@media(max-width:700px){.client-portal-hero{align-items:flex-start;flex-direction:column;padding:22px}.client-portal-stats{width:100%;overflow:auto}.client-portal-content{grid-template-columns:1fr}.client-work-card{padding:16px}.client-work-card dl{grid-template-columns:1fr}.client-update{grid-template-columns:1fr}.client-portal-hero h1{font-size:26px}}