.client-portal,.client-work-admin{max-width:900px;margin:0 auto;padding:clamp(28px,5vw,64px) 20px}.client-portal h1,.client-work-admin h1{font-family:Georgia,serif;color:#0b1830}.cw-card{background:#fff;border:1px solid #e7dcc8;border-radius:14px;padding:22px;margin:20px 0;box-shadow:0 10px 30px rgba(8,20,38,.05)}.cw-form{display:grid;gap:16px}.cw-form label{display:grid;gap:7px;font-weight:700}.cw-form input,.cw-form textarea,.cw-form select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cfc6b7;border-radius:8px;background:#fff}.cw-form button,.cw-button,.cw-actions button,.client-portal button{border:0;border-radius:8px;background:#0b1830;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none}.cw-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #eee4d3;text-decoration:none;color:inherit}.cw-row span{display:grid;gap:4px}.cw-row small{color:#6b7280}.cw-alert{background:#fff0ef;border:1px solid #efc1bc;padding:13px;border-radius:8px;margin:16px 0}.cw-notice{background:#f1f7ef;border:1px solid #c9dec2;padding:13px;border-radius:8px;margin:16px 0}.cw-price{font-size:1.7rem;color:#9a7228}.cw-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.cw-message{max-width:82%;padding:14px 16px;border-radius:12px;margin:12px 0;background:#f5f1e8}.cw-message.admin{margin-left:auto;background:#e9eef5}.cw-message p{margin:7px 0;line-height:1.6}.cw-message small{color:#6b7280}@media(max-width:620px){.cw-row{align-items:flex-start;flex-direction:column}.client-portal,.client-work-admin{padding-left:16px;padding-right:16px}.cw-message{max-width:100%}}


.cw-portal-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.cw-portal-head h1 {
    margin-bottom: 6px;
}

.cw-portal-head p {
    margin-top: 0;
}

.cw-help {
    margin-top: 18px;
}

.cw-work-list .cw-row:last-child {
    border-bottom: 0;
}

@media (max-width: 620px) {
    .cw-portal-head {
        flex-direction: column;
    }
}