body {
            font-family: 'Noto Sans KR', sans-serif;
            background-color: #F1F5F9; /* Slate 100 */
        }
        
        /* Sidebar Navigation Active State */
        .nav-item.active {
            background-color: #E0F2FE; /* Sky 100 */
            color: #0284C7; /* Sky 600 */
            border-right: 3px solid #0284C7;
        }
        .nav-item {
            transition: all 0.2s;
            border-right: 3px solid transparent;
        }

        /* Table Row Hover */
        .case-row {
            transition: background-color 0.15s;
        }
        .case-row:hover {
            background-color: #F8FAFC;
        }

        /* Modal Animation */
        .modal-enter {
            opacity: 0;
            transform: scale(0.95);
        }
        .modal-enter-active {
            opacity: 1;
            transform: scale(1);
            transition: opacity 0.2s, transform 0.2s;
        }
        .modal-exit {
            opacity: 1;
            transform: scale(1);
        }
        .modal-exit-active {
            opacity: 0;
            transform: scale(0.95);
            transition: opacity 0.2s, transform 0.2s;
        }

        /* Custom Scrollbar for Table */
        .custom-scroll::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        .custom-scroll::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        .custom-scroll::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 3px;
        }
        .custom-scroll::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }

        .status-badge {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 2px 8px;
            border-radius: 9999px;
            font-size: 11px;
            font-weight: 600;
        }