/* RSNPanel Custom Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');

:root {
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.3);
    --sidebar-width: 280px;
}

body {
    font-family: 'Inter', sans-serif;
    background: #f8fafc;
    color: #1e293b;
}

h1, h2, h3, h4, .font-heading {
    font-family: 'Outfit', sans-serif;
}

/* Glassmorphism Effect */
.glass {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
}

.glass-dark {
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Sidebar Custom Scrollbar */
.sidebar-scroll::-webkit-scrollbar {
    width: 4px;
}
.sidebar-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.sidebar-scroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.1);
    border-radius: 10px;
}

/* Transitions */
.transition-all-300 {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Gradient Backgrounds */
.bg-gradient-premium {
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
}

.bg-gradient-surface {
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
}

/* Custom Checkbox/Radio */
.custom-form-input {
    @apply border-slate-200 focus:border-indigo-500 focus:ring-indigo-500 rounded-lg transition-all duration-200;
}

/* Dashboard Widgets */
.stat-card {
    @apply glass p-6 rounded-2xl border border-white hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1;
}