:root{--brand:#0ea5e9;--brand2:#2563eb;--dark:#07111f}*{scrollbar-width:thin;scrollbar-color:#38bdf8 #e2e8f0}.glass{background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.55)}.mesh-bg{background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.25),transparent 28%),radial-gradient(circle at 78% 10%,rgba(99,102,241,.22),transparent 28%),radial-gradient(circle at 40% 85%,rgba(16,185,129,.15),transparent 28%),linear-gradient(135deg,#f8fafc,#eef6ff)}.dark-hero{background:radial-gradient(circle at 20% 10%,rgba(14,165,233,.38),transparent 35%),radial-gradient(circle at 90% 20%,rgba(37,99,235,.35),transparent 32%),linear-gradient(135deg,#07111f,#0f172a 60%,#111827)}.animate-float{animation:float 6s ease-in-out infinite}.animate-float2{animation:float 8s ease-in-out infinite reverse}.fade-up{animation:fadeUp .65s ease both}.pulse-soft{animation:pulseSoft 2.6s ease-in-out infinite}.card-hover{transition:.25s transform,.25s box-shadow}.card-hover:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(15,23,42,.12)}.btn-primary{background:linear-gradient(135deg,#0284c7,#2563eb);box-shadow:0 10px 25px rgba(37,99,235,.25);transition:.2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 35px rgba(37,99,235,.32)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.input-modern{border:1px solid #dbeafe;background:rgba(255,255,255,.86);transition:.2s}.input-modern:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.18)}.badge{border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:700}.progress-bar{height:8px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#2563eb,#22c55e);background-size:200% 100%;animation:shine 1.8s linear infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSoft{0%,100%{box-shadow:0 0 0 0 rgba(14,165,233,.25)}50%{box-shadow:0 0 0 12px rgba(14,165,233,0)}}@keyframes shine{to{background-position:200% 0}}

.idriver-bg{background:radial-gradient(circle at 10% 10%,rgba(14,165,233,.28),transparent 28%),radial-gradient(circle at 90% 0%,rgba(37,99,235,.20),transparent 30%),radial-gradient(circle at 50% 95%,rgba(245,158,11,.12),transparent 32%),linear-gradient(135deg,#f8fbff,#eef6ff 55%,#f7fbff)}
.premium-sidebar{background:radial-gradient(circle at 15% 10%,rgba(56,189,248,.35),transparent 32%),radial-gradient(circle at 100% 0%,rgba(245,158,11,.18),transparent 22%),linear-gradient(180deg,#061124,#0f172a 55%,#0b1120)}
.kpi-card{position:relative;overflow:hidden;background:rgba(255,255,255,.86);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.75);box-shadow:0 20px 60px rgba(15,23,42,.08)}
.kpi-card:before{content:"";position:absolute;inset:-80px auto auto -80px;width:160px;height:160px;border-radius:999px;background:rgba(14,165,233,.14)}
.gold-gradient{background:linear-gradient(135deg,#f59e0b,#facc15)}
.blue-gradient{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.green-gradient{background:linear-gradient(135deg,#10b981,#22c55e)}
.red-gradient{background:linear-gradient(135deg,#ef4444,#dc2626)}
.animate-glow{animation:glow 3s ease-in-out infinite alternate}@keyframes glow{from{box-shadow:0 0 20px rgba(14,165,233,.18)}to{box-shadow:0 0 45px rgba(37,99,235,.35)}}
.table-pro th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.table-pro td,.table-pro th{padding:1rem;border-bottom:1px solid #e2e8f0}.nav-link{transition:.2s}.nav-link:hover{transform:translateX(4px)}