body { font-family: 'Inter', sans-serif; background-color: #0f172a; color: #f8fafc; scroll-behavior: smooth; }
.font-comfortaa { font-family: 'Comfortaa', sans-serif; }
.modal { display: none; position: fixed; inset: 0; z-index: 80; align-items: center; justify-content: center; background: rgba(0,0,0,0.6); backdrop-filter: blur(4px); padding: 1rem; }
.modal.active { display: flex; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fadeIn 0.25s ease-out forwards; }
/* Sidebar active highlight */
.sidebar-btn-active {
    color: #f97316 !important;
    background: rgba(249,115,22,0.08) !important;
    border-left: 3px solid #f97316 !important;
    padding-left: 13px !important;
}