/* File: assets/css/style.css */
body { background: #f0f2f5; font-family: 'Segoe UI', sans-serif; }
.card { border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); border: none; }
.card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12); }
.sidebar { position: fixed; top: 56px; bottom: 0; left: 0; z-index: 100; padding: 0; overflow-y: auto; background: #f8f9fa; }
.sidebar .nav-link { font-weight: 500; color: #333; padding: 0.75rem 1.5rem; }
.sidebar .nav-link:hover { background: rgba(13,110,253,.1); color: #0d6efd; }
.sidebar .nav-link i { margin-right: 0.75rem; width: 20px; text-align: center; }
.sidebar .nav-link.active { color: #0d6efd; background: rgba(13,110,253,.1); }
.bg-purple { background: #6f42c1; }
.btn-purple { background: #6f42c1; color: white; border: none; }
.btn-purple:hover { background: #5a32a3; color: white; }
@media (max-width: 768px) { .sidebar { position: fixed; left: -100%; width: 280px; transition: all 0.3s; z-index: 999; } .sidebar.show { left: 0; } }