body { font-family: Inter, system-ui, sans-serif; }
.hero-gradient {
    background:
        radial-gradient(ellipse 120% 80% at 50% -20%, rgba(34, 211, 238, 0.18), transparent 50%),
        radial-gradient(ellipse 80% 50% at 100% 50%, rgba(232, 121, 249, 0.12), transparent 45%),
        linear-gradient(180deg, #070712 0%, #0a0a0f 100%);
}
.glass {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(12px);
}
.btn-glow:hover {
    box-shadow: 0 0 24px rgba(34, 211, 238, 0.35), 0 0 48px rgba(139, 92, 246, 0.2);
}
.home-grid-dim {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 48px 48px;
}
.channel-card:hover { border-color: rgba(34, 211, 238, 0.4); }
.channel-card.active { border-color: rgba(34, 211, 238, 0.8); background: rgba(34, 211, 238, 0.08); }
#player-video { background: #000; width: 100%; aspect-ratio: 16/9; max-height: 70vh; }
.player-layout { display: grid; grid-template-columns: 280px 1fr; min-height: calc(100vh - 72px); }
@media (max-width: 1024px) {
    .player-layout { grid-template-columns: 1fr; }
    .player-sidebar { max-height: 40vh; }
}

/* Admin shell */
.admin-shell {
    background: #0a0a0f;
}
.admin-main {
    background:
        radial-gradient(ellipse 80% 50% at 100% 0%, rgba(34, 211, 238, 0.06), transparent 50%),
        radial-gradient(ellipse 60% 40% at 0% 100%, rgba(139, 92, 246, 0.05), transparent 45%);
}
.admin-shell .glass {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
}
.admin-shell table th {
    font-weight: 600;
    letter-spacing: 0.02em;
}
.admin-shell input[type="text"],
.admin-shell input[type="email"],
.admin-shell input[type="password"],
.admin-shell input[type="number"],
.admin-shell textarea,
.admin-shell select {
    color: #f1f5f9;
    background-color: rgba(0, 0, 0, 0.45);
    border-color: rgba(255, 255, 255, 0.12);
}
.admin-shell input:focus,
.admin-shell textarea:focus,
.admin-shell select:focus {
    outline: none;
    border-color: rgba(34, 211, 238, 0.5);
    box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.15);
}
.admin-shell input::placeholder,
.admin-shell textarea::placeholder {
    color: #64748b;
}
.admin-shell button[type="submit"],
.admin-shell .btn-admin-primary {
    background: linear-gradient(to right, #0891b2, #7c3aed);
    transition: box-shadow 0.2s, transform 0.15s;
}
.admin-shell button[type="submit"]:hover,
.admin-shell .btn-admin-primary:hover {
    box-shadow: 0 0 20px rgba(34, 211, 238, 0.3);
}