body { font-family: 'Inter', sans-serif; }
.glass-card { background: white; border-radius: 16px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); border: 1px solid #E2E8F0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.glass-card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); border-color: #CBD5E1; }
.sidebar-link { transition: all 0.2s ease-in-out; border-left: 3px solid transparent; }
.sidebar-link:hover { background-color: #1E293B; color: #38BDF8; }
.sidebar-link.active { background-color: #0F172A; color: #38BDF8; border-left-color: #38BDF8; }
.fade-in { animation: fadeIn 0.4s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.modal { transition: opacity 0.3s ease; }
.modal-container { transition: transform 0.3s ease; }
body.modal-active { overflow: hidden; }
.modal:not(.opacity-0) .modal-container { transform: scale(100%); }
.modal.opacity-0 .modal-container { transform: scale(95%); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }