:root {
    --primary: #FF914D;
    --secondary: #FFD166;
    --accent: #4ECDC4;
}
body { font-family: 'Nunito', sans-serif; background: #FAFAFA; }
.btn-premium {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    border: none; color: #fff; padding: 12px 30px; border-radius: 50px; font-weight: 700;
    box-shadow: 0 10px 20px rgba(255, 145, 77, 0.3); transition: all 0.3s;
}
.btn-premium:hover { transform: translateY(-3px); box-shadow: 0 15px 25px rgba(255, 145, 77, 0.4); color: #fff; }
.premium-card { transition: transform 0.4s, box-shadow 0.4s; }
.premium-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important; }
.hero-bg { background: linear-gradient(135deg, rgba(255,145,77,0.1), rgba(78,205,196,0.1)); min-height: 80vh; display: flex; align-items: center; }
.admin-sidebar { background: #1e1e2d; min-height: 100vh; position: fixed; width: 250px; padding-top: 20px; }
.admin-sidebar a { color: #a2a3b7; text-decoration: none; padding: 12px 20px; display: block; border-radius: 8px; margin: 4px 10px; }
.admin-sidebar a:hover, .admin-sidebar a.active { background: #2a2a3c; color: #fff; }
.admin-content { margin-left: 250px; padding: 20px; background: #f4f7f7; min-height: 100vh; }
@media (max-width: 768px) { .admin-sidebar { width: 0; overflow: hidden; } .admin-content { margin-left: 0; } }