/* =====================================================
   GLOBAL
===================================================== */

*{
box-sizing:border-box;
margin:0;
padding:0;
font-family:Arial, sans-serif;
}

body{
background:#f7f7f7;
color:#222;
}

/* =====================================================
   HEADER
===================================================== */

.top-bar{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 26px;
background:#ffffff;
border-bottom:1px solid #eaeaea;
}

.company{
display:flex;
flex-direction:column;
}

.company .label{
font-size:12px;
color:#777;
}

#company-name{
font-size:16px;
font-weight:600;
}

/* =====================================================
   MAIN CONTAINER
===================================================== */

.container{
max-width:1200px;
margin:auto;
padding:24px;
}

/* =====================================================
   ANALYTICS
===================================================== */

.analytics{
margin-bottom:26px;
}

.stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

.stat-card{
background:white;
padding:20px;
border-radius:10px;
box-shadow:0 2px 10px rgba(0,0,0,0.04);
}

.stat-card .label{
font-size:13px;
color:#777;
}

.stat-card .value{
margin-top:6px;
font-size:28px;
font-weight:700;
}

/* =====================================================
   LEADS FILTERS
===================================================== */

.leads-filters{
display:flex;
gap:12px;
margin-bottom:14px;
background:white;
padding:12px;
border-radius:8px;
box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

.leads-filters input{
flex:1;
padding:10px;
border:1px solid #ddd;
border-radius:6px;
}

.leads-filters select{
padding:10px;
border:1px solid #ddd;
border-radius:6px;
}

/* =====================================================
   TABLE
===================================================== */

table{
width:100%;
border-collapse:collapse;
background:white;
border-radius:8px;
overflow:hidden;
box-shadow:0 3px 12px rgba(0,0,0,0.05);
}

thead{
background:#fafafa;
}

th{
font-size:12px;
text-transform:uppercase;
color:#777;
padding:14px;
text-align:left;
border-bottom:1px solid #eee;
}

td{
padding:14px;
border-bottom:1px solid #eee;
font-size:14px;
}

tr:last-child td{
border-bottom:none;
}

tr:hover{
background:#fafafa;
}

/* =====================================================
   BUTTONS
===================================================== */

.btn{
padding:8px 14px;
border:none;
border-radius:6px;
cursor:pointer;
font-size:13px;
}

.btn-primary{
background:#5b5bf0;
color:white;
}

.btn-secondary{
background:#eeeeee;
}

/* =====================================================
   PAGINATION
===================================================== */

.pagination{
display:flex;
justify-content:center;
gap:12px;
margin-top:16px;
}

/* =====================================================
   MODAL
===================================================== */

.modal-overlay{
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background:rgba(0,0,0,0.5);
display:flex;
align-items:center;
justify-content:center;
z-index:10000;
}

.modal{
background:white;
padding:22px;
border-radius:10px;
width:420px;
}

/* =====================================================
   ACCOUNT BUTTON (TOUCHÉ PAS)
===================================================== */

.account-wrapper{
position:relative;
}

.account-trigger{
background:none;
border:none;
cursor:pointer;
padding:0;
}

.avatar{
width:40px;
height:40px;
border-radius:50%;
background:#6b4eff;
color:#fff;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
}

.account-menu{
position:absolute;
top:55px;
right:0;
width:260px;
background:#fff;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
display:none;
z-index:1000;
}

.account-identity{
display:flex;
gap:12px;
padding:16px;
}

.avatar.big{
width:46px;
height:46px;
}

.identity-text .name{
font-weight:600;
}

.divider{
height:1px;
background:#eee;
}

.menu-item{
padding:12px 16px;
cursor:pointer;
}

.menu-item:hover{
background:#f7f7f7;
}