styling update

templates/results_calculator.html

@@ -228,7 +228,7 @@
     }
 
     .participant-id {
-      background: #007bff;
+      background: #28a745;
       color: white;
       padding: 6px 15px;
       border-radius: 15px;
@@ -461,7 +461,7 @@
 
     .shot-input:focus {
       outline: none;
-      border-color: #007bff;
+      border-color: #28a745;
       box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
     }
 
@@ -506,12 +506,12 @@
     }
 
     .save-btn {
-      background: #007bff;
+      background: #28a745;
       color: white;
     }
 
     .save-btn:hover {
-      background: #0056b3;
+      background: #1e7e34;
     }
 
     .auto-fill-btn {
@@ -592,7 +592,7 @@
       height: 20px;
       margin: -10px 0 0 -10px;
       border: 2px solid #f3f3f3;
-      border-top: 2px solid #007bff;
+      border-top: 2px solid #28a745;
       border-radius: 50%;
       animation: spin 1s linear infinite;
     }