.capsule-tab { transition: all 0.2s ease; cursor: pointer; }
.capsule-tab.active { background-color: #4f46e5 !important; color: white !important; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2); }
.no-scrollbar::-webkit-scrollbar { display: none; }
.nav-card { height: 100px; transition: all 0.3s ease; border: 1px solid #f1f5f9; background: #fff; border-radius: 1rem; padding: 1rem; overflow: hidden; }
.nav-card:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-color: #e2e8f0; }
.line-clamp-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ghost { opacity: 0.4; background: #e0e7ff; border: 2px dashed #4f46e5; }