.client-message{display:none;margin-top:14px;padding:12px 14px;border-radius:14px;font-weight:700}
.client-message.success{background:rgba(26,188,156,.14);color:#69f0d0;border:1px solid rgba(26,188,156,.35)}
.client-message.error{background:rgba(255,82,82,.14);color:#ff8b8b;border:1px solid rgba(255,82,82,.35)}
.client-dashboard{padding:120px 6% 70px;background:radial-gradient(circle at top left,rgba(255,193,7,.14),transparent 32%),#060606;color:#fff;min-height:100vh}
.dashboard-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px;padding:28px;border:1px solid rgba(255,215,0,.2);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.dashboard-hero h1{font-size:clamp(2rem,4vw,3.6rem);margin:0 0 8px}
.dashboard-hero p{color:#d7d7d7;margin:0}
.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}
.stat-card,.client-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,215,0,.18);border-radius:22px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.stat-card span,.mini-card span,.message-bubble span{color:#bdbdbd;font-size:.9rem}
.stat-card strong{display:block;font-size:2rem;margin-top:8px;color:#ffd76a}
.client-layout{display:grid;grid-template-columns:280px 1fr;gap:22px}
.client-sidebar{position:sticky;top:100px;height:max-content;background:rgba(255,255,255,.05);border:1px solid rgba(255,215,0,.18);border-radius:24px;padding:16px}
.tab-btn{width:100%;display:block;text-align:left;border:0;border-radius:14px;padding:14px 16px;margin:6px 0;background:transparent;color:#fff;font-weight:800;cursor:pointer}
.tab-btn.active,.tab-btn:hover{background:linear-gradient(135deg,#ffd76a,#ad7d17);color:#111}
.client-panel{display:none}
.client-panel.active{display:block}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1/-1}
.client-card input,.client-card select,.client-card textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,215,0,.2);background:rgba(0,0,0,.35);color:#fff;border-radius:14px;padding:13px;margin-top:8px}
.client-card label{font-weight:800;color:#f7f7f7}
.client-card textarea{min-height:120px;resize:vertical}
.client-list{display:grid;gap:14px;margin-top:16px}
.mini-card{display:grid;gap:8px}
.mini-card div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mini-card em{color:#ffd76a;font-style:normal;font-weight:800}
.empty-state{color:#cfcfcf;border:1px dashed rgba(255,255,255,.22);border-radius:16px;padding:18px}
.message-box{max-height:360px;overflow:auto;display:grid;gap:12px;margin-bottom:14px}
.message-bubble{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.07)}
.message-bubble.from-client{margin-left:8%;border:1px solid rgba(255,215,0,.2)}
.message-bubble.from-admin{margin-right:8%;border:1px solid rgba(26,188,156,.25)}
.client-btn{border:0;border-radius:999px;padding:13px 18px;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#ffd76a,#ad7d17);color:#111;text-decoration:none;display:inline-block}
.client-btn.secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)}
@media(max-width:850px){.dashboard-hero,.client-layout{grid-template-columns:1fr;display:grid}.dashboard-grid,.form-grid{grid-template-columns:1fr}.client-sidebar{position:static}}

.client-message{display:none;margin-top:14px;padding:12px 14px;border-radius:14px;font-weight:700}
.client-message.success{background:rgba(26,188,156,.14);color:#69f0d0;border:1px solid rgba(26,188,156,.35)}
.client-message.error{background:rgba(255,82,82,.14);color:#ff8b8b;border:1px solid rgba(255,82,82,.35)}