body{
margin:0;
font-family:Segoe UI,Arial;
background:#f4f6f9;
}

/* CARD CONTAINER */
.card{
background:white;
width:1100px;
max-width:95%;
margin:40px auto;
padding:30px;
border-radius:14px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

/* HEADINGS */
h2{
margin-top:0;
color:#111;
}

h3{
margin-bottom:10px;
color:#c62828;
}

/* BUTTON */
button{
background:#c62828;
color:white;
border:none;
padding:12px;
border-radius:8px;
font-size:15px;
cursor:pointer;
transition:.2s;
}

button:hover{
background:#a91e1e;
}

/* TABLE */
table{
width:100%;
border-collapse:collapse;
margin-top:15px;
font-size:14px;
}

th{
background:#111;
color:white;
padding:12px;
text-align:left;
}

td{
padding:10px;
border-bottom:1px solid #eee;
}

tr:hover{
background:#fafafa;
}

/* STATUS COLORS */
td:nth-child(3){
font-weight:600;
}

td:nth-child(3):contains("INTERESTED"){
color:green;
}

td:nth-child(3):contains("CALLBACK"){
color:#e65100;
}

td:nth-child(3):contains("NOT_INTERESTED"){
color:#c62828;
}

/* SCROLL FIX */
.card{
overflow:auto;
max-height:85vh;
}
/* LAYOUT */
.layout{
display:flex;
height:100vh;
}

/* SIDEBAR */
.sidebar{
width:220px;
background:#111;
color:white;
padding:20px;
}

.sidebar h2{
margin-top:0;
color:#ff5252;
}

.menu div{
padding:12px;
margin-top:10px;
border-radius:6px;
cursor:pointer;
}

.menu div:hover{
background:#222;
}

.active{
background:#c62828;
}

/* MAIN */
.main{
flex:1;
display:flex;
flex-direction:column;
}

/* TOPBAR */
.topbar{
background:white;
padding:15px 25px;
display:flex;
justify-content:space-between;
box-shadow:0 2px 8px rgba(0,0,0,.05);
}

/* CONTENT */
.content{
padding:25px;
overflow:auto;
}

/* STATS */
.stats{
display:flex;
gap:20px;
margin-bottom:25px;
}

.stat{
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 4px 15px rgba(0,0,0,.05);
min-width:150px;
}