/* ============================================
   KORA LIVE - Complete Admin CSS Fix
   ============================================ */

/* Base */
*,::after,::before{box-sizing:border-box}
html{font-family:'Cairo',sans-serif;direction:rtl}
body{margin:0;background:#030712;color:#e5e7eb;font-family:'Cairo',sans-serif;min-height:100vh;display:flex}

/* Layout */
.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}
.block{display:block!important}.inline-flex{display:inline-flex!important}
.fixed{position:fixed!important}.sticky{position:sticky!important}
.relative{position:relative!important}.absolute{position:absolute!important}
.inset-0{inset:0!important}.top-0{top:0!important}.right-0{right:0!important}
.z-20{z-index:20!important}.z-30{z-index:30!important}.z-50{z-index:50!important}
.w-full{width:100%!important}.h-full{height:100%!important}
.min-h-screen{min-height:100vh!important}
.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.flex-col{flex-direction:column!important}
.items-center{align-items:center!important}.items-start{align-items:flex-start!important}
.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}
.justify-end{justify-content:flex-end!important}
.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}
.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}
.gap-8{gap:2rem!important}.gap-10{gap:2.5rem!important}
.flex-wrap{flex-wrap:wrap!important}
.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}
.overflow-y-auto{overflow-y:auto!important}
.max-w-7xl{max-width:80rem!important}.max-w-3xl{max-width:48rem!important}
.mx-auto{margin-left:auto!important;margin-right:auto!important}

/* Admin sidebar width */
.w-64{width:16rem!important}
.mr-64{margin-right:16rem!important}

/* Spacing */
.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}
.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}
.px-3{padding-left:.75rem!important;padding-right:.75rem!important}
.px-4{padding-left:1rem!important;padding-right:1rem!important}
.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}
.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}
.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}
.py-3\.5{padding-top:.875rem!important;padding-bottom:.875rem!important}
.py-4{padding-top:1rem!important;padding-bottom:1rem!important}
.py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}
.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-8{padding-top:2rem!important;padding-bottom:2rem!important}
.py-12{padding-top:3rem!important;padding-bottom:3rem!important}
.py-16{padding-top:4rem!important;padding-bottom:4rem!important}
.pt-4{padding-top:1rem!important}.pb-4{padding-bottom:1rem!important}
.pb-8{padding-bottom:2rem!important}.pt-3{padding-top:.75rem!important}
.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}
.mt-4{margin-top:1rem!important}.mt-5{margin-top:1.25rem!important}
.mt-6{margin-top:1.5rem!important}.mt-8{margin-top:2rem!important}
.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}
.mb-4{margin-bottom:1rem!important}.mb-5{margin-bottom:1.25rem!important}
.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}
.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}
.mr-auto{margin-right:auto!important}.ml-auto{margin-left:auto!important}
.space-y-1>*+*{margin-top:.25rem!important}.space-y-2>*+*{margin-top:.5rem!important}
.space-y-4>*+*{margin-top:1rem!important}.space-y-5>*+*{margin-top:1.25rem!important}
.space-y-6>*+*{margin-top:1.5rem!important}

/* Sizing */
.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}
.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}
.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}
.w-10{width:2.5rem!important}.w-12{width:3rem!important}.w-16{width:4rem!important}
.h-1{height:.25rem!important}.h-2{height:.5rem!important}.h-3{height:.75rem!important}
.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}
.h-8{height:2rem!important}.h-10{height:2.5rem!important}.h-12{height:3rem!important}
.h-16{height:4rem!important}.h-28{height:7rem!important}
.min-h-screen{min-height:100vh!important}

/* Typography */
.text-xs{font-size:.75rem!important;line-height:1rem!important}
.text-sm{font-size:.875rem!important;line-height:1.25rem!important}
.text-base{font-size:1rem!important}
.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}
.text-xl{font-size:1.25rem!important}
.text-2xl{font-size:1.5rem!important}
.text-3xl{font-size:1.875rem!important}
.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}
.font-black{font-weight:900!important}.font-medium{font-weight:500!important}
.text-center{text-align:center!important}.text-right{text-align:right!important}
.text-left{text-align:left!important}
.uppercase{text-transform:uppercase!important}
.tracking-wider{letter-spacing:.05em!important}
.leading-tight{line-height:1.25!important}
.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.whitespace-nowrap{white-space:nowrap!important}
.underline{text-decoration:underline!important}
.font-mono{font-family:monospace!important}

