/*
|--------------------------------------------------------------------------
| WEBHATSHOSTING.NET
|--------------------------------------------------------------------------
| Module Gestion Clients Complet
*/

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#07080d;color:#fff}
.client-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.client-sidebar{background:#0f1118;border-right:3px solid #ff1025;padding:28px 20px}
.client-logo{font-size:24px;font-weight:900;margin-bottom:28px}
.client-logo span{color:#ff1025}
.client-sidebar a,.client-sidebar button{display:block;width:100%;text-align:left;background:transparent;color:#fff;border:0;border-bottom:1px solid #252b38;padding:14px;text-decoration:none;font-weight:800;cursor:pointer}
.client-sidebar a:hover,.client-sidebar button:hover{background:#ff1025;border-radius:10px}
.client-main{padding:38px;background:radial-gradient(circle at top right,#350008,#07080d 38%)}
.client-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}
.client-header h1{font-size:36px}
.client-header p{color:#b9bfce;margin-top:8px}
.client-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}
.client-stats div,.client-card,.client-admin-card{background:#11141d;border:1px solid #2a3040;border-radius:22px;padding:26px;box-shadow:0 20px 55px rgba(0,0,0,.3)}
.client-stats strong{display:block;color:#ff1025;font-size:34px}
.client-stats span{color:#b9bfce}
.client-card h2{color:#ff1025;margin-bottom:18px}
table{width:100%;border-collapse:collapse}
th,td{padding:14px;border-bottom:1px solid #2a3040;text-align:left}
th{color:#ff1025}
.client-form{display:grid;gap:18px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.full{grid-column:1/-1}
label{display:block;font-weight:900;margin-bottom:8px}
input,textarea,select{width:100%;background:#07080d;border:1px solid #303747;color:#fff;border-radius:12px;padding:14px}
button,.client-btn,.admin-red-btn{display:inline-block;background:#ff1025;color:#fff;border:0;padding:13px 18px;border-radius:10px;font-weight:900;text-decoration:none;cursor:pointer}
.client-alert{background:#102918;border:1px solid #2ecc71;padding:14px;border-radius:12px;margin-bottom:18px}
.client-admin-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}
.client-admin-head p{color:#b9bfce;margin-top:8px}
.filter-bar{display:grid;grid-template-columns:1fr 180px auto;gap:12px;margin-bottom:20px}
.table-wrap{overflow-x:auto}
hr{border:0;border-top:1px solid #2a3040;margin:25px 0}
@media(max-width:900px){
    .client-layout{grid-template-columns:1fr}
    .client-sidebar{border-right:0;border-bottom:3px solid #ff1025}
    .client-stats,.grid2,.filter-bar{grid-template-columns:1fr}
    .client-header,.client-admin-head{display:block}
}