:root{
--tiger-orange:#f37021;
--tiger-blue:#0a192f;
--bg-body:#050a14;
--card-white:#ffffff;
--text-light:#f8f9fa;
}

body{
font-family:'Poppins',sans-serif;
background:var(--bg-body);
color:var(--text-light);
margin:0;
padding:20px;
}

.header{
text-align:center;
margin-bottom:40px;
}

.header h1{
color:var(--tiger-orange);
letter-spacing:3px;
font-size:2.2rem;
margin:0;
}

.header p{
color:#8892b0;
margin-top:5px;
}

.status-container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
max-width:1200px;
margin:0 auto 40px auto;
}

.status-card{
background:var(--tiger-blue);
padding:20px;
border-radius:8px;
border-top:4px solid var(--tiger-orange);
box-shadow:0 4px 15px rgba(0,0,0,0.5);
}

.status-card h3{
color:#8892b0;
font-size:12px;
text-transform:uppercase;
margin:0;
}

.number{
font-size:28px;
font-weight:bold;
margin-top:10px;
color:#fff;
}

.actions-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
max-width:1200px;
margin:0 auto;
}

.action-card{
background:var(--card-white);
padding:35px 15px;
border-radius:8px;
text-align:center;
text-decoration:none;
color:var(--tiger-blue);
transition:0.3s;
display:flex;
flex-direction:column;
align-items:center;
}

.action-card:hover{
transform:translateY(-5px);
background:var(--tiger-orange);
color:white;
}

.action-card i{
font-size:40px;
margin-bottom:15px;
}

.action-card h3{
margin:0;
font-size:16px;
font-weight:500;
}

a{
text-decoration:none;
}