body { 
    background-color: #f0f2f5; 
    font-family: 'Inter', sans-serif; 
}

.sidebar-input { 
    background: white; 
    border-radius: 12px; 
    padding: 20px; 
    border: 1px solid #e0e0e0; 
    position: sticky; 
    top: 20px; 
}

.content-card { 
    background: white; 
    border-radius: 12px; 
    padding: 20px; 
    border: 1px solid #e0e0e0; 
    min-height: 600px; 
}

.stat-card { 
    background: white; 
    padding: 15px; 
    border-radius: 10px; 
    border-left: 4px solid #0d6efd; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); 
}

.hidden-field { 
    display: none !important; 
}

.badge-ongoing { 
    background-color: #ffc107; 
    color: #000; 
}

.badge-po { 
    background-color: #0dcaf0; 
    color: #000; 
}

.badge-delivered { 
    background-color: #0d6efd; 
}

.badge-completed { 
    background-color: #198754; 
}