:root {
    --top-blue: #0788E3;
    --top-orange: #FF8929;
}
body {
    font-family: 'Rubik', sans-serif;
    background-color: #091326;
    background-image: 
        radial-gradient(at 10% 10%, rgba(7, 136, 227, 0.15) 0px, transparent 45%),
        radial-gradient(at 90% 15%, rgba(255, 137, 41, 0.12) 0px, transparent 45%);
    color: #f8fafc;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.glass-card {
    background: rgba(18, 31, 56, 0.78);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(7, 136, 227, 0.24);
    border-radius: 1.1rem;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.45);
}
.glass-card-sm {
    background: rgba(11, 21, 40, 0.72);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.85rem;
}
.tab-btn-active {
    background: linear-gradient(135deg, #0788E3 0%, #FF8929 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(7, 136, 227, 0.35);
}
.brand-pill-orange {
    background: rgba(255, 137, 41, 0.16);
    color: #FF8929;
    border: 1px solid rgba(255, 137, 41, 0.4);
}
.brand-pill-blue {
    background: rgba(7, 136, 227, 0.16);
    color: #38bdf8;
    border: 1px solid rgba(7, 136, 227, 0.4);
}
/* Light Mode Theme Support */
body.light-theme {
    background-color: #f4f8fc;
    background-image: 
        radial-gradient(at 10% 10%, rgba(7, 136, 227, 0.10) 0px, transparent 50%),
        radial-gradient(at 90% 15%, rgba(255, 137, 41, 0.08) 0px, transparent 50%);
    color: #0f172a;
}
body.light-theme header {
    background-color: rgba(255, 255, 255, 0.94) !important;
    border-bottom-color: rgba(7, 136, 227, 0.22) !important;
}
body.light-theme .glass-card {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(7, 136, 227, 0.22);
    box-shadow: 0 8px 24px -6px rgba(7, 136, 227, 0.08);
}
body.light-theme .glass-card-sm {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
body.light-theme .text-white,
body.light-theme .text-slate-100,
body.light-theme .text-slate-200 {
    color: #0f172a !important;
}
body.light-theme .text-slate-300 {
    color: #1e293b !important;
}
body.light-theme .text-slate-400 {
    color: #475569 !important;
}
body.light-theme .bg-slate-800,
body.light-theme .bg-slate-800\/90,
body.light-theme .bg-slate-900,
body.light-theme .bg-slate-900\/70 {
    background-color: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }

@media print {
    .no-print { display: none !important; }
    body { background: #ffffff !important; color: #0f172a !important; }
    .glass-card, .glass-card-sm {
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        color: #0f172a !important;
        box-shadow: none !important;
    }
    .text-white, .text-slate-100, .text-slate-200, .text-slate-300 { color: #0f172a !important; }
    .text-slate-400 { color: #475569 !important; }
}