body { font-family: 'Noto Sans KR', sans-serif; }
        
        /* Sidebar & Layout */
        .sidebar-item {
            position: relative;
            overflow: hidden;
            transition: all 0.2s ease;
        }
        .sidebar-item.active {
            background: #F3F4F6;
            color: #7C3AED;
            font-weight: 600;
        }
        .sidebar-item.active::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 4px;
            background: #7C3AED;
        }

        /* Timeline Styles */
        .timeline-line {
            position: absolute;
            left: 24px;
            top: 40px;
            bottom: -20px;
            width: 2px;
            background: #E2E8F0;
            z-index: 0;
        }
        .timeline-group:last-child .timeline-item:last-child .timeline-line { display: none; }

        /* Activity Icon */
        .activity-icon-wrapper {
            position: relative;
            z-index: 10;
            transition: transform 0.2s ease;
        }
        .timeline-item:hover .activity-icon-wrapper {
            transform: scale(1.1);
        }

        /* Animations */
        .fade-in { animation: fadeIn 0.3s ease-out forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
        ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }