:root{
    --primary:#0d6efd;
    --muted:#6c757d;
}
body{
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    margin:0;
    padding:0;
    background:#f8f9fa;
    color:#222;
}

.container{max-width:1100px}

header{display:none}

.card{border-radius:.5rem}

.table-responsive{overflow-x:auto}

.small-muted{font-size:.85rem;color:var(--muted)}

footer{background:transparent;padding:1rem 0;margin-top:2rem}

/* form tweaks */
.form-label{font-weight:600}

@media (max-width:575.98px){
    .navbar-brand{font-size:1rem}
}

/* Dashboard tile styling */
.tile-card { 
    border-radius: .6rem;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.tile-card .card-body { 
    width:100%;
}
.tile-card .card-title { 
    font-size: .9rem;
    font-weight:700;
}

/* Live clock styles */
#live-clock { font-weight:700; }
#live-clock .clock-date { font-size:0.8rem; opacity:0.9 }
#live-clock .clock-time { font-size:1.4rem; margin-top:4px }

/* Last-updated badge */
.last-updated { display:inline-block; padding:.25rem .45rem; border-radius:.35rem; font-size:.85rem; color:#fff }
.last-updated.fresh { background:linear-gradient(90deg,#2dd4bf,#06b6d4) }
.last-updated.stale { background:linear-gradient(90deg,#f97316,#ef4444) }

/* Modern gradient tiles */
.tile-card.bg-secondary { background: linear-gradient(135deg,#6c757d,#495057) !important; }
.tile-card.bg-warning { background: linear-gradient(135deg,#ffd54f,#ffb300) !important; }
.tile-card.bg-primary { background: linear-gradient(135deg,#4f46e5,#06b6d4) !important; }
.tile-card.bg-success { background: linear-gradient(135deg,#10b981,#059669) !important; }
.tile-card.bg-danger { background: linear-gradient(135deg,#f43f5e,#ef4444) !important; }
.tile-card.bg-dark { background: linear-gradient(135deg,#374151,#111827) !important; }
.tile-card.text-white, .tile-card.text-dark { color: #fff !important; }