diff --git a/assets/css/custom.css b/assets/css/custom.css
index 1a0d88b..3400101 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -294,9 +294,11 @@ body {
   padding: 1.5rem;
 }
 
-.status-pending { color: #FFA500; font-weight: 600; }
-.status-preparing { color: #007BFF; font-weight: 600; }
-.status-ready { color: #28A745; font-weight: 600; }
+.status-pending { background-color: #fff3cd !important; color: #856404 !important; border: 1px solid #ffeeba !important; font-weight: 600; padding: 0.35em 0.65em; }
+.status-preparing { background-color: #cce5ff !important; color: #004085 !important; border: 1px solid #b8daff !important; font-weight: 600; padding: 0.35em 0.65em; }
+.status-ready { background-color: #d1e7dd !important; color: #0f5132 !important; border: 1px solid #badbcc !important; font-weight: 600; padding: 0.35em 0.65em; }
+.status-completed { background-color: #d1e7dd !important; color: #0f5132 !important; border: 1px solid #badbcc !important; font-weight: 600; padding: 0.35em 0.65em; }
+.status-cancelled { background-color: #f8d7da !important; color: #721c24 !important; border: 1px solid #f5c6cb !important; font-weight: 600; padding: 0.35em 0.65em; }
 
 .toast-container {
   position: fixed;