/* INDEX SHARED STYLES */

body {
    font-family: 'Open Sans', Arial, sans-serif;
    background: linear-gradient(to bottom, #eef3f8, #f8fafc);
    color:#222;
    margin:0;
}

.container {
    max-width:1300px;
    margin:auto;
    padding:20px;
}

h1 {
    text-align:center;
    color:#1d72d8;
}

/* TABLE */
table {
    width:100%;
    border-collapse:collapse;
    background:#f7fbff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    border:1px solid #dce6f2;
    border-top:4px solid #1d72d8;
}
table {
    position: relative;
}

th {
    position: sticky;
    top: 0;
    padding: 12px 10px;
    background: linear-gradient(to bottom, #2c82e0, #1d5fbf);
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-bottom: 2px solid #0f3f7a;
    z-index: 10;
}

th:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.2);
}

td {
    padding:8px;
    font-size:12px;
    text-align:center;
    border-right:1px solid #eef3f8;
}

tr:nth-child(even) {
    background:#f2f7ff;
}

tr:hover {
    background:#d6e9ff;
    transform:scale(1.01);
    transition:0.15s;
}

th:first-child, td:first-child {
    position: sticky;
    left: 0;
    background:#fff;
    z-index:2;
    font-weight:bold;
}

.update {
    text-align:center;
    margin:15px 0;
    font-weight:bold;
    color:#1d72d8;
}

.info-bar {
    text-align:center;
    margin-bottom:15px;
    color:#555;
    font-weight:600;
}
.search-box {
    width:100%;
    padding:12px;
    margin-bottom:15px;
    border:1px solid #ccc;
    border-radius:6px;
    font-size:15px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.08);
}

/* TICKER */
.ticker-wrap {
    width: 100%;
    overflow: hidden;
    background: #1d72d8;
    color: #fff;
    border-radius: 6px;
    margin: 15px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.ticker {
    display: inline-block;
    white-space: nowrap;
    animation: tickerScroll 25s linear infinite;
}

.ticker-item {
    display: inline-block;
    padding: 10px 40px;
    font-size: 14px;
    font-weight: 600;
}

.ticker-item a {
    color: #fff;
    text-decoration: none;
}

.ticker-item a:hover {
    text-decoration: underline;
}

.ticker-item i {
    margin-right: 8px;
}

/* Pause animation on hover */
.ticker-wrap:hover .ticker {
    animation-play-state: paused;
}
/* Animation */
@keyframes tickerScroll {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}