body{font-family:"Helvetica Neue",Arial,sans-serif;background:#f0f8ff;margin:0px;color:#333;text-align:center;}
#header{margin-bottom:1rem!important;}
.algorithm-bar{display:flex;justify-content:space-around;background:#fff;padding:16px 10px;border-bottom:1px solid #eee;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.algorithm-btn{flex:1;max-width:130px;text-align:center;background:linear-gradient(135deg,#42a5f5,#5c6bc0);color:#fff;font-size:14px;font-weight:bold;border:none;border-radius:0.25rem;padding:10px 0;margin:0 6px;cursor:pointer;transition:all 0.25s ease-in-out;box-shadow:0 4px 10px rgba(66,165,245,0.25);text-decoration:none}
.algorithm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(66,165,245,0.35);background:linear-gradient(135deg,#5c6bc0,#42a5f5);}
.algorithm-btn:active{transform:scale(0.97);}
.algorithm-btn.active{background:linear-gradient(135deg, #ff5252, #dc3545);}
.container{max-width:1200px;margin-left:auto;margin-right:auto}
table{width:98%;margin:auto;border-collapse:collapse;background:#fff;border-radius:0.25rem!important;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
th,td{padding:12px;font-size:14px;border:1px solid #ddd;text-align:center;vertical-align:middle;}
th{background:#42a5f5;color:#fff;font-weight:bold;}
.label{padding:4px 10px;border-radius:15px;font-size:14px;font-weight:bold;color:#fff;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;}
.label-danger{background:#ff4d4f;}
.label-primary{background:#3498db;}
.prediction{display:inline-flex;gap:6px;align-items:center;justify-content:center;flex-wrap:nowrap;}
#next-countdown{font-size:14px;font-weight:bold;color:#42a5f5;}
tr{transition:transform 0.3s ease;}
tr:hover{transform:scale(1.02);box-shadow:0 2px 6px rgba(0,0,0,0.1);}
@media(max-width:640px){
.algorithm-bar{flex-wrap:wrap;gap:10px;}
.algorithm-btn{flex:1 1 45%;max-width:none;}
table{width:90%;}
.label{font-size:12px;}
}
/* Loading Overlay */
@keyframes spin{to{transform:rotate(360deg);}}
.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);display:flex;justify-content:center;align-items:center;z-index:2000;transition:opacity 0.3s;display:none;}
.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;}