body {
    font-family: "Segoe UI", sans-serif;
}

.scrolling-images::-webkit-scrollbar {
    height: 8px;
}

.scrolling-images::-webkit-scrollbar-track {
    background: #333;
    border-radius: 10px;
}

.scrolling-images::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.scrolling-images::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.scrolling-container {
    display: inline-flex;
    white-space: nowrap;
    animation: scrollLeft 30s linear infinite;
}

.admin-shell {
    background:
        radial-gradient(circle at top left, rgba(244, 114, 182, 0.22), transparent 28%),
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.18), transparent 25%),
        linear-gradient(160deg, #0f172a 0%, #020617 100%);
}

.admin-card {
    background: rgba(15, 23, 42, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.18);
    backdrop-filter: blur(16px);
}

.admin-row {
    background: rgba(30, 41, 59, 0.65);
    border: 1px solid rgba(148, 163, 184, 0.14);
}

.admin-input {
    background: rgba(15, 23, 42, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.admin-button,
.admin-button-secondary,
.admin-danger,
.flash {
    transition: transform 180ms ease, background-color 180ms ease;
}

.admin-button {
    background: linear-gradient(135deg, #ec4899, #db2777);
    color: #fff;
}

.admin-button:hover,
.admin-button-secondary:hover,
.admin-danger:hover {
    transform: translateY(-1px);
}

.admin-button-secondary {
    background: rgba(30, 41, 59, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.2);
    color: #e2e8f0;
}

.admin-danger {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    color: #fff;
}

.flash {
    border-radius: 1rem;
    padding: 0.85rem 1rem;
    font-weight: 600;
}

.flash-success {
    background: rgba(34, 197, 94, 0.18);
    color: #bbf7d0;
    border: 1px solid rgba(34, 197, 94, 0.28);
}

.flash-error {
    background: rgba(248, 113, 113, 0.18);
    color: #fecaca;
    border: 1px solid rgba(248, 113, 113, 0.28);
}