.back{border:0;background:transparent;padding:0;color:#7b8795;margin:0 0 16px}
.client-hero{background:linear-gradient(120deg,#162438,#243750);color:#fff;border-radius:14px;padding:25px 28px}
.client-hero h2{font-size:24px;margin:5px 0 13px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#8999ad;font-weight:700}
.client-meta{display:flex;gap:10px;flex-wrap:wrap}.client-meta span{background:#ffffff12;border:1px solid #ffffff18;border-radius:20px;padding:6px 10px;font-size:12px;color:#dbe2eb}
.client-metrics{grid-template-columns:repeat(5,minmax(130px,1fr));margin-top:16px}.client-metrics .metric{padding:17px}.client-metrics .metric strong{font-size:20px}
.agreement-card{background:#fff;border:1px solid #dfe4ea;border-radius:14px;margin-top:20px;overflow:hidden;box-shadow:0 2px 10px #17202d0a}
.agreement-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px;background:#fafbfc;border-bottom:1px solid #e7eaee}.agreement-head h2{margin:5px 0;font-size:20px}.agreement-head p{margin:0;color:#788493;font-size:13px}
.agreement-money{text-align:right;display:grid;gap:3px}.agreement-money small,.agreement-money span{color:#7b8796}.agreement-money strong{font-size:22px}
.client-section{padding:4px 24px 22px}.client-section .section-title{border-bottom:1px solid #eceef1;padding-bottom:9px}.client-section .section-title h3{margin:0;font-size:16px}.client-section .section-title>span{font-size:12px;color:#778493;background:#eef1f5;padding:3px 8px;border-radius:12px}
.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:13px}.sub-card{border:1px solid #e1e5ea;border-radius:11px;padding:17px}.sub-title{display:flex;justify-content:space-between;gap:15px}.sub-title h3{margin:8px 0 3px}.sub-title p{margin:0;color:#778493}.sub-title>strong{white-space:nowrap}
.sub-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0}.sub-facts div{font-size:13px}.sub-facts small{display:block;color:#8390a0;margin-bottom:4px}.sub-actions{display:flex;gap:7px;flex-wrap:wrap}.sub-actions button{padding:7px 9px;font-size:12px}
.split{display:grid;grid-template-columns:1fr 1fr}.split>.client-section:first-child{border-right:1px solid #eceef1}.table-scroll{overflow-x:auto}.muted{color:#8b96a4}.center{text-align:center}.compact{padding:18px}.positive{color:#21804a}.negative{color:#b33c32!important}
.history{padding:20px}.history-row{display:grid;grid-template-columns:145px 140px 1fr 210px;gap:12px;padding:10px 0;border-bottom:1px solid #eef0f2;font-size:13px}.history-row:last-child{border:0}.history-row time,.history-row small{color:#7c8897}
.version-list{display:grid;gap:8px}.version-row{display:grid;grid-template-columns:1fr 80px 150px 70px;align-items:center;gap:10px;padding:12px;border:1px solid #e2e6eb;border-radius:9px}.version-row small{display:block;color:#7c8897;margin-top:4px}
@media(max-width:1150px){.client-metrics{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}.split>.client-section:first-child{border-right:0}.history-row{grid-template-columns:130px 120px 1fr}.history-row small{grid-column:2/-1}}
@media(max-width:900px){.client-metrics{grid-template-columns:1fr 1fr}.subscription-grid{grid-template-columns:1fr}.sub-facts{grid-template-columns:1fr 1fr}.agreement-head{display:block}.agreement-money{text-align:left;margin-top:15px}.version-row{grid-template-columns:1fr 1fr}}