.login-audience { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:20px 0; padding:4px; border:1px solid #34373b; border-radius:6px; }
.login-audience a { text-align:center; padding:10px 8px; color:#acb0b8; font-weight:650; text-decoration:none; border-radius:3px; }
.login-audience a[aria-current] { background:#2a2d30; color:#ffae24; }
.client-login-note,.client-help { color:#aeb3bb; font-size:13px; line-height:1.6; margin-top:18px; }
.client-help summary { cursor:pointer; color:#d9dce1; }
.client-header { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px max(24px, calc((100% - 1120px)/2)); border-bottom:1px solid #2d3035; background:#0c0d0f; }
.client-header a { text-decoration:none; color:#f3f4f5; }
.client-brand,.client-header>div { display:flex; align-items:center; gap:14px; min-width:0; }
.client-brand img { width:42px; height:42px; object-fit:contain; border-radius:0; background:transparent; }
.client-brand strong { font-size:15px; white-space:nowrap; }
.client-header>div>span { max-width:220px; overflow-wrap:anywhere; color:#c2c6ce; font-size:14px; }
.client-header form { margin:0; }
.client-nav { display:flex; gap:5px; max-width:1168px; margin:0 auto; padding:12px 24px; overflow-x:auto; border-bottom:1px solid #2d3035; }
.client-nav a { display:flex; align-items:center; gap:8px; padding:12px 14px; white-space:nowrap; text-decoration:none; color:#b7bbc3; border-radius:5px; font-size:13px; }
.client-nav a[aria-current] { background:#2c2315; color:#ffad20; }
.client-shell { width:min(100%,1168px); margin:0 auto; padding:32px 24px 60px; }
.client-shell h1 { font-size:28px; line-height:1.3; margin:8px 0; }
.client-shell h2 { font-size:19px; margin:0 0 20px; }
.client-heading { margin-bottom:30px; }
.client-heading p { color:#b0b5be; line-height:1.6; }
.client-overview { display:grid; grid-template-columns:2fr 1fr; border-top:1px solid #30343a; border-bottom:1px solid #30343a; padding:26px 0; gap:24px; }
.client-overview>div { display:flex; flex-direction:column; gap:10px; }
.client-overview>div+div { border-left:1px solid #30343a; padding-left:28px; }
.client-overview span { font-size:13px; color:#b0b5be; }
.client-overview strong { color:#fafafa; font-size:24px; line-height:1.35; overflow-wrap:anywhere; }
.client-overview p { margin:0; color:#aab0b9; font-size:14px; }
.client-overview a { display:flex; align-items:center; gap:8px; color:#ffb12c; text-decoration:none; font-size:14px; }
.client-links { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:24px 0; border-bottom:1px solid #30343a; }
.client-links>a { display:flex; align-items:center; gap:14px; color:#eef0f3; text-decoration:none; padding:12px 0; }
.client-links>a .lucide:first-child { color:#ffad20; }
.client-links>a .lucide:last-child { margin-left:auto; }
.client-section { margin-top:32px; }
.client-key { display:inline-block; color:#8f98a5; font-size:13px; margin-left:12px; }
.portal-form { max-width:900px; }
.portal-form label { display:flex; flex-direction:column; gap:9px; font-size:14px; color:#c4c9d1; }
.portal-form input,.portal-form textarea,.portal-form select { width:100%; min-width:0; }
.portal-form textarea { line-height:1.8; resize:vertical; }
.portal-fields { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.portal-submit { display:flex; justify-content:flex-end; padding-top:12px; }
.client-password-form { max-width:460px; }
.client-required { padding:16px 0; margin-bottom:22px; color:#ffbe4f; border-bottom:1px solid #3c3223; }
.client-days { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:25px; padding-bottom:16px; border-bottom:1px solid #30343a; }
.client-days a { display:block; padding:11px 16px; text-decoration:none; color:#bac0c9; border-radius:5px; font-size:14px; }
.client-days a[aria-current] { background:#ff9d00; color:#15110b; font-weight:700; }
.client-empty { padding:28px 0; color:#aab0b9; border-top:1px solid #30343a; }
.client-offers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.client-offer { border:1px solid #3f382a; border-top:2px solid #ff9d00; border-radius:6px; padding:24px; background:#191b1e; }
.client-offer-top { display:flex; align-items:center; justify-content:space-between; gap:15px; color:#b6becb; font-size:12px; }
.client-offer-top .lucide { color:#ffad20; }
.client-offer h3 { font-size:19px; margin:22px 0 16px; overflow-wrap:anywhere; }
.client-offer-price { color:#ffb129; font-size:30px; }
.client-offer p { color:#bbc2ce; font-size:14px; line-height:1.7; overflow-wrap:anywhere; white-space:normal; }
.client-pagination { display:flex; align-items:center; justify-content:flex-end; gap:18px; padding:20px 0; color:#acb2bc; font-size:13px; }
.client-shell .table-wrap { border:1px solid #30343a; border-radius:5px; overflow-x:auto; }
.client-shell table { min-width:620px; }
.client-shell td,.client-shell th { white-space:normal; }
.client-access { margin-top:24px; border-top:1px solid #34373b; padding-top:20px; }
@media(max-width:700px) {
    .client-header { padding:14px 16px; min-height:72px; gap:12px; }
    .client-header>div>span { display:none; }
    .client-header .client-brand { gap:10px; }
    .client-nav { padding:10px 16px; }
    .client-nav a { padding:10px; }
    .client-shell { padding:26px 16px 40px; }
    .client-shell h1 { font-size:25px; }
    .client-overview { grid-template-columns:1fr; gap:24px; }
    .client-overview>div+div { border-left:0; border-top:1px solid #30343a; padding:22px 0 0; }
    .portal-fields,.client-offers { grid-template-columns:1fr; }
    .client-links { gap:16px; }
    .client-links>a { flex-wrap:wrap; font-size:14px; gap:8px; }
    .client-days { gap:4px; }
    .client-days a { padding:10px 12px; font-size:13px; }
    .portal-submit button { width:100%; }
    .client-key { margin-left:0; display:block; }
}