/* Colors - backgrounds */
.bg-gray-950{background-color:#030712!important}
.bg-gray-900{background-color:#111827!important}
.bg-gray-800{background-color:#1f2937!important}
.bg-gray-700{background-color:#374151!important}
.bg-gray-600{background-color:#4b5563!important}
.bg-green-600{background-color:#16a34a!important}
.bg-green-500{background-color:#22c55e!important}
.bg-red-600{background-color:#dc2626!important}
.bg-yellow-600{background-color:#ca8a04!important}
.bg-blue-600{background-color:#2563eb!important}
.bg-white{background-color:#fff!important}
.bg-transparent{background-color:transparent!important}
.bg-gray-800\/40{background-color:rgba(31,41,55,.4)!important}
.bg-gray-800\/60{background-color:rgba(31,41,55,.6)!important}
.bg-gray-900\/80{background-color:rgba(17,24,39,.8)!important}
.bg-green-600\/10{background-color:rgba(22,163,74,.1)!important}
.bg-green-600\/20{background-color:rgba(22,163,74,.2)!important}
.bg-red-600\/10{background-color:rgba(220,38,38,.1)!important}
.bg-red-600\/20{background-color:rgba(220,38,38,.2)!important}
.bg-yellow-600\/10{background-color:rgba(202,138,4,.1)!important}
.bg-blue-600\/20{background-color:rgba(37,99,235,.2)!important}

/* Colors - text */
.text-white{color:#fff!important}.text-black{color:#000!important}
.text-gray-100{color:#f3f4f6!important}.text-gray-200{color:#e5e7eb!important}
.text-gray-300{color:#d1d5db!important}.text-gray-400{color:#9ca3af!important}
.text-gray-500{color:#6b7280!important}.text-gray-600{color:#4b5563!important}
.text-green-400{color:#4ade80!important}.text-green-300{color:#86efac!important}
.text-red-400{color:#f87171!important}.text-yellow-400{color:#facc15!important}
.text-blue-400{color:#60a5fa!important}

/* Borders */
.border{border-width:1px!important;border-style:solid!important}
.border-0{border-width:0!important}
.border-b{border-bottom-width:1px!important;border-bottom-style:solid!important}
.border-t{border-top-width:1px!important;border-top-style:solid!important}
.border-l{border-left-width:1px!important;border-left-style:solid!important}
.border-gray-800{border-color:#1f2937!important}
.border-gray-700{border-color:#374151!important}
.border-gray-600{border-color:#4b5563!important}
.border-green-500{border-color:#22c55e!important}
.border-green-600\/30{border-color:rgba(22,163,74,.3)!important}
.border-green-500\/30{border-color:rgba(34,197,94,.3)!important}
.border-red-500\/20{border-color:rgba(239,68,68,.2)!important}
.border-red-500\/30{border-color:rgba(239,68,68,.3)!important}
.border-yellow-600\/20{border-color:rgba(202,138,4,.2)!important}
.divide-y>*+*{border-top-width:1px!important;border-top-style:solid!important}
.divide-gray-800>*+*{border-color:#1f2937!important}
.divide-gray-800\/50>*+*{border-color:rgba(31,41,55,.5)!important}

/* Rounded */
.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}
.rounded-xl{border-radius:.75rem!important}.rounded-2xl{border-radius:1rem!important}
.rounded-3xl{border-radius:1.5rem!important}.rounded-full{border-radius:9999px!important}

/* Shadows */
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.2)!important}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.2)!important}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.4)!important}

/* Transitions */
.transition{transition:all .15s cubic-bezier(.4,0,.2,1)!important}
.transition-all{transition:all .15s cubic-bezier(.4,0,.2,1)!important}
.transition-colors{transition:color,background-color,border-color .15s!important}

/* Object fit */
.object-contain{object-fit:contain!important}.object-cover{object-fit:cover!important}

/* Opacity */
.opacity-70{opacity:.7!important}

/* Grid cols */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.col-span-2{grid-column:span 2/span 2!important}

/* Table */
table{width:100%;border-collapse:collapse}
.w-full{width:100%!important}

/* Hover states */
.hover\:text-white:hover{color:#fff!important}
.hover\:text-green-400:hover{color:#4ade80!important}
.hover\:text-red-400:hover{color:#f87171!important}
.hover\:text-blue-400:hover{color:#60a5fa!important}
.hover\:bg-gray-800:hover{background-color:#1f2937!important}
.hover\:bg-gray-700:hover{background-color:#374151!important}
.hover\:bg-gray-600:hover{background-color:#4b5563!important}
.hover\:bg-green-500:hover{background-color:#22c55e!important}
.hover\:bg-blue-500:hover{background-color:#3b82f6!important}
.hover\:border-green-500\/40:hover{border-color:rgba(34,197,94,.4)!important}
.group:hover .group-hover\:text-green-400{color:#4ade80!important}

/* Animate */
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-tape{animation:ticker 30s linear infinite}
.ticker-tape:hover{animation-play-state:paused}

/* Scrollbar */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#111827}
::-webkit-scrollbar-thumb{background:#374151;border-radius:9999px}
.scrollbar-none::-webkit-scrollbar{display:none}
.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}

/* Line clamp */
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Alpine */
[x-cloak]{display:none!important}

/* Font */
.font-cairo{font-family:'Cairo',sans-serif!important}
.antialiased{-webkit-font-smoothing:antialiased}
.drop-shadow-2xl{filter:drop-shadow(0 25px 25px rgba(0,0,0,.15))}
.backdrop-blur-sm{backdrop-filter:blur(4px)}

/* ── COMPONENT STYLES ── */

/* Nav links */
.nav-link{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#9ca3af;border-radius:.5rem;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center}
.nav-link:hover,.nav-link.active{color:#fff;background-color:#1f2937}
.mobile-nav-link{display:block;padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:#d1d5db;border-radius:.5rem;transition:all .15s;text-decoration:none}
.mobile-nav-link:hover{color:#fff;background-color:#1f2937}

/* Admin nav */
.admin-nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.75rem;font-size:.875rem;font-weight:600;transition:all .15s;text-decoration:none;color:#9ca3af}
.admin-nav-link:hover{color:#fff;background-color:#1f2937}
.admin-nav-link.active{color:#fff;background-color:rgba(22,163,74,.2);border:1px solid rgba(22,163,74,.3)}

/* Admin inputs */
.admin-input{width:100%;background:#1f2937;border:1px solid #374151;color:#fff;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;outline:none;transition:border-color .15s;font-family:'Cairo',sans-serif;box-sizing:border-box}
.admin-input:focus{border-color:#22c55e;box-shadow:0 0 0 1px rgba(34,197,94,.3)}
textarea.admin-input{resize:vertical}
select.admin-input{cursor:pointer}

/* Responsive */
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:py-12{padding-top:3rem!important;padding-bottom:3rem!important}}
@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.lg\:px-8{padding-left:2rem!important;padding-right:2rem!important}}

/* Misc */
.resize-none{resize:none!important}.resize-y{resize:vertical!important}
.cursor-pointer{cursor:pointer!important}
.select-none{user-select:none!important}

/* Table fixes */
table{width:100%;border-collapse:collapse;table-layout:auto}
td,th{padding:.75rem 1rem;vertical-align:middle;white-space:nowrap}
th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#1f2937;text-align:right}
tr{border-bottom:1px solid rgba(31,41,55,.5)}
tr:hover{background:rgba(31,41,55,.4)}

/* Fix team names */
.team-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Admin sidebar fixed */
aside{position:fixed!important;top:0!important;right:0!important;height:100vh!important;overflow-y:auto!important;z-index:30!important;background:#111827!important;border-left:1px solid #1f2937!important;width:16rem!important}

/* Main content offset */
.mr-64{margin-right:16rem!important}

/* Cards grid */
.grid.grid-cols-2,.grid.grid-cols-3,.grid.grid-cols-6{display:grid!important}
.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Stat cards */
.stat-card{background:#111827;border:1px solid #1f2937;border-radius:1rem;padding:1rem;text-align:center}