:root {
    --admin-bg: #eef3f8;
    --admin-surface: #ffffff;
    --admin-text: #1e293b;
    --admin-muted: #64748b;
    --admin-green: #10b981;
    --admin-blue: #0ea5e9;
    --admin-red: #ef4444;
}

body.admin-site {
    background:
        radial-gradient(circle at top left, rgba(14,165,233,0.08), transparent 20%),
        radial-gradient(circle at top right, rgba(16,185,129,0.07), transparent 18%),
        linear-gradient(180deg, #f4f7fb 0%, #edf2f7 100%);
    color: var(--admin-text);
}

body.admin-site .admin-card,
body.admin-site .card,
body.admin-site .modal-content {
    border-radius: 18px !important;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

body.admin-site .navbar-custom {
    background: rgba(15, 23, 42, 0.96) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

body.admin-site .table thead th {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: #64748b;
}

body.admin-site .table tbody td,
body.admin-site .table tbody th {
    vertical-align: middle;
}

body.admin-site #scoreCardBody {
    border-radius: 24px !important;
    overflow: hidden;
    box-shadow: 0 22px 44px rgba(15, 23, 42, 0.12);
}

body.admin-site .score-header {
    background: linear-gradient(135deg, #0f172a, #162033) !important;
    padding: 20px 18px;
}

body.admin-site .score-display {
    background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

body.admin-site .pitch-view,
body.admin-site .partnership-bar,
body.admin-site .recent-balls-container {
    background: #f8fbff !important;
}

body.admin-site .quick-btn {
    height: 80px;
    border-radius: 16px !important;
    font-size: 1.75rem !important;
    box-shadow: 0 10px 18px rgba(15,23,42,0.08);
}

body.admin-site .adv-panel {
    border-radius: 16px;
    border-style: solid;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

body.admin-site .btn {
    border-radius: 12px;
}

body.admin-site .form-control,
body.admin-site .form-select {
    border-radius: 12px;
}

body.admin-site .badge {
    letter-spacing: .3px;
}

body.admin-site .loader-spinner {
    box-shadow: 0 0 0 8px rgba(255,255,255,0.7);
}

body.admin-site .admin-page-heading {
    font-weight: 800;
    letter-spacing: .4px;
}

@media (max-width: 768px) {
    body.admin-site .quick-btn {
        height: 68px;
        font-size: 1.45rem !important;
    }
}