.client-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#133c57;color:#fff;padding:15px 4%;font-size:14px;line-height:1.5}
.client-bar>div:first-child{display:flex;flex-direction:column;gap:2px}.client-bar strong{font-size:17px}.client-bar span{color:#dceaf3}
.client-bar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.client-bar-actions a,.client-bar-actions button{padding:10px 15px;border-radius:7px;font-weight:700;min-height:42px}
.client-bar-actions .client-request{background:#fff;color:#12583b}.client-bar-actions .client-login{border:1px solid #8db4cd;color:white}.client-bar-actions form{margin:0}.client-bar-actions button{background:transparent;color:#fff;border:1px solid #8db4cd}
.client-price-notice{border:1px solid #cedfe9;border-radius:10px;background:#f0f7fb;padding:18px;margin:18px 0;line-height:1.6}.client-price-notice p{margin:8px 0 0}.client-price-notice a{color:#145b8b;text-decoration:underline;text-underline-offset:3px}
.card .client-card-access{font-size:14px;line-height:1.4;font-weight:600;color:#456478}.client-card-access a{text-decoration:underline}.client-page{background:#f5f8fa;min-height:100vh;display:flex;flex-direction:column}.client-page header{background:white;padding:23px 5%}.client-page header nav{flex-wrap:wrap}.client-page .logo{width:290px}.client-back{font-weight:700;color:#176ba8}
.client-main{width:100%;max-width:1200px;padding:36px 5% 60px;flex:1}.client-heading{max-width:820px;margin-bottom:30px}.client-heading h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.8px;line-height:1.15}.client-heading>p:last-child{color:#526d7e;line-height:1.7}
.client-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.client-card{background:white;padding:28px;border:1px solid #d6e2ea;border-radius:14px;min-width:0}.client-card h2{font-size:24px;line-height:1.3}.client-card p,.client-card li{line-height:1.7}.client-card ol{padding-left:22px}.client-card li{margin:12px 0}.client-invitation{background:#eaf4fa}.client-wa{background:#137c49;text-align:center}.client-form{display:flex;flex-direction:column;gap:10px;margin-top:24px}.client-form label{font-size:14px;font-weight:700;line-height:1.5}.client-form input:not([type=hidden]):not([type=checkbox]){display:block;width:100%;padding:13px 14px;min-height:48px}.client-form button{margin-top:10px;min-height:48px}.client-help{font-size:13px;color:#526d7e;line-height:1.6;margin:5px 0 15px}.client-help a{color:#176ba8;text-decoration:underline}.client-message{padding:20px;border:1px solid #b4d3e6;background:#eaf4fa;border-radius:10px;line-height:1.7;margin:0 0 25px;overflow-wrap:anywhere}.client-error{border-color:#e3b1ab;background:#fff0ed;color:#842c24}.client-success{background:#ebf7ee;color:#185832;border-color:#b7d8c0}.client-message p{margin:6px 0}.client-temporary{display:block;width:100%;max-width:600px;font-family:monospace;font-size:18px;margin:12px 0}.client-setup{max-width:600px}.client-create{display:grid;grid-template-columns:1fr 1fr;gap:18px}.client-create label{display:block;margin-bottom:6px}.client-create .client-check{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-weight:400}.client-check input{margin-top:5px;flex:none;accent-color:#176ba8}.client-create button{justify-self:start}.client-list{margin-top:26px}.client-list td{overflow-wrap:anywhere;max-width:250px}.client-row-form{display:flex;flex-wrap:wrap;gap:8px}.client-row-form button{font-size:12px;padding:10px 12px;min-height:40px}.client-page footer{margin-top:auto}.ppe-price-pending .price,.ppe-price-pending .client-price-table{visibility:hidden}
@media(max-width:760px){.client-bar{align-items:stretch;flex-direction:column;padding:16px 5%;gap:12px}.client-bar-actions{gap:8px}.client-bar-actions a,.client-bar-actions button{padding:10px 12px;font-size:13px}.client-columns{grid-template-columns:1fr}.client-card{padding:23px}.client-create{grid-template-columns:1fr}.client-create .client-check{grid-column:auto}.client-main{padding-top:25px}.client-page header{gap:18px}.client-row-form{flex-direction:column}.client-list{padding:18px}.client-page header nav{font-size:14px}}
@media(max-width:380px){.client-bar-actions{flex-direction:column;align-items:stretch}.client-bar-actions a{text-align:center}.client-card{padding:18px}.client-page .logo{width:255px}}