.axis-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:20px;
}

.axis-card{
background:#fff;
border-radius:18px;
padding:18px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
border-left:4px solid #ddd;
}

.axis-card.status-approved{border-left-color:#16a34a;}
.axis-card.status-rejected{border-left-color:#dc2626;}
.axis-card.status-pending{border-left-color:#f59e0b;}

.axis-top{
display:flex;
justify-content:space-between;
margin-bottom:10px;
}

.axis-badge{
padding:4px 10px;
border-radius:20px;
font-size:11px;
font-weight:600;
}

.badge-approved{background:#dcfce7;color:#166534;}
.badge-rejected{background:#fee2e2;color:#991b1b;}
.badge-pending{background:#fef3c7;color:#92400e;